From 6ee1db2ec8bdd3dfae967228fc4a25353880f6ca Mon Sep 17 00:00:00 2001 From: Brian Picciano Date: Thu, 6 Sep 2018 00:13:47 -0400 Subject: tweak header some more, moving things and respacing things, and add license --- assets/main.css | 32 +++++++++++++++++++------------- assets/main.js | 4 +--- assets/wtfpl.txt | 14 ++++++++++++++ 3 files changed, 34 insertions(+), 16 deletions(-) create mode 100644 assets/wtfpl.txt (limited to 'assets') 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 + + 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. + -- cgit v1.2.3