diff --git a/assets/style.css b/assets/style.css new file mode 100644 index 0000000..0bcfdb0 --- /dev/null +++ b/assets/style.css @@ -0,0 +1,57 @@ +:root { + font-family: Inter, sans-serif; + font-feature-settings: 'liga' 1, 'calt' 1; +} +body { + padding: 2rem; + font-size: 1.05rem; + line-height: 1.5; + text-align: center +} +h1 { + font-size: 4rem; + line-height: 1; + letter-spacing: -0.03em; +} +h2 { + font-size: 2.75rem; + line-height: 1; + letter-spacing: -0.03em; +} +a { + color: black; + text-decoration: none; +} +.motto { + margin: auto; + padding: 1em; + width: 18em; + border: 1px solid black; + border-radius: .33em; + text-align: center; + font-size: 1.55rem; + line-height: 1.3; +} +.contact-container { + display: flex; + flex-wrap: wrap; + justify-content: center; +} +.contact-container > div { + margin: .33em; + padding: .33em; + background-color: #f0f0f0; + border-radius: .33em; +} +.button { + margin: auto; + padding: 1em; + width: 16em; + color: white; + background-color: black; + border-radius: .33em; + text-align: center; + cursor: pointer; + display: block; + font-weight: bold; +} diff --git a/layouts/index.html b/layouts/index.html index d51828b..e5453b2 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,9 +1,24 @@ -{{ .Site.Title }} -
-
-

{{ .Site.Author.name }}

-

“{{ .Site.Author.motto | safeHTML }}”

-
- {{ partial "contact.html" . }} - {{ partial "links.html" . }} -
+ + + + + + + {{ $style := resources.Get "style.css" | minify }} + + {{ .Site.Title }} + + +
+
+

{{ .Site.Author.name }}

+

{{ .Site.Author.about }}

+
+ {{ partial "contact.html" . }}
+
+ “{{ .Site.Author.motto | safeHTML }}” +

+ {{ partial "links.html" . }} +
+ + diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html index 9816121..30974f5 100644 --- a/layouts/partials/contact.html +++ b/layouts/partials/contact.html @@ -1,3 +1,5 @@ -

Alamat surel {{ .Site.Author.email }} -Kunci publik PGP {{ .Site.Author.pgp }} -JID {{ .Site.Author.jid }}

+
+
Alamat surel {{ .Site.Author.email }}
+
Kunci publik PGP {{ .Site.Author.pgp }}
+
JID {{ .Site.Author.jid }}
+
diff --git a/layouts/partials/links.html b/layouts/partials/links.html index 18fa5dd..7aef2e1 100644 --- a/layouts/partials/links.html +++ b/layouts/partials/links.html @@ -1,3 +1,3 @@ -Blog -Media Sosial -Repositori Git +Blog
+Media Sosial
+Repositori Git