aboutsummaryrefslogtreecommitdiff
path: root/header.html
diff options
context:
space:
mode:
Diffstat (limited to 'header.html')
-rw-r--r--header.html95
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>