tweak header some more, moving things and respacing things, and add license

This commit is contained in:
Brian Picciano 2018-09-06 00:13:47 -04:00
parent 52a7357448
commit 6ee1db2ec8
6 changed files with 63 additions and 36 deletions

1
.gitignore vendored
View File

@ -3,3 +3,4 @@
Gemfile.lock
_site
*.gem
.jekyll-metadata

View File

@ -1,26 +1,37 @@
<header id="title-header" role="banner">
<div class="row row-vertically-centered">
<div class="five columns">
<div class="row">
<div class="four columns">
<h1 class="title">
<a href="{{ "/" | relative_url }}">{{ site.title | escape }}</a>
</h1>
<div class="light social">
<span>By {{ site.author | escape }}</span>
<span class="author-icons">
<a href="mailto:mediocregopher@gmail.com">
<i class="fas fa-envelope"></i>
</a>
<a href="https://github.com/{{ site.github_username }}">
<i class="fab fa-github"></i>
</a>
<a href="https://twitter.com/{{ site.twitter_username }}">
<i class="fab fa-twitter"></i>
</a>
</span>
<span>
<a href="{{ '/feed.xml' | relative_url }}">
<span>RSS</span><i class="fas fa-rss"></i>
</a>
</span>
</div>
<div class="light license">
Unless otherwised specified, all works are licensed under the
<a href="{{ '/assets/wtfpl.txt' | relative_url}}">WTFPL</a>.
</div>
</div>
<div id="crypto-display" class="four columns"></div>
<div id="crypto-display" class="four columns">&nbsp;</div>
<div class="three columns light">
<div class="social">
<span class="spaced">RSS/Social:</span>
<a class="spaced" href="{{ 'feed.xml' | relative_url }}">
<i class="fas fa-rss"></i>
</a>
<a class="spaced" href="https://github.com/{{ site.github_username }}">
<i class="fab fa-github"></i>
</a>
<a class="spaced" href="https://twitter.com/{{ site.twitter_username }}">
<i class="fab fa-twitter"></i>
</a>
</div>
<div class="four columns light">
<div class="donation">
<span>If you like what I do, consider donating!</span><br/>
<span>

View File

@ -233,6 +233,3 @@ But I hit a roadblock at power of 7, in that there's actually a melancoil which
occurs whose members are all greater than `FFFFFF`. This means that my strategy
of repeating happifying until I get under `FFFFFF` doesn't work for any numbers
which lead into that coil.
All images linked to in this post are licensed under the [Do what the fuck you
want to public license](http://www.wtfpl.net/txt/copying/).

View File

@ -6,21 +6,24 @@ ul {
color: #666;
}
/* when in doubt, important it out */
.light a {
color: #666 !important;
}
.light a:hover {
color: #222;
color: #222 !important;
}
/* for making all content within a row be vertically centered */
/* for making all content within a row be vertically centered
.row-vertically-centered .columns {
display: inline-block;
float: none;
margin-left: 0;
vertical-align: middle;
}
*/
#title-header {
border-bottom: 1px solid #666;
@ -30,6 +33,7 @@ ul {
#title-header .title {
margin: 0;
font-size: 4.4rem; /* magic number yooooo */
font-weight: bold;
}
@ -38,28 +42,30 @@ ul {
text-decoration: none;
}
#title-header .social .spaced {
text-decoration: none;
#title-header .social span {
margin-right: 0.5em;
white-space: nowrap;
}
#title-header .social .author-icons a {
margin-right: 0.5em;
}
#title-header .social a {
text-decoration: none;
}
#crypto-display {
margin-right: 2rem;
min-width: 1px;
}
/* the qr library uses a canvas to generate the qr code then base64's it into a
* separate img tag. For an instant the original canvas shows though, creating
* an annoying visual, so this ensures that that doesn't happen. */
#crypto-display-qr canvas {
display: none;
}
#crypto-display-qr img {
#crypto-display-qr img,canvas {
width: 100%;
max-width: 512px;
}
#crypto-display-addr {
word-wrap: break-word;
overflow-wrap: break-word;
margin-top: 1em;
}

View File

@ -21,9 +21,7 @@ document.addEventListener("DOMContentLoaded", () => {
var cryptoDisplay = document.querySelector('#crypto-display');
var clearCryptoDisplay = () => {
while(cryptoDisplay.firstChild) {
cryptoDisplay.removeChild(cryptoDisplay.firstChild);
}
cryptoDisplay.innerHTML = '&nbsp;';
};
console.log("setting up crypto buttons");

14
assets/wtfpl.txt Normal file
View File

@ -0,0 +1,14 @@
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
Version 2, December 2004
Copyright (C) 2004 Sam Hocevar <sam@hocevar.net>
Everyone is permitted to copy and distribute verbatim or modified
copies of this license document, and changing it is allowed as long
as the name is changed.
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE
TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION
0. You just DO WHAT THE FUCK YOU WANT TO.