From c2482ba0cf0e0d6a9ee927feec0ec60175a564e4 Mon Sep 17 00:00:00 2001
From: prx <prx@ybad.name>
Date: Mon, 27 Sep 2021 11:00:53 +0200
Subject: [PATCH] add border to img; slightly change background color; add
 print css; add small screen css; add dark mode css

---
 issues/_common/header             | 29 ++++++++++++++++++++++++++++-
 issues/issue-0001/80_ARTWORK.html |  4 ++--
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/issues/_common/header b/issues/_common/header
index 42f79b9..c57cf6f 100644
--- a/issues/_common/header
+++ b/issues/_common/header
@@ -55,14 +55,41 @@ body {
     padding: 30px;
     max-width: 80ch;
     border: 1px solid #111;
-    background-color: #FEFEFE;
+    background-color: #eee;
     box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	line-height: 1.5;
 }
 
 main {
     column-count:2;
     column-gap: 2em;
 }
+
+img {
+    max-width: 100%;
+    height: auto;
+    margin: auto;
+	border: 3px solid black;
+	padding:.25em;
+}
+
+@media print {
+	body { background-color:white; max-width:100%;}
+    main { column-count:1; }
+}
+
+@media screen and (max-width:800px) {
+    main { column-count:1; }
+}
+@media (prefers-color-scheme: dark) {
+    body { color: #eee; background-color: #111; }
+	html { background-color: black; }
+	.permalink { color: #eee; }
+	.permalink:visited { color:#eee; }
+	img {border-color: #eee;}
+	#banner {border-color:#eee;}
+}
+
 	</style>
     </head>
 
diff --git a/issues/issue-0001/80_ARTWORK.html b/issues/issue-0001/80_ARTWORK.html
index 1861cbb..01403ae 100644
--- a/issues/issue-0001/80_ARTWORK.html
+++ b/issues/issue-0001/80_ARTWORK.html
@@ -1,6 +1,6 @@
 <div class="puffies">🐡🐡🐡</div>
 <!-- SECTION -->
-<!--
 <h2>Artworks of the moment</h2>
-<img src="" alt="MANDATORY TEXT HERE" width="100%"/-->
+<!-- Replace with 7.0 artwork? -->
+<img src="https://www.openbsd.org/images/puffer_city.jpg" alt="Test artwork" width="100%"