log101/log101-dot-dev
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: add fonts and flexes

Browse Source
This commit is contained in:
log101 2023-12-05 04:08:16 +00:00
parent d466219b25
commit e086b748aa
6 changed files with 57 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
assets/scss/style.scss
View File

@ -2,9 +2,41 @@
display: flex;
min-height: 100vh;
flex-direction: column;
align-items: center;
justify-content: center;
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;
a {
color: #252525;
font-family: Inter;
font-size: 40px;
font-style: normal;
font-weight: 400;
line-height: 150%;
/* 60px */
text-decoration-line: underline;
}
}

19
config.toml
View File

@ -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

9
layouts/index.html
View File

@ -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>

3
layouts/partials/extra-head.html Normal file
View File

@ -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">

2
resources/_gen/assets/scss/scss/style.scss_c16d144eee185fbddd582cd5e25a4fae.content
View File

@ -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}

2
resources/_gen/assets/scss/scss/style.scss_c16d144eee185fbddd582cd5e25a4fae.json
View File

@ -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="}}