under construction

assets/css/style.css

@@ -1,124 +0,0 @@
-:root {
-    --renk-mavi: rgb(0, 58, 216);
-    --renk-acik-mavi: #87aadeff;
-    --renk-kutu-rengi: #1c1f24ff;
-    --renk-mor: #aa87deff;
-    --renk-soluk: rgba(255, 255, 255, .7);
-}
-
-body {
-    margin:  0 6px !important;
-    padding: 0;
-    background: black;
-    color: white;
-    font-family: Poppins, system-ui, sans-serif;
-}
-
-body * {
-    margin: 0 !important;
-    padding: 0;
-}
-
-#ana-kutucuk {
-    min-width: 100%;
-}
-
-#site-basligi {
-    font-size: 18pt;
-    min-width: 100%;
-    height: 200px;
-    text-align: center;
-    justify-content: center;
-    align-items: center;
-    display: flex;
-}
-
-.row {
-    background: var(--renk-kutu-rengi);
-    padding: 50px;
-    border-radius: 64px;
-    font-weight: 500;
-    margin-bottom: 10px !important;
-
-}
-
-.baslik {
-    font-size: 40pt;
-}
-
-.baslik.kucuk {
-    font-size: 17pt;
-    padding: 0 !important;
-}
-.baslik.kucuk.solgun {
-    color: var(--renk-soluk);
-}
-.baslik.kucuk.mavi {
-    color: var(--renk-acik-mavi);
-}
-
-.row.mavi {
-    background: var(--renk-mavi);
-}
-
-.alticizili {
-    text-decoration: underline var(--renk-soluk);
-}
-
-.navigation-gird {
-    display: flex;
-}
-
-.navigation-gird.other {
-    display: flex;
-    flex: 50%;
-    flex-direction: column;
-    margin-left: 10px !important;
-}
-.navigation-gird.other * {
-    margin-bottom: 10px;
-}
-
-.navigation-gird .row.extended {
-    flex: 50%;
-}
-
-.row.clicktable {
-    display: flex;
-    align-items: flex-end;
-    transition: 200ms ease-in-out;
-}
-
-.row.clicktable:hover {
-    transform: scale(0.97);
-}
-
-@media only screen and (max-width: 800px) {
-    .baslik {
-        font-size: 30pt;
-    }
-    .navigation-gird {
-        flex-direction: column;
-    }
-    .navigation-gird.other {
-        margin-left: 0 !important;
-    }
-}
-
-@media only screen and (max-width: 430px) {
-    .baslik {
-        font-size: 25pt;
-    }
-    .baslik.baslik.kucuk {
-        font-size: 13pt;
-    }
-    .navigation-gird {
-        flex-direction: column;
-    }
-    .navigation-gird.other {
-        margin-left: 0 !important;
-    }
-    .row {
-        padding: 37px;
-    }
-}

assets/fonts/poppins/poppins.css

@@ -1,127 +0,0 @@
-/* poppins-black-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 900;
-	src: local("Poppins Black Italic"), local("Poppins-BlackItalic"), url(poppins-black-italic.woff2) format("woff2");
-}
-/* poppins-black */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 900;
-	src: local("Poppins Black"), local("Poppins-Black"), url(poppins-black.woff2) format("woff2");
-}
-/* poppins-extrabold-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Poppins ExtraBold Italic"), local("Poppins-ExtraBoldItalic"), url(poppins-extrabold-italic.woff2) format("woff2");
-}
-/* poppins-extrabold */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Poppins ExtraBold"), local("Poppins-ExtraBold"), url(poppins-extrabold.woff2) format("woff2");
-}
-/* poppins-bold-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 700;
-	src: local("Poppins Bold Italic"), local("Poppins-BoldItalic"), url(poppins-bold-italic.woff2) format("woff2");
-}
-/* poppins-bold */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 700;
-	src: local("Poppins Bold"), local("Poppins-Bold"), url(poppins-bold.woff2) format("woff2");
-}
-/* poppins-semibold-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Poppins SemiBold Italic"), local("Poppins-SemiBoldItalic"), url(poppins-semibold-italic.woff2) format("woff2");
-}
-/* poppins-semibold */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Poppins SemiBold"), local("Poppins-SemiBold"), url(poppins-semibold.woff2) format("woff2");
-}
-/* poppins-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Poppins Italic"), local("Poppins-Italic"), url(poppins-italic.woff2) format("woff2");
-}
-/* poppins-medium-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 500;
-	src: local("Poppins Medium Italic"), local("Poppins-MediumItalic"), url(poppins-medium-italic.woff2) format("woff2");
-}
-/* poppins-medium */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 500;
-	src: local("Poppins Medium"), local("Poppins-Medium"), url(poppins-medium.woff2) format("woff2");
-}
-/* poppins-regular */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Poppins Regular"), local("Poppins-Regular"), url(poppins-regular.woff2) format("woff2");
-}
-/* poppins-light-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 300;
-	src: local("Poppins Light Italic"), local("Poppins-LightItalic"), url(poppins-light-italic.woff2) format("woff2");
-}
-/* poppins-light */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 300;
-	src: local("Poppins Light"), local("Poppins-Light"), url(poppins-light.woff2) format("woff2");
-}
-/* poppins-extralight-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 400;
-	src: local("Poppins ExtraLight Italic"), local("Poppins-ExtraLightItalic"), url(poppins-extralight-italic.woff2) format("woff2");
-}
-/* poppins-extralight */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 400;
-	src: local("Poppins ExtraLight"), local("Poppins-ExtraLight"), url(poppins-extralight.woff2) format("woff2");
-}
-/* poppins-thin-italic */
-@font-face {
-	font-family: Poppins;
-	font-style: italic;
-	font-weight: 100;
-	src: local("Poppins Thin Italic"), local("Poppins-ThinItalic"), url(poppins-thin-italic.woff2) format("woff2");
-}
-/* poppins-thin */
-@font-face {
-	font-family: Poppins;
-	font-style: normal;
-	font-weight: 100;
-	src: local("Poppins Thin"), local("Poppins-Thin"), url(poppins-thin.woff2) format("woff2");
-}
-

index.html

@@ -1,45 +1,27 @@
 <!DOCTYPE html>
 <html lang="tr">
-
+  <head>
-<head>
+    <meta charset="UTF-8" />
-    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Site yapım aşamasında</title>
-    <title>Alperen'nin Web Sitesi</title>
+    <link rel="stylesheet" href="s.css" />
-    <meta name="description" content="Ben 13 yaşında bir GNU/Linux kullanısıyım. 10 yaşımda GNU/Linux ile tanıştım ve 11 yaşımda Python öğrenmeye çalıştım. Şimdi ise Libadwaita ve web siteleri üzerinde odaklanıyorum.">
+  </head>
-    <meta name="google-site-verification" content="bQ8qX6H5QmLeCyk0wdHJWezxkrWnOGHnXgLlc44aJ7A" />
+  <body>
-    <link rel="stylesheet" href="assets/css/style.css">
+    <main>
-    <link rel="stylesheet" href="assets/fonts/poppins/poppins.css">
+      <div class="kapsayici">
-</head>
+        <img
-
+          src="/uct.png"
-<body>
+          alt="Yol üzerine konulmuş sarı ve siyah çizgili engel"
-    <div id="ana-kutucuk">
+        />
-        <h1 id="site-basligi">Alperen İsa Nalbant</h1>
+        <h1>Site Yapım Aşamasında</h1>
-        <div class="row mavi">
+        <p>Daha sonra tekrar kontrol edin.</p>
-            <div class="baslik kucuk solgun">
+        <div>
-                Hakkımda
+          <a href="https://github.com/afacanc38" target="_blank">GitHub</a>
-            </div>
+          <a href="mailto:afacanc38@vuhuv.com">E-Posta</a>
-            <p class="baslik">
-                Ben 13 yaşında bir <span class="alticizili">GNU/Linux</span> kullanıcısıyım. 10 yaşımda
-                GNU/Linux ile tanıştım ve 11 yaşımda <span class="alticizili">Python</span> öğrenmeye çalıştım.
-                Şimdi ise <span class="alticizili">Libadwaita</span> ve <span class="alticizili">web siteleri</span>
-                üzerinde odaklanıyorum.
-            </p>
         </div>
-        <div class="navigation-gird">
+        <span class="atif"><a href="https://github.com/Afacanc38/myartwork/blob/main/illustrations/under-construction-transparent.png">Fotoğraf</a> <a href="https://github.com/afacanc38">Alperen İsa Nalbant</a> tarafından <a href="https://github.com/Afacanc38/myartwork/blob/main/illustrations/under-construction-transparent.png">Apache 2.0</a> altında lisanslanmıştır.</span>
-            <div class="row clicktable extended">
+      </div>
-                <div class="baslik kucuk">Projeler</div>
+    </main>
-            </div>
+  </body>
-            <div class="navigation-gird other">
+</html>
-                <div class="row clicktable">
-                    <div class="baslik kucuk">Blog (yakında)</div>
-                </div>
-                <div class="row clicktable">
-                    <div class="baslik kucuk">Bana ulaşın</div>
-                </div>
-            </div>
-        </div>
-    </div>
-</body>
-
-</html>

s.css

@@ -0,0 +1,44 @@
+* {
+  margin: 0;
+  padding: 0;
+  font-family: system-ui;
+}
+
+.kapsayici img {
+  width: 200px;
+  height: 200px;
+}
+
+.kapsayici h1 {
+  font-size: 25px;
+}
+
+.kapsayici a {
+  text-decoration: none;
+}
+
+.kapsayici a:nth-of-type(2) {
+  margin: 20px;
+}
+
+.kapsayici {
+  display: flex;
+  min-height: 100vh;
+  max-width: 100%;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.atif {
+  text-align: center;
+  margin-top: 10px;
+  font-size: 13px;
+  color: #606060;
+}
+
+.atif a {
+  margin: 0 !important;
+  color: #606060;
+  text-decoration: underline dashed;
+}