From 93abbfa4a1cce9ebf5b5af982643161e19936805 Mon Sep 17 00:00:00 2001
From: etherware-novice <73374039+etherware-novice@users.noreply.github.com>
Date: Fri, 26 Jul 2024 18:49:01 -0500
Subject: [PATCH] sidebar arrow addition

---
 _includes/comicnav.html      |   8 +++++++-
 _layouts/comic.html          |   6 +++++-
 _layouts/default.html        |   2 ++
 _sass/sidebar.scss           |   7 +++++--
 assets/images/site_arrow.gif | Bin 0 -> 292 bytes
 5 files changed, 19 insertions(+), 4 deletions(-)
 create mode 100644 assets/images/site_arrow.gif

diff --git a/_includes/comicnav.html b/_includes/comicnav.html
index de88c6b..cfdfd50 100644
--- a/_includes/comicnav.html
+++ b/_includes/comicnav.html
@@ -8,5 +8,11 @@
 		<h4>{{ post.header }}</h4>
 	{% endif %}
 
-	<a href="{{ post.url }}">{{ post.title | downcase }}</a><br>
+	{% if page.url == post.url %} 
+		<img src="/assets/images/site_arrow.gif" height=5%
+			 >
+	{% endif %}
+	<a href="{{ post.url }}" 
+		{% if page.url == post.url %} id="current" {% endif %}>
+		{{ post.title | downcase }}</a><br>
 {% endfor %}
diff --git a/_layouts/comic.html b/_layouts/comic.html
index 0a5b49f..a51c681 100644
--- a/_layouts/comic.html
+++ b/_layouts/comic.html
@@ -5,5 +5,9 @@ navbar: "comicnav"
 <h1>{{ page.title }}</h1>
 <h3>{{ page.name }}</h3>
 
-<img src="/assets/images/{{ page.image }}"><br>
+<img src="/assets/images/{{ page.image }}" width=70%><br>
 <p>{{content}}</p>
+
+<script defer type="text/javascript">
+	document.querySelector('#current').scrollIntoView()
+</script>
diff --git a/_layouts/default.html b/_layouts/default.html
index c2ec7b5..4a2fe66 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -25,5 +25,7 @@ navbar: topnav
 				<img src="https://slimepondcount.goatcounter.com/counter/{{ page.url }}.png" width: 100%>
 			</div>
 		</div>
+
+
 	</body>
 </html>
diff --git a/_sass/sidebar.scss b/_sass/sidebar.scss
index c1fee3c..83a97ef 100644
--- a/_sass/sidebar.scss
+++ b/_sass/sidebar.scss
@@ -1,5 +1,6 @@
 .columns {
   max-width: 80%;
+  max-height: 90vh;
   display: flex;
   margin-top: 5px; margin-bottom: 0px;
   margin-left: auto; margin-right: auto;
@@ -10,9 +11,10 @@
 .left-sidebar {
   background: darkgray;
   padding: 10px;
-  overflow: scroll;
+  overflow-x: scroll;
+  overflow-y: scroll;
   width: max-content;
-  position: sticky;
+  text-align: left;
 }
 
 .main-content {
@@ -20,6 +22,7 @@
   flex: 5;
   margin: 10px;
   border: 1px solid black;
+  max-height: 89vh;
 }
 
 .right-sidebar {
diff --git a/assets/images/site_arrow.gif b/assets/images/site_arrow.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ebf43a617e08407613b2a69295a487bdc366be07
GIT binary patch
literal 292
zcmZ?wbh9u|RA5kG*vJ3^&J5}QTh#tvWKjIi?dKX2?CcoeYNTht%m|cI{K>*;1f+F9
z3PD;Jm=at1SDt>$zj)4;Th+{Ei7)n+$gSv5u4FlMpl-#kZ5j;6)y1FuI=8tf`4eZm
zOL%98&pjc>rI%+EdDRBYdeC(?YwMK@-*&%kTjm@sdeHm(k=ataYikcb&8@2adFcGP
z&HL)Zu-cjfwRMW3k5$`V{U>Kl?}>NK3^QshXnMJETfWfg%^Np;n=}8#-OoD(rY`!J
zab=>2^8C*~WgaaEStT+-IAi;rcV+Hhy7nG&-Q2bB(S$cD7E@!Hw&q*>EkCSvb)nk+
U`0qxa*gK|gFPkwVh=IWx00xtP>Hq)$

literal 0
HcmV?d00001