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

6 files changed, 62 insertions, 35 deletions

diff --git a/.gitignore b/.gitignore
index a8c1c00..97f5137 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,3 +3,4 @@
 Gemfile.lock
 _site
 *.gem
+.jekyll-metadata
diff --git a/_includes/header.html b/_includes/header.html
index 1ae8734..ce63eea 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -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>
diff --git a/_posts/2015-11-21-happy-trees.md b/_posts/2015-11-21-happy-trees.md
index 373f35f..8d36a91 100644
--- a/_posts/2015-11-21-happy-trees.md
+++ b/_posts/2015-11-21-happy-trees.md
@@ -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/).
diff --git a/assets/main.css b/assets/main.css
index db00af8..5b46ca9 100644
--- a/assets/main.css
+++ b/assets/main.css
@@ -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;
 }
 
-#crypto-display {
-    margin-right: 2rem;
+#title-header .social .author-icons a {
+    margin-right: 0.5em;
 }
 
-/* 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;
+#title-header .social a {
+    text-decoration: none;
+}
+
+#crypto-display {
+    min-width: 1px;
 }
 
-#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;
 }
 
diff --git a/assets/main.js b/assets/main.js
index 8cb611d..5cbcf89 100644
--- a/assets/main.js
+++ b/assets/main.js
@@ -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");
diff --git a/assets/wtfpl.txt b/assets/wtfpl.txt
new file mode 100644
index 0000000..ee7d6a5
--- /dev/null
+++ b/assets/wtfpl.txt
@@ -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.

+