commit 6fbcd9787ffc367a18cee3acbce01192772813c8
parent 6b40173ec7284c5f6068c3b809d84cd3d437e939
Author: MichaĆ Sapka <michal@sapka.me>
Date: Tue, 10 Jan 2023 16:55:41 +0100
feat: more of layout
Diffstat:
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;
+ }