Add header links

This commit is contained in:
Madison Scott-Clary
2020-06-20 12:50:01 -07:00
parent 0732734db8
commit 2b917bdb0d
3 changed files with 24 additions and 4 deletions

View File

@ -7,7 +7,6 @@
<!-- &emsp;&bull;&emsp; <a href="/chronology">Chronology</a></p> --> <!-- &emsp;&bull;&emsp; <a href="/chronology">Chronology</a></p> -->
</footer> </footer>
<script src="/bookmodal.js" type="text/javascript"></script>
<!-- Matomo --> <!-- Matomo -->
<script type="text/javascript"> <script type="text/javascript">
var _paq = window._paq || []; var _paq = window._paq || [];

View File

@ -1,4 +1,5 @@
<body> <body>
<header> <header>
<h1><a href="/">ally</a></h1> <h1><a href="/">ally</a></h1>
<nav><a href="/map">Map</a> <a href="/news">Updates</a> <a href="/book">The <span class="ally-font" style="font-size: 100%;">ally</span> book</a></nav>
</header> </header>

View File

@ -77,10 +77,27 @@ header {
h1 { h1 {
padding: 0; padding: 0;
margin: 0; margin: 0;
width: 49%;
display: inline-block;
} }
h1 a { h1 a {
border: none; border: none;
} }
header nav {
display: inline-block;
width: 49%;
text-align: right;
font-size: 16pt;
}
header nav a {
display: inline-block;
white-space: nowrap;
padding: 0;
margin: 0 0 0 1.5rem;
}
header nav a:first-of-type {
margin: 0;
}
main { main {
max-width: 960px; max-width: 960px;
margin: 0 auto; margin: 0 auto;
@ -187,7 +204,8 @@ audio {
.ally-font { .ally-font {
font-family: 'Merriweather Sans', sans-serif; font-family: 'Merriweather Sans', sans-serif;
font-style: italic; font-style: italic;
font-size: 13pt; opacity: 0.9;
font-size: 93%;
} }
.modal { .modal {
@ -204,16 +222,18 @@ audio {
padding: 0.5rem; padding: 0.5rem;
max-height: 90vh; max-height: 90vh;
overflow: scroll; overflow: scroll;
position: relative;
} }
.ad * { .ad * {
background: #fff; background: #fff;
color: #111; color: #111;
} }
.ad .close { .ad .close {
width: 100%;
background-color: transparent; background-color: transparent;
text-align: right; text-align: right;
padding: 0px 0.5rem; position: relative;
top: 0.5rem;
left: 0.5rem;
} }
.ad a.noborder { .ad a.noborder {
border: none; border: none;