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 @@ <!DOCTYPE html> -<html lang="tr"> - <head> - <meta charset="UTF-8" /> - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> - <title>Alperen İsa Nalbant</title> - <link rel="stylesheet" href="/style.css" /> - <link rel="preconnect" href="https://fonts.googleapis.com" /> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - <link rel="preconnect" href="https://fonts.googleapis.com" /> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> - <link - href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" - rel="stylesheet" - /> - <link rel="shortcut icon" href="favicon.png" type="image/x-icon" /> - </head> - <body> - <header> - <b>Alperen İsa Nalbant</b> - <nav> - <ul> - <li><a href="#">Ana Sayfa</a></li> - <li><a href="#">Projelerim</a></li> - <li><a href="#">İletişime geçin</a></li> - </ul> - </nav> - </header> - <article> - <h1>Merhaba, ben Alperen İsa</h1> - <p class="buyuk"> - Bilgisayar ile uğraşmayı seven bir kişiyim. Temel düzeyde HTML, CSS, - Python, GNU/Linux ve PyGObject bilgim var. - </p> - <p> - 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 - <a href="https://github.com/Afacanc38">projelerim</a> var. Şu anda - Appiload üzerinde çalışıyorum. - </p> - </article> - </body> -</html> +<html> +<head> + <meta charset="utf-8"> + <title>Alperen İsa Nalbant</title> + <link rel="stylesheet" href="style.css"> +</head> +<body> + <div id="center"> + <div class="card"> + <h1>Site yapım aşamasında.</h1> + <p>Lütfen daha sonra tekrar gelin.</p><br> + <a class="button" href="https://github.com/Afacanc38">GitHub</a> + <a class="button" href="https://github.com/Afacanc38/afacanc38.github.io">Web sitenin kaynak kodu</a> + </div> + </div> +</body> +</html> \ 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