jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-10-30 00:55:49 -04:00
Code Issues Activity

footer spacing improvements on mobile

Browse Source
This commit is contained in:
Jake Jarvis
2019-01-11 11:12:31 -05:00
parent 973aec98c0
commit e937d3de5d
2 changed files with 19 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
layouts/index.html
View File

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

23
static/style.css
View 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;
}