From e76acbe6576dd4d5b53f369e0d8012e653a65fdb Mon Sep 17 00:00:00 2001 From: Jake Jarvis Date: Tue, 26 May 2020 18:23:41 -0400 Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8=20this=20website=20is=20now=20Made?= =?UTF-8?q?=20for=20Internet=20Explorer=C2=AE=20(not=20a=20prank,=20kinda)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/sass/components/_footer.scss | 81 +++++++---------- layouts/partials/page/footer.html | 8 +- static/img/ie.gif | Bin 0 -> 5835 bytes yarn.lock | 136 ++++++++++++++-------------- 4 files changed, 105 insertions(+), 120 deletions(-) create mode 100644 static/img/ie.gif diff --git a/assets/sass/components/_footer.scss b/assets/sass/components/_footer.scss index ba58faa7..7b119e08 100644 --- a/assets/sass/components/_footer.scss +++ b/assets/sass/components/_footer.scss @@ -4,7 +4,6 @@ footer { width: 100%; letter-spacing: -0.005em; - line-height: 1.7; padding: 1.25em 1.5em; box-sizing: border-box; border-top: 1px solid; @@ -20,54 +19,42 @@ footer { } } - div#row { + div.row { + display: flex; width: 100%; max-width: $max-width; margin: 0 auto; - display: flex; justify-content: space-between; + font-size: 0.85em; } - div { - &#copyright, - &#poweredby { - width: 40%; - font-size: 0.85em; - line-height: 2; - } + div#copyright, + div#poweredby { + width: 40%; + line-height: 2.3; + } - &#copyright { - text-align: left; - } + div#copyright { + text-align: left; + } - &#poweredby { - text-align: right; + div#poweredby { + text-align: right; - a#source { - padding-bottom: 2px; - border-bottom: 1px solid; + a#source { + padding-bottom: 2px; + border-bottom: 1px solid; - @include themed() { - border-color: t(light); - } + @include themed() { + border-color: t(light); } } + } - &#panda { - width: 20%; - text-align: center; - font-size: 1.6em; - line-height: 1; - - a { - display: inline-block; - transition: transform 0.2s ease-in-out; - - &:hover { - transform: scale(1.6) rotate(10deg); - } - } - } + div#ie { + width: 20%; + text-align: center; + line-height: 1; } } @@ -76,20 +63,20 @@ footer { footer { padding: 1em 1.25em 0 1.25em; - div#row { + div.row { display: block; + } - // no more room at the inn for panda :( - div#panda { - display: none; - } + div#copyright, + div#poweredby { + width: 100%; + text-align: left; + line-height: 2; + } - div#copyright, - div#poweredby { - width: 100%; - text-align: left; - line-height: 2; - } + // no more room at the inn :( + div#ie { + display: none; } } } diff --git a/layouts/partials/page/footer.html b/layouts/partials/page/footer.html index 37a5edd1..d54148d3 100644 --- a/layouts/partials/page/footer.html +++ b/layouts/partials/page/footer.html @@ -1,9 +1,7 @@