diff options
| author | Justine Smithies <justine@smithies.me.uk> | 2025-11-30 15:14:39 +0000 |
|---|---|---|
| committer | Justine Smithies <justine@smithies.me.uk> | 2025-11-30 15:14:39 +0000 |
| commit | 204dab5f143be97d32e4b6532b5367b77acfd3b9 (patch) | |
| tree | e9da82070f6cefcc7d1059f77f959809be29feb3 | |
| parent | 6dbc6dbe5d93118b5ed24bb9488105ae81264656 (diff) | |
Moved CSS to an external file
| -rw-r--r-- | header.html | 73 | ||||
| -rw-r--r-- | public/styles.css | 71 |
2 files changed, 72 insertions, 72 deletions
diff --git a/header.html b/header.html index 70912bc..eb516f8 100644 --- a/header.html +++ b/header.html @@ -3,81 +3,10 @@ <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> + <link rel="stylesheet" href="public/styles.css"> <title>Justine Smithies blog{{TITLE}}</title> <link rel="icon" href="public/favicon.ico" type="image/x-icon" sizes="32x32"> <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: 85ch; - line-height: 1.45; - padding: 0.5rem 1.6rem; - } - a { - color: #000000; - font-weight: bold; - } - a:link { - text-decoration: none; - } - a:hover { - text-decoration: underline; - } - main { - 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 0px; - text-align: center; - } - footer { - border-top: 1px dashed grey; - margin: 2rem 0; - padding: 1rem 0px; - text-align: center; - color: #000000; - } - </style> </head> <body> <header> diff --git a/public/styles.css b/public/styles.css new file mode 100644 index 0000000..22d2cc4 --- /dev/null +++ b/public/styles.css @@ -0,0 +1,71 @@ +body { + font-family: sans-serif; + margin: 0 auto; + max-width: 85ch; + line-height: 1.45; + padding: 0.5rem 1.6rem; +} +a { + color: #000000; + font-weight: bold; +} +a:link { + text-decoration: none; +} +a:hover { + text-decoration: underline; +} +main { + 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 0px; + text-align: center; +} +footer { + border-top: 1px dashed grey; + margin: 2rem 0; + padding: 1rem 0px; + text-align: center; + color: #000000; +} + |