improve header and footer, add favicon

w3c html checker is very happy now
This commit is contained in:
maren 2024-05-01 19:18:08 -04:00
parent 66eb365448
commit 33ac5dc9e7
11 changed files with 56 additions and 36 deletions

View file

@ -14,7 +14,7 @@ cat head.html blog.html foot.html > ./site/blog/index.html
# copy one-offs # copy one-offs
cp style.css ./site/style.css cp style.css ./site/style.css
cp robots.txt ./site/robots.txt cp robots.txt ./site/robots.txt
cp *.jpg ./site/. cp *.jpg favicon.ico ./site/.
# build feed # build feed
cp ./feed/feed.atom ./site/feed.atom cp ./feed/feed.atom ./site/feed.atom

BIN
favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

View file

@ -1,5 +1,6 @@
<section class="foot"> <div class="foot">
<p>see ya later</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p>
</section> </div>
</body> </body>
</html> </html>

View file

@ -3,11 +3,12 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css" /> <link rel="stylesheet" type="text/css" href="/style.css">
<link href="/favicon.ico" type="image/x-icon" rel="icon"><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">
<title>still, green moss</title> <title>still, green moss</title>
</head> </head>
<body> <body>
<section class="head"> <div class="head">
<h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1> <h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1>
<p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p> <p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p>
<div class="row"> <div class="row">
@ -21,4 +22,4 @@
<img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%"> <img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%">
</div> </div>
</div> </div>
</section> </div>

View file

@ -1,8 +1,7 @@
<h2>home</h2> <h2>home</h2>
<p>hello my name is maren and this is the domain i purchased with usd</p> <p>hello my name is maren and this is the domain i purchased with usd</p>
<p>i live in <a href="https://www.openstreetmap.org/#map=14/35.5975/-82.5526">the mountains in north carolina in the us</a></p> <p>i live in the mountains in north carolina in the us</p>
<p>i do computer things and other things too</p> <p>i do computer things and other things too</p>
<p>be well &lt;3</p>
<h2>a quote</h2> <h2>a quote</h2>
<blockquote> <blockquote>

View file

@ -3,11 +3,12 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css" /> <link rel="stylesheet" type="text/css" href="/style.css">
<link href="/favicon.ico" type="image/x-icon" rel="icon"><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">
<title>still, green moss</title> <title>still, green moss</title>
</head> </head>
<body> <body>
<section class="head"> <div class="head">
<h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1> <h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1>
<p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p> <p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p>
<div class="row"> <div class="row">
@ -21,7 +22,8 @@
<img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%"> <img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%">
</div> </div>
</div> </div>
</section> </div>
<h2>diy sms ftw vs ig, fb, etc.</h2> <h2>diy sms ftw vs ig, fb, etc.</h2>
<p><em>november 17th 2023</em></p> <p><em>november 17th 2023</em></p>
@ -48,8 +50,10 @@
<p>i'm really excited and i hope it works out :)</p> <p>i'm really excited and i hope it works out :)</p>
<section class="foot"> <div class="foot">
<p>see ya later</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p>
</section> </div>
</body> </body>
</html> </html>

View file

@ -3,11 +3,12 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css" /> <link rel="stylesheet" type="text/css" href="/style.css">
<link href="/favicon.ico" type="image/x-icon" rel="icon"><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">
<title>still, green moss</title> <title>still, green moss</title>
</head> </head>
<body> <body>
<section class="head"> <div class="head">
<h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1> <h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1>
<p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p> <p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p>
<div class="row"> <div class="row">
@ -21,7 +22,8 @@
<img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%"> <img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%">
</div> </div>
</div> </div>
</section> </div>
<h2>i'm thinking about something but i don't know what yet</h2> <h2>i'm thinking about something but i don't know what yet</h2>
<p><em>december 15th, 2023</em></p> <p><em>december 15th, 2023</em></p>
@ -54,8 +56,10 @@
<p>i came back, and actually i think this post is done</p> <p>i came back, and actually i think this post is done</p>
<section class="foot"> <div class="foot">
<p>see ya later</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p>
</section> </div>
</body> </body>
</html> </html>

View file

@ -3,11 +3,12 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css" /> <link rel="stylesheet" type="text/css" href="/style.css">
<link href="/favicon.ico" type="image/x-icon" rel="icon"><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">
<title>still, green moss</title> <title>still, green moss</title>
</head> </head>
<body> <body>
<section class="head"> <div class="head">
<h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1> <h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1>
<p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p> <p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p>
<div class="row"> <div class="row">
@ -21,7 +22,8 @@
<img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%"> <img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%">
</div> </div>
</div> </div>
</section> </div>
<h2>init</h2> <h2>init</h2>
<p><em>september 30th 2023</em></p> <p><em>september 30th 2023</em></p>
@ -33,8 +35,10 @@
<p>i help <a href="https://firestorm.coop">firestorm coop</a> with tech things, and i do computer for fun with a scrappy gay cohort calling ourselves <a href="https://wiki.bunk.computer">bunk computer club</a>.</p> <p>i help <a href="https://firestorm.coop">firestorm coop</a> with tech things, and i do computer for fun with a scrappy gay cohort calling ourselves <a href="https://wiki.bunk.computer">bunk computer club</a>.</p>
<section class="foot"> <div class="foot">
<p>see ya later</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p>
</section> </div>
</body> </body>
</html> </html>

View file

@ -3,11 +3,12 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css" /> <link rel="stylesheet" type="text/css" href="/style.css">
<link href="/favicon.ico" type="image/x-icon" rel="icon"><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">
<title>still, green moss</title> <title>still, green moss</title>
</head> </head>
<body> <body>
<section class="head"> <div class="head">
<h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1> <h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1>
<p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p> <p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p>
<div class="row"> <div class="row">
@ -21,7 +22,8 @@
<img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%"> <img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%">
</div> </div>
</div> </div>
</section> </div>
<h2>presentation.sh</h2> <h2>presentation.sh</h2>
<p><em>february 18th 2024</em></p> <p><em>february 18th 2024</em></p>
@ -30,9 +32,10 @@
<p>i did this for something recently and it was really fun. i put some example code in git <a href="https://git.bunk.computer/maren/presentationdotsh">which you can look at here</a></p> <p>i did this for something recently and it was really fun. i put some example code in git <a href="https://git.bunk.computer/maren/presentationdotsh">which you can look at here</a></p>
<p>i hope this inspires you to try new tools for giving presentations :)</p> <div class="foot">
<section class="foot"> <p>see ya later</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p>
</section> </div>
</body> </body>
</html> </html>

View file

@ -3,11 +3,12 @@
<head> <head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css" /> <link rel="stylesheet" type="text/css" href="/style.css">
<link href="/favicon.ico" type="image/x-icon" rel="icon"><link href="/favicon.ico" type="image/x-icon" rel="shortcut icon">
<title>still, green moss</title> <title>still, green moss</title>
</head> </head>
<body> <body>
<section class="head"> <div class="head">
<h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1> <h1>thiss <a href="https://en.wikipedia.org/wiki/Moss">moss</a> iss <a href="https://en.wikipedia.org/wiki/Silence">still</a> <a href="https://en.wikipedia.org/wiki/Green">greenn</a></h1>
<p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p> <p><a href="/">home</a> | <a href="/blog">blog</a> | <a href="/links">links</a> | <a href="/feed.atom">feed</a></p>
<div class="row"> <div class="row">
@ -21,7 +22,8 @@
<img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%"> <img src="/pitcher.jpg" alt="a cluster of pitcher plants" style="width:100%">
</div> </div>
</div> </div>
</section> </div>
<h2>things i am thankful for from 2023</h2> <h2>things i am thankful for from 2023</h2>
<p><em>december 27th 2023</em></p> <p><em>december 27th 2023</em></p>
@ -67,8 +69,10 @@
</ul> </ul>
</blockquote> </blockquote>
<section class="foot"> <div class="foot">
<p>see ya later</p>
<p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p> <p><a href="https://creativecommons.org/licenses/by-sa/4.0/">cc by-sa</a></p>
</section> </div>
</body> </body>
</html> </html>

View file

@ -47,7 +47,7 @@ hr {
background: #471f38; background: #471f38;
text-align: center; text-align: center;
} }
section.head { div.head {
padding: 1em; padding: 1em;
} }
@ -68,7 +68,7 @@ section.head {
background: #471f38; background: #471f38;
text-align: center; text-align: center;
} }
section.foot { div.foot {
padding: 1em; padding: 1em;
} }