michal-sapka-me

Codebase for my homepage.
git clone git://vcs.sapka.me/michal-sapka-me
Log | Files | Refs

commit 6fbcd9787ffc367a18cee3acbce01192772813c8
parent 6b40173ec7284c5f6068c3b809d84cd3d437e939
Author: MichaƂ Sapka <michal@sapka.me>
Date:   Tue, 10 Jan 2023 16:55:41 +0100

feat: more of layout

Diffstat:
Mcontent/about.md | 2+-
Mlayouts/_default/baseof.html | 5+++--
Mlayouts/_default/list.html | 2+-
Mlayouts/_default/single.html | 5+----
Mstatic/style.css | 46++++++++++++++++++++++++++++++++++------------
5 files changed, 40 insertions(+), 20 deletions(-)

diff --git a/content/about.md b/content/about.md @@ -1,7 +1,7 @@ --- title: "About" category: "pages" -date: 2023-01-08T13:58:33+01:00 +date: 2000-01-08T13:58:33+01:00 draft: false tags: [] --- diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html @@ -32,8 +32,6 @@ </head> <body> {{ block "header" . }} - {{ $image := resources.Get "logo.png" }} - {{ $image := $image.Resize "x40" }} <nav id="topnav"> <div> <a href="/">Home</a> @@ -45,7 +43,10 @@ <header> <div id="logo-space"> <a href="/"> + {{ $image := resources.Get "logo.png" }} + {{ $image := $image.Resize "x40" }} <div id="logo"> + <img alt="logo" src="{{ $image.Permalink }}" width={{$image.Width}} height={{$image.Height}}/> </div> <h1>{{ .Site.Title }}</h1> </a> diff --git a/layouts/_default/list.html b/layouts/_default/list.html @@ -2,7 +2,7 @@ {{- range where .Pages "Params.category" "!=" "pages"}} <article class="list"> <a href="{{ .Page.Permalink }}"> - {{ .Page.Title }} + <h2>{{ .Page.Title }}</h2> </a> ({{ .PublishDate.Format "January 2nd, 2006" }}) <div> diff --git a/layouts/_default/single.html b/layouts/_default/single.html @@ -1,8 +1,5 @@ -{{ define "title" }} -{{ end }} - {{ define "main" }} -{{ .Page.Content }} +<article>{{ .Page.Content }}</article> <BR> added on {{ .PublishDate.Format "January 2, 2006" }} {{- if isset .Params "tags" -}} diff --git a/static/style.css b/static/style.css @@ -1,9 +1,9 @@ - body { font-family: 'arial'; padding: 0; margin: 0; font-size: 1.1em; + background-color: #fff; } img { max-width: 99%; @@ -15,6 +15,7 @@ } a { text-decoration: none; + color: #000; } #topnav { width: 100%; @@ -49,27 +50,25 @@ color: #000000; text-decoration: none; } - - - - + h1 { + margin: 0; + text-transform: uppercase; + } main, header, footer { width: 600px; max-width: 95%; margin-left: auto; margin-right: auto; - - + } + header { + padding: 5px; + padding-bottom: 30px; } footer { text-align: center; padding: 10px 0 10px 0; font-size: 0.5em; } - article { - margin-bottom: 20px; - padding: 10px; - } header nav { display: flex; } @@ -96,4 +95,27 @@ display: flex; flex: 0 0 45px; } - + h2 { + padding: 0; + margin: 0; + color: #000000; + text-transform: uppercase; + font-size: 1.5em; + } + h3 { + text-transform: uppercase; + } + main { + padding: 5px; + } + article { + margin-bottom: 20px; + padding: 10px; + text-align: justify; + } + article a { + text-decoration: underline; + } + .next-link { + float: right; + }