matthias
/
WhisperMaPhone
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Move bottom history nav inside the main block 

* Add a CSS charset
This commit is contained in:
Matthias Portzel 2022-04-04 10:28:58 -04:00
parent 6408c3db55
commit a544c89752
2 changed files with 16 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
main/static/main/main.css
View File

@ -1,3 +1,5 @@
@charset "UTF-8";
html {
padding: 0;
margin: 0;
@ -226,16 +228,11 @@ h1 {
display: inline;
}
.history-nav.top {
.history-nav {
margin-top: 30px;
margin-bottom: 40px;
margin-left: 20px;
}
.history-nav.bottom {
margin-top: 50px;
margin-bottom: 30px;
margin-left: 50px;
}
.history-nav ul {
margin: 0;
padding: 0;

25
main/templates/whispermaphone/index.html
View File

@ -82,20 +82,21 @@
<hr>
</div>
{% endfor %}
<nav class="history-nav bottom" aria-label="History Navigation">
<ul>
{% for page in pages %}
{% if page.slug == current_page %}
<li><span class="current-page">{{ page.formatted_name }}</span></li>
{% else %}
<li><a href="?page={{ page.slug }}">{{ page.formatted_name }}</a></li>
{% endif %}
{% endfor %}
</ul>
</nav>
{% endblock %}
{% block footer %}
<nav class="history-nav bottom" aria-label="History Navigation">
<ul>
{% for page in pages %}
{% if page.slug == current_page %}
<li><span class="current-page">{{ page.formatted_name }}</span></li>
{% else %}
<li><a href="?page={{ page.slug }}">{{ page.formatted_name }}</a></li>
{% endif %}
{% endfor %}
</ul>
</nav>
{% endblock %}
{% block scripts %}
@ -130,7 +131,7 @@
const transcript = el.querySelector(".transcript");
const extendedParent = transcript.parentNode;
transcriptButton.addEventListener("click", function () {
extendedParent.appendChild(transcriptTitle);
extendedParent.appendChild(transcript);