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

3 files changed, 34 insertions, 16 deletions

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 = ' ';
     };
 
     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.

+