footer spacing improvements on mobile

parent 01aef4e0
......@@ -21,7 +21,7 @@
<div id="footer">
<div id="blog"><a href="https://jake.wordpress.com/" title="Jake Jarvis&#39;s Blog on WordPress" id="wordpress" target="_blank" rel="noopener">Read more at my blog...</a></div>
<div id="panda"><a href="https://nationalzoo.si.edu/webcams/panda-cam#maincontent" title="Live Panda Party!" target="_blank" rel="noopener noreferrer nofollow"><span>&#x1F43C;</span></a></div>
<div id="copyright"><a href="https://web.archive.org/web/*/jakejarvis.com" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">&copy; 1999 &ndash;</a> 2018 <a itemprop="url" rel="author" href="https://jarv.is/" title="Jake Jarvis"><span itemprop="name">Jake Jarvis</span></a>. <a href="https://git.jarv.is/jake/jarv.is" title="View Source Code Repository" id="source" target="_blank" rel="noopener">View source.</a></div>
<div id="info"><span id="copyright"><a href="https://web.archive.org/web/*/jakejarvis.com" title="View Old Versions on Wayback Machine" id="wayback" target="_blank" rel="noopener noreferrer nofollow">&copy; 1999 &ndash;</a> 2019 <a itemprop="url" rel="author" href="https://jarv.is/" title="Jake Jarvis"><span itemprop="name">Jake Jarvis</span></a>.</span> <a href="https://git.jarv.is/jake/jarv.is" title="View Source Code Repository" id="source" target="_blank" rel="noopener">View source.</a></div>
</div>
</div>
{{ end }}
\ No newline at end of file
......@@ -277,10 +277,22 @@ div#home sup {
display: none;
}
div#home div#footer div#blog, div#home div#footer div#copyright {
div#home div#footer div#blog, div#home div#footer div#info {
width: 50% !important;
line-height: 20px !important;
}
div#home div#footer div#blog {
font-size: 0.75em !important;
line-height: 1.5em !important;
}
div#home div#footer div#info {
font-size: 0.6em !important;
}
div#home div#footer div#info span#copyright::after {
content: "\A";
white-space: pre;
}
}
......@@ -546,6 +558,7 @@ div#home div#footer div {
float: left;
vertical-align: middle;
line-height: 40px;
height: 100%;
}
div#home div#footer div#blog {
......@@ -572,18 +585,18 @@ div#home div#footer div#panda span {
width: 12px;
}
div#home div#footer div#copyright {
div#home div#footer div#info {
width: 40%;
font-size: 0.5em;
color: #999999;
text-align: right;
}
div#home div#footer div#copyright a {
div#home div#footer div#info a {
color: #999999;
}
div#home div#footer div#copyright a#source {
div#home div#footer div#info a#source {
border-bottom: 1px solid #dddddd;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment