diff options
| author | Thomas Letan <lthms@soap.coffee> | 2020-02-05 22:58:26 +0100 |
|---|---|---|
| committer | Thomas Letan <lthms@soap.coffee> | 2020-02-05 22:58:26 +0100 |
| commit | 6b31aa6ce3d9fbd1bacb08eda091bb25259e97bb (patch) | |
| tree | 8ad035d4bd8f2f507ed7a3e1421d63fdcfc5ad59 | |
| parent | Add minimal comments to the script that keep .gitignore up-to-date (diff) | |
Add a minimal navigation bar for the website
| -rw-r--r-- | site/posts/index.html | 2 | ||||
| -rw-r--r-- | site/style/main.css | 57 | ||||
| -rw-r--r-- | soupault.conf | 2 | ||||
| -rw-r--r-- | templates/main.html | 11 |
4 files changed, 61 insertions, 11 deletions
diff --git a/site/posts/index.html b/site/posts/index.html index 4cf073e..7643b21 100644 --- a/site/posts/index.html +++ b/site/posts/index.html @@ -1,5 +1,5 @@ <div> - <h1>Archives</h1> + <h1>Blog</h1> <p>Hi.</p> diff --git a/site/style/main.css b/site/style/main.css index b640071..d3ffae4 100644 --- a/site/style/main.css +++ b/site/style/main.css @@ -27,37 +27,76 @@ h1 { /* default */ -body#default { +body#default nav { + padding-top: 1em; + padding-bottom: 1em; + width: 100%; +} + +body#default nav ul { + padding: 0; + margin: 0; + width: 100%; + display: flex; + flex-direction: row; + justify-content: center; + list-style-type: none; +} + +body#default nav li { + padding-left: .5em; + padding-right: .5em; + text-transform: uppercase; + font-family: sans-serif; + font-size: 150%; +} + +body#default nav li a { + text-decoration: none; +} + +body#default header { + text-align: center; +} + +body#default img { + text-align: center; + border: 3px solid #68d3a7; + border-radius: 50%; + width: 125px; +} + +body#default main { max-width: 500px; margin: auto; - padding: 1em; + padding: 0em 1em 1em 1em; font-size: 130%; overflow-x: hidden; } /* coqdoc output */ -body#default .code, code, pre, .inlinecode { +body#default main .code, code, pre, .inlinecode { font-family: 'Fira Code', monospace; font-size: 75%; } -body#default div.code { +body#default main div.code { white-space: nowrap; } -body#default .code { +body#default main .code { overflow-x: visible; } -body#default .code a[href] { +body#default main .code a[href] { text-decoration: none; } -body#default .doc { +body#default main .doc { } -body#default .paragraph { +body#default main .paragraph { margin-top: 1em; margin-bottom: 1em; } @@ -95,8 +134,8 @@ body#vcard article { } body#vcard article img { - border: 3px solid #68d3a7; display: block; + border: 3px solid #68d3a7; border-radius: 50%; width: 175px; margin: auto; diff --git a/soupault.conf b/soupault.conf index 6fce302..90570de 100644 --- a/soupault.conf +++ b/soupault.conf @@ -11,7 +11,7 @@ generator_mode = true complete_page_selector = "html" default_template = "templates/main.html" - content_selector = "body" + content_selector = "main" doctype = "<!DOCTYPE html>" clean_urls = true diff --git a/templates/main.html b/templates/main.html index f81774b..dd4a7d3 100644 --- a/templates/main.html +++ b/templates/main.html @@ -12,7 +12,18 @@ <link rel="stylesheet" href="https://soap.coffee/~lthms/style/main.css"> </head> <body id="default"> + <nav> + <ul> + <li> <a href="/posts">Blog</a></li> + <li> <a href="/">About</a></li> + </ul> + </nav> + <header> + <img src="https://avatars0.githubusercontent.com/u/1141231?s=460&v=4"> + </header> + <main> <!-- your page content will be inserted here, see the content_selector option in soupault.conf --> + </main> </body> </html> |