diff options
author | JustineSmithies <justine@smithies.me.uk> | 2023-05-13 16:20:58 +0100 |
---|---|---|
committer | JustineSmithies <justine@smithies.me.uk> | 2023-05-13 16:20:58 +0100 |
commit | 282cd835e27e8ff21e8d8a0acf2859e96a1cdc0f (patch) | |
tree | 494c3eac6459eb88f5146c5c14a1a8bb8aa8bdc9 /header.html |
Initial commit
Diffstat (limited to 'header.html')
-rw-r--r-- | header.html | 95 |
1 files changed, 95 insertions, 0 deletions
diff --git a/header.html b/header.html new file mode 100644 index 0000000..ef7aa83 --- /dev/null +++ b/header.html @@ -0,0 +1,95 @@ +<!doctype html> +<html lang="en"> +<head> + <!-- <link rel="stylesheet" href="https://cdn.simplecss.org/simple.css"> --> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title>Justine Smithies blog</title> + <link href="https://justine.smithies.me.uk/atom.xml" type="application/atom+xml" rel="alternate" title="Atom feed for blog posts" /> + <style> + body { + font-family: sans-serif; + margin: 0 auto; + max-width: 48rem; + line-height: 1.45; + padding: 0.5rem 0 1.6rem; + } + a { + color: #000000; + font-weight: bold; + } + a:link { + text-decoration: none; + } + a:hover { + text-decoration: underline; + } + main { + <!-- padding: 0 1.4rem; --> + hyphens: auto; + } + code { + border: 1px solid; + padding: 0.1rem 0.3rem; + tab-size: 4; + } + pre { + border: 1px solid; + } + pre code { + display: block; + overflow-x: auto; + padding: 0.3rem 0.6rem; + } + nav ul { + margin: 0; + padding: 0; + display: flex; + justify-content: center; + } + nav li { + list-style: none; + } + nav li * { + display: block; + padding: 0 0.4rem; + color: black; + } + nav li strong { + padding-left: 1.5rem; + padding-right: 1rem; + } + nav a { + text-decoration: none; + } + nav a:hover { + + } + header { + border-bottom: 1px dashed grey; + margin: 0rem 0; + padding: 1rem 15px; + text-align: center; + } + footer { + border-top: 1px dashed grey; + margin: 2rem 0; + padding: 1rem 15px; + text-align: center; + color: #000000; + } + </style> +</head> +<header> +<nav> + <ul> + <li><img src="public/tux-1.png" alt="Tux" style="width:100px;height:100px;"></li> + <li><h1>Justine Smithies blog</h1>Adventures of a Linux chick</li> + </ul> + <ul> + <li><a href="index.html">Home</a></li> + <li><a href="about.html">About</a></li> + </ul> +</nav> +</header> +<main> |