badger illustration freebie

cyberspacemysteries · Aug 13, 2024 · ffe8b84 · ffe8b84
1 parent 29fff9a
commit ffe8b84
Show file tree

Hide file tree

Showing 6 changed files with 41 additions and 5 deletions.
diff --git a/assets/images/library/cc0-badger.png b/assets/images/library/cc0-badger.png
diff --git a/read/page-2.html b/read/page-2.html
@@ -1855,6 +1855,21 @@ <h1 id="badg3rground">Badg3rground<a class="headerlink" href="#badg3rground" tit
 <p><br>
 <br>
 <br></p>
+<hr />
+<div class="flex-container">
+  <div class="flex-item-half">
+    <a name="discover"></a>
+    <h2 id="discover">discover more</h2>
+    <p>As this open journey continues, you will discover related illustrations and resources at the bottom of each page.</p>
+
+  </div>
+  <div class="flex-item-half">
+    <a href="../assets/images/library/cc0-badger.png" download><img class="responsive-image" src="../assets/images/library/cc0-badger.png"></a>
+    <p>badger illustration | <a href="https://creativecommons.org/public-domain/cc0/">public domain cc0</a></p>
+  </div>
+</div>
+
+<p><br></p>
 
 
 

diff --git a/search/search_index.js b/search/search_index.js
diff --git a/search/search_index.json b/search/search_index.json
diff --git a/sitemap.xml.gz b/sitemap.xml.gz
diff --git a/stylesheets/extra.css b/stylesheets/extra.css
@@ -72,12 +72,33 @@ a.home-about:hover {
   background-color: black !important;
 }
 
+/* homepage */
+.mdx-container {
+  padding:  35px;
+}
+
 .footnote {
   inline-size:  300px;
   overflow-wrap:  break-word;
 }
 
-/* homepage */
-.mdx-container {
-  padding:  35px;
+
+.flex-container {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.flex-item-half {
+  flex: 50%;
 }
+
+.flex-item-third {
+  flex: 33%;
+}
+
+
+@media (max-width: 800px) {
+  .flex-item-half, .flex-item-third{
+    flex: 100%;
+  }
+}