diff --git a/favicon.png b/favicon.png deleted file mode 100644 index 9eaad0f..0000000 Binary files a/favicon.png and /dev/null differ diff --git a/index.html b/index.html index b8296fe..e93a903 100644 --- a/index.html +++ b/index.html @@ -1,45 +1,18 @@ - - - - - - Alperen İsa Nalbant - - - - - - - - - -
- Alperen İsa Nalbant - -
-
-

Merhaba, ben Alperen İsa

-

- Bilgisayar ile uğraşmayı seven bir kişiyim. Temel düzeyde HTML, CSS, - Python, GNU/Linux ve PyGObject bilgim var. -

-

- Yaklaşık 2 yıldır bilgisayar ile uğraşıyorum. Bazı şeylerin deneyerek - öğrenilmesi gerektiğine inanıyorum. Bu web sitesini de deneye deneye - yaptım. Çeşitli - projelerim var. Şu anda - Appiload üzerinde çalışıyorum. -

-
- - + + + + Alperen İsa Nalbant + + + +
+
+

Site yapım aşamasında.

+

Lütfen daha sonra tekrar gelin.


+ GitHub + Web sitenin kaynak kodu +
+
+ + \ No newline at end of file diff --git a/style.css b/style.css index a0256d8..7682349 100644 --- a/style.css +++ b/style.css @@ -1,62 +1,61 @@ -:root { - --color1: #0A043C; - --color2: #03506F; - --color3: #BBBBBB; - --color4: #FFE3D8; +#center { + display: flex; + padding: 2vh 2vw; + height: 90vh; + min-height: 300px; + max-width: 100%; + align-items: center; + justify-content: center; } * { - font-family: Poppins, system-ui; - margin: 0; padding: 0; + margin: 10px; } -body { - background: var(--color1); - color: var(--color4); +.card { + transition: 200ms ease-in-out; + background: #fafafa; + padding: 30px 20px; + border: 1px solid #e0e0e0; + border-radius: 12px; + box-shadow: 0 10px 20px -10px #7e7e7e; + font-family: system-ui; } -h1, h2, h3, h4, h5, h6 { - font-family: 'Zilla Slab', system-ui; - color: var(--color3); +.button { + transition: 200ms ease-in-out; + border: 1px solid #cacdfa; + background: #e5e7fd; + padding: 10px 15px; + color: black; + text-decoration: none; + border-radius: 20px; } -h1 { - font-size: 6vw; +.button:hover { + border: 1px solid #b6bbff; + background: #b4baff; + color: blue; } -p.buyuk { - font-size: 3vw; -} - -p { - margin: 20px 0px; -} - -header { - display: flex; - justify-content: space-between; - padding: 20px; - border-bottom: 1px solid var(--color2); -} - -header ul { - list-style-type: none; -} - -header ul li { - float: left; - padding: 0px 10px; -} - -header ul a { - color: var(--color4); -} - -article { - padding: 50px; -} - -a { - color: var(--color3); +@media (prefers-color-scheme: dark) { + * { + color: white !important; + } + body { + background-color: rgb(20, 20, 20); + } + .card { + background: rgb(17, 17, 17); + border-color: #424242; + box-shadow: 0 10px 20px -10px #080808; + } + .button { + background: #1c1c1f; + } + .button:hover { + background: blue; + border-color: blue; + } } \ No newline at end of file