sidebar arrow addition

_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 %}

_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>

_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>

_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 {