style: add fonts and flexes

assets/scss/style.scss

@@ -2,9 +2,41 @@
     display: flex;
     min-height: 100vh;
     flex-direction: column;
-    align-items: center;
+    align-items: start;
-    justify-content: center;
+    justify-content: space-between;
     max-width: 400px;
     margin: auto;
     font-size: 1.5rem;
 }
+
+#home-center {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+#home-title {
+    color: #202020;
+    font-family: Inter;
+    font-size: 48px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+}
+
+#home-nav {
+    display: flex;
+    flex-direction: column;
+
+    a {
+        color: #252525;
+        font-family: Inter;
+        font-size: 40px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 150%;
+        /* 60px */
+        text-decoration-line: underline;
+    }
+
+}

config.toml

@@ -26,7 +26,7 @@ enableEmoji = true  # Shorthand emojis in content files - https://gohugo.io/func
   description = "log101's blog"
   themeColor = "#494f5c"
 
-  homeSubtitle = "\"Orada, soğuk ve mütemadiyen dönen yaşlı başlı yıldızlar, önce israillenmiş sonra pislik içinde bırakılmış gezegenler, Kadimler mirası kuyruklu gök cisimleri vardı; birbirlerinden bağımız görünseler de modellenmesi neredeyse imkansız bir örgü içerisinde…\""
+  homeSubtitle = "\"Orada, soğuk ve mütemadiyen dönen yaşlı başlı yıldızlar, önce gasp edilmiş sonra pislik içinde bırakılmış gezegenler, Kadimler mirası kuyruklu gök cisimleri vardı; birbirlerinden bağımız görünseler de modellenmesi neredeyse imkansız bir örgü içerisinde…\""
 
   # Toggling this option needs to rebuild SCSS, requires Hugo extended version
   justifyContent = false  # Set "text-align: justify" to `.content`.
@@ -56,6 +56,21 @@ enableEmoji = true  # Shorthand emojis in content files - https://gohugo.io/func
     weight = 10
 
   [[menu.main]]
-    name = "About"
+    name = "Github"
     url = "about-hugo/"
     weight = 20
+
+  [[menu.main]]
+    name = "CV"
+    url = "about-hugo/"
+    weight = 30
+
+  [[menu.main]]
+    name = "Stories"
+    url = "about-hugo/"
+    weight = 40
+
+  [[menu.main]]
+    name = "Running"
+    url = "about-hugo/"
+    weight = 50

layouts/index.html

@@ -13,16 +13,9 @@
 	<div class="bg-img"></div>
 	{{- end }}
 	<div id="spotlight" class="animated fadeIn">
+		<div></div>
 		<div id="home-center">
 			<h1 id="home-title">{{ .Site.Title }}</h1>
-			{{- with .Site.Params.homeSubtitle }}
-			<p id="home-subtitle">{{.}}</p>
-			{{- end }}
-			{{- with .Site.Params.social }}
-			<div id="home-social">
-				{{ partialCached "social-icons.html" . }}
-			</div>
-			{{- end }}
 			<nav id="home-nav" class="site-nav">
 				{{ partialCached "menu.html" . }}
 			</nav>

layouts/partials/extra-head.html

@@ -0,0 +1,3 @@
+<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=Inter:wght@400;500&display=swap" rel="stylesheet">

resources/_gen/assets/scss/scss/style.scss_c16d144eee185fbddd582cd5e25a4fae.content

@@ -1 +1 @@
-#spotlight{display:flex;min-height:100vh;flex-direction:column;align-items:center;justify-content:center;max-width:400px;margin:auto;font-size:1.5rem}
+#spotlight{display:flex;min-height:100vh;flex-direction:column;align-items:start;justify-content:space-between;max-width:400px;margin:auto;font-size:1.5rem}#home-center{display:flex;flex-direction:column;align-items:flex-start}#home-title{color:#202020;font-family:Inter;font-size:48px;font-style:normal;font-weight:500;line-height:normal}#home-nav{display:flex;flex-direction:column}#home-nav a{color:#252525;font-family:Inter;font-size:40px;font-style:normal;font-weight:400;line-height:150%;text-decoration-line:underline}

resources/_gen/assets/scss/scss/style.scss_c16d144eee185fbddd582cd5e25a4fae.json

@@ -1 +1 @@
-{"Target":"css/style.min.b2c053d0897094a77db69695729c2dc4d48d3d4200d25d8266eb11ca8c88383b.css","MediaType":"text/css","Data":{"Integrity":"sha256-ssBT0IlwlKd9tpaVcpwtxNSNPUIA0l2CZusRyoyIODs="}}
+{"Target":"css/style.min.006ec58c58b834e727619e1459ab303f09e51e8317d3e79a1b632b52aacf60f0.css","MediaType":"text/css","Data":{"Integrity":"sha256-AG7FjFi4NOcnYZ4UWaswPwnlHoMX0+eaG2MrUqrPYPA="}}