firman/hugo-theme-home-firman
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add 'assets/style.css'

Browse source
This commit is contained in:
M.R. Firmansyah 2024-08-26 01:36:50 +07:00
parent 97bdbbcfc0
commit 6680cbb23a
4 changed files with 89 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
assets/style.css Normal file
View file

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

33
layouts/index.html
View file

@ -1,9 +1,24 @@
<title>{{ .Site.Title }}</title>
<main aria-role="main">
<header class="home-page-header">
<h1>{{ .Site.Author.name }}</h1>
<h2>“{{ .Site.Author.motto | safeHTML }}”</h2>
</header>
{{ partial "contact.html" . }}
{{ partial "links.html" . }}
</main>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="preconnect" href="https://rsms.me/">
<link rel="stylesheet" href="https://rsms.me/inter/inter.css">
{{ $style := resources.Get "style.css" | minify }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
<title>{{ .Site.Title }}</title>
</head>
<body>
<main aria-role="main">
<header class="home-page-header">
<h1>{{ .Site.Author.name }}</h1>
<h2>{{ .Site.Author.about }}</h2>
</header>
{{ partial "contact.html" . }}<br>
<div class="motto">
“{{ .Site.Author.motto | safeHTML }}”
</div><br>
{{ partial "links.html" . }}
</main>
</body>
</html>

8
layouts/partials/contact.html
View file

@ -1,3 +1,5 @@
<p><strong>Alamat surel</strong> <a href="mailto:{{ .Site.Author.email }}">{{ .Site.Author.email }}</a>
<strong>Kunci publik PGP</strong> <a href="{{ .Site.Author.url.pgp }} ">{{ .Site.Author.pgp }}</a>
<strong>JID</strong> <a href="xmpp:{{ .Site.Author.jid }}">{{ .Site.Author.jid }}</p>
<div class="contact-container">
<div><strong>Alamat surel</strong> <a href="mailto:{{ .Site.Author.email }}">{{ .Site.Author.email }}</a></div>
<div><strong>Kunci publik PGP</strong> <a href="{{ .Site.Author.url.pgp }}">{{ .Site.Author.pgp }}</a></div>
<div><strong>JID</strong> <a href="xmpp:{{ .Site.Author.jid }}">{{ .Site.Author.jid }}</a></div>
</div>

6
layouts/partials/links.html
View file

@ -1,3 +1,3 @@
<a href="{{ .Site.Author.url.blog }}"><strong>Blog</strong></a>
<a href="{{ .Site.Author.url.social }}" ><strong>Media Sosial</strong></a>
<a href="{{ .Site.Author.url.git }}" ><strong>Repositori Git</strong></a>
<a class="button" href="{{ .Site.Author.url.blog }}">Blog</a><br>
<a class="button" href="{{ .Site.Author.url.social }}">Media Sosial</a><br>
<a class="button" href="{{ .Site.Author.url.git }}" >Repositori Git</a>