sidebar arrow addition

This commit is contained in:
etherware-novice 2024-07-26 18:49:01 -05:00
parent 1c86d918a2
commit 93abbfa4a1
No known key found for this signature in database
GPG Key ID: 5DB73B4D57B9D701
5 changed files with 19 additions and 4 deletions

View File

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

View File

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

View File

@ -25,5 +25,7 @@ navbar: topnav
<img src="https://slimepondcount.goatcounter.com/counter/{{ page.url }}.png" width: 100%>
</div>
</div>
</body>
</html>

View File

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 292 B