Basic styling work

This commit is contained in:
kayomn 2023-08-19 16:55:36 +01:00
parent 0c3fe4ba6b
commit 6242fe03db
5 changed files with 50 additions and 9 deletions

View File

@ -1,3 +1,5 @@
+++
title = "Hello world"
+++
We are a small hacker community focused on promiting a smaller-scale, self-sufficient, and decentralized web. It's also the name of a weekly ritual where we eat pizza on a Wednesday.

View File

@ -3,3 +3,4 @@ title = "Feed"
generate_feed = true
template = "feed.html"
+++

39
static/base.css Normal file
View File

@ -0,0 +1,39 @@
:root {
font-family: sans-serif;
}
body {
margin: 0;
background-color: #ffffff;
}
nav {
min-height: 52px;
background-color: #f2b916;
display: flex;
align-items: center;
}
nav a {
display: flex;
align-items: center;
color: #000000;
padding: 0.4em .9em;
margin: 0 .35em;
text-decoration: none;
border-radius: 3px;
}
nav a:hover {
background-color: #b38710;
}
main {
margin: 1em;
}
footer {
display: flex;
justify-content: center;
}

View File

@ -4,18 +4,21 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="/base.css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="rss.xml">
<title>{% block title %}{{ config.title }}{% endblock %}</title>
{% block links %}
{% endblock %}
{% block links %}{% endblock %}
</head>
<body>
<header>
<a href="/"><div>Pizza Wednesday</div></a>
<nav>
<a href="/">Pizza Wednesday</a>
<a href="/feed">Feed</a>
</nav>
<nav>
<a href="/feed">Feed</a>
<a href="https://sauce.pizzawednes.day">Sauce Control</a>
</nav>
</header>
@ -25,7 +28,7 @@
</main>
<footer>
Copyright sucks ass
<span>Built using <a href="https://www.getzola.org" target="_blank">Zola</a></span>
</footer>
</body>
</html>

View File

@ -1,9 +1,5 @@
{% extends "base.html" %}
{% block links %}
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml", trailing_slash=false) }}">
{% endblock %}
{% block content %}
<h1>Feed</h1>