5 files changed, 88 insertions(+), 12 deletions(-)

M .build.yml
M footer.html
M header.html
A public/style.css
M wruby.rb

@@ 2,7 2,6 @@ image: alpine/latest
 oauth: pages.sr.ht/PAGES:RW
 packages:
   - ruby
-  - ruby-dev
   - go
   - hut
   - rsync


@@ 12,7 11,7 @@ environment:
   site: arena.adast.dk
 tasks:
 - install-gems: |
-    sudo gem install bundler 'kramdown:2.4.0' 'rss:0.3.0'
+    gem install 'kramdown:2.4.0' 'rss:0.3.0'
 - build: |
     cd arena-web
     make build

@@ 1,6 1,5 @@
-<hr/>
+</main>
 <footer role="contentinfo">
-    <h2>Menu Navigation</h2>
     <ul id="menu">
         <li><a href="/">Home</a></li>
         <li><a href="https://tv.adast.dk/c/arena/videos">Videos</a></li>

@@ 7,11 7,11 @@
     <link rel="icon" href="data:,">
     <title>{{TITLE}}</title>
     <link href="/index.rss" type="application/rss+xml" rel="alternate" title="RSS feed for blog posts" />
-    <style>*{box-sizing:border-box;}body{font-family:sans-serif;line-height:1.33;margin:0 auto;max-width:650px;padding:1rem;}blockquote{border-left:4px solid;padding-left:5px;}img{max-width:100%;}pre{border:1px solid;overflow:auto;padding:5px;}table{text-align:left;width:100%;}.posts,#menu{list-style:none;padding:0;}.posts li{margin-bottom:8px;}.posts li span{display:block;font-size:90%;}#menu li{display:inline-block;margin-right:8px;}.footnotes{font-size:90%;}</style>
+    <link rel="stylesheet" href="/public/style.css">
 </head>
 
 <nav id="top">
-    <a href="/">Home</a><span>&nbsp;|&nbsp;</span><a href="#menu">Menu ↓</a>
+    <a href="/">Home</a><a href="#menu">Menu &darr;</a>
 </nav>
 
 <main>

@@ 0,0 1,84 @@
+*{
+    box-sizing:border-box;
+}
+body{
+    font-family:sans-serif;
+    line-height:1.33;
+    margin:0 auto;
+    max-width:650px;
+    padding:1rem;
+}
+blockquote {
+    border-left: 4px solid;
+    margin: 2em 0 2em 2em;
+    padding: 2px 8px;
+}
+blockquote p {
+  font-style: italic;
+  margin: 0;
+  padding: 0;
+}
+img {
+    max-width: 100%;
+}
+pre {
+    border: 1px solid;
+    overflow: auto;
+    padding: 5px;
+}
+table {
+    text-align: left;
+    width: 100%;
+}
+nav {
+  border-bottom: 1px solid;
+  padding: 10px 0;
+}
+nav a:last-of-type {
+  float: right;
+}
+#menu,
+.posts {
+    list-style: none;
+    padding: 0;
+}
+.posts li {
+    margin-bottom: 8px;
+}
+.posts li span {
+    display: block;
+    font-size: 90%;
+}
+#menu li {
+    display: inline-block;
+    margin-right: 8px;
+}
+figure {
+  margin: 3em 0;
+}
+figure img {
+  width: 100%;
+}
+figcaption {
+    font-size: 90%;
+}
+footer {
+  border-top: 1px solid;
+  margin: 2em 0;
+}
+.footnotes {
+    font-size: 90%;
+}
+code {
+    background-color: #000;
+    color: #f1f1f1;
+    border-radius: 0.2rem;
+    padding: 0.1rem;
+}
+pre:has(code) {
+    border: 2px solid #f9f9f9;
+    background-color: #000;
+    color: #f1f1f1;
+    padding: 0.5rem;
+    border-radius: 0.5rem;
+}

@@ 1,9 1,3 @@
-require 'bundler/inline'
-gemfile do
-  gem 'kramdown', '2.4.0'
-  gem 'rss', '0.3.0'
-end
-
 require 'kramdown'
 require 'fileutils'
 require 'date'