improve drawer footer spacing, design, copyright to snowcode

insanj · Sep 3, 2020 · 5d7d5d2 · 5d7d5d2
1 parent 8d5810b
commit 5d7d5d2
Show file tree

Hide file tree

Showing 8 changed files with 45 additions and 17 deletions.
diff --git a/docs/asset-manifest.json b/docs/asset-manifest.json
@@ -1,15 +1,15 @@
 {
   "files": {
     "main.css": "/static/css/main.a7dae909.chunk.css",
-    "main.js": "/static/js/main.22eb4222.chunk.js",
-    "main.js.map": "/static/js/main.22eb4222.chunk.js.map",
+    "main.js": "/static/js/main.9f103053.chunk.js",
+    "main.js.map": "/static/js/main.9f103053.chunk.js.map",
     "runtime-main.js": "/static/js/runtime-main.e52eefbf.js",
     "runtime-main.js.map": "/static/js/runtime-main.e52eefbf.js.map",
     "static/css/2.9522b9fe.chunk.css": "/static/css/2.9522b9fe.chunk.css",
     "static/js/2.e0306386.chunk.js": "/static/js/2.e0306386.chunk.js",
     "static/js/2.e0306386.chunk.js.map": "/static/js/2.e0306386.chunk.js.map",
     "index.html": "/index.html",
-    "precache-manifest.5d1e0f4763d71deab6b26e7800a16d23.js": "/precache-manifest.5d1e0f4763d71deab6b26e7800a16d23.js",
+    "precache-manifest.8b652d46b568bd279e5b368354d6530c.js": "/precache-manifest.8b652d46b568bd279e5b368354d6530c.js",
     "service-worker.js": "/service-worker.js",
     "static/css/2.9522b9fe.chunk.css.map": "/static/css/2.9522b9fe.chunk.css.map",
     "static/css/main.a7dae909.chunk.css.map": "/static/css/main.a7dae909.chunk.css.map",
@@ -757,6 +757,6 @@
     "static/css/2.9522b9fe.chunk.css",
     "static/js/2.e0306386.chunk.js",
     "static/css/main.a7dae909.chunk.css",
-    "static/js/main.22eb4222.chunk.js"
+    "static/js/main.9f103053.chunk.js"
   ]
 }
diff --git a/docs/index.html b/docs/index.html
@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="description" content="🐝 minimal webapp for playing animal crossing new horizons"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/leaf.png"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><meta name="msapplication-TileColor" content="#00ae6f"><meta name="theme-color" content="#00ae6f"><link rel="manifest" href="/manifest.json"/><title>leaf</title><link href="/static/css/2.9522b9fe.chunk.css" rel="stylesheet"><link href="/static/css/main.a7dae909.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,l,f=r[0],a=r[1],i=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var a=t[f];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=this.webpackJsonpleaf=this.webpackJsonpleaf||[],a=f.push.bind(f);f.push=r,f=f.slice();for(var i=0;i<f.length;i++)r(f[i]);var p=a;t()}([])</script><script src="/static/js/2.e0306386.chunk.js"></script><script src="/static/js/main.22eb4222.chunk.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="description" content="🐝 minimal webapp for playing animal crossing new horizons"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/leaf.png"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><meta name="msapplication-TileColor" content="#00ae6f"><meta name="theme-color" content="#00ae6f"><link rel="manifest" href="/manifest.json"/><title>leaf</title><link href="/static/css/2.9522b9fe.chunk.css" rel="stylesheet"><link href="/static/css/main.a7dae909.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,l,f=r[0],a=r[1],i=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i||[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var a=t[f];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)||Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=this.webpackJsonpleaf=this.webpackJsonpleaf||[],a=f.push.bind(f);f.push=r,f=f.slice();for(var i=0;i<f.length;i++)r(f[i]);var p=a;t()}([])</script><script src="/static/js/2.e0306386.chunk.js"></script><script src="/static/js/main.9f103053.chunk.js"></script></body></html>
diff --git a/...ifest.5d1e0f4763d71deab6b26e7800a16d23.js → ...ifest.8b652d46b568bd279e5b368354d6530c.js b/...ifest.5d1e0f4763d71deab6b26e7800a16d23.js → ...ifest.8b652d46b568bd279e5b368354d6530c.js
@@ -1,14 +1,14 @@
 self.__precacheManifest = (self.__precacheManifest || []).concat([
   {
-    "revision": "37e4f8ae71140cec1d34c41b8f338347",
+    "revision": "294803a291afbf0e6f0d7613f6f94e4a",
     "url": "/index.html"
   },
   {
     "revision": "d6d4032d2aef2029a278",
     "url": "/static/css/2.9522b9fe.chunk.css"
   },
   {
-    "revision": "cdb68dfae230bb87928d",
+    "revision": "963a1680d0f27d902706",
     "url": "/static/css/main.a7dae909.chunk.css"
   },
   {
@@ -20,8 +20,8 @@ self.__precacheManifest = (self.__precacheManifest || []).concat([
     "url": "/static/js/2.e0306386.chunk.js.LICENSE.txt"
   },
   {
-    "revision": "cdb68dfae230bb87928d",
-    "url": "/static/js/main.22eb4222.chunk.js"
+    "revision": "963a1680d0f27d902706",
+    "url": "/static/js/main.9f103053.chunk.js"
   },
   {
     "revision": "76cd7295db9f616d62e3",

diff --git a/docs/service-worker.js b/docs/service-worker.js
@@ -14,7 +14,7 @@
 importScripts("https://storage.googleapis.com/workbox-cdn/releases/4.3.1/workbox-sw.js");
 
 importScripts(
-  "/precache-manifest.5d1e0f4763d71deab6b26e7800a16d23.js"
+  "/precache-manifest.8b652d46b568bd279e5b368354d6530c.js"
 );
 
 self.addEventListener('message', (event) => {

diff --git a/docs/static/js/main.22eb4222.chunk.js.map b/docs/static/js/main.22eb4222.chunk.js.map
diff --git a/docs/static/js/main.22eb4222.chunk.js → docs/static/js/main.9f103053.chunk.js b/docs/static/js/main.22eb4222.chunk.js → docs/static/js/main.9f103053.chunk.js
diff --git a/docs/static/js/main.9f103053.chunk.js.map b/docs/static/js/main.9f103053.chunk.js.map
diff --git a/src/components/leafDrawer.jsx b/src/components/leafDrawer.jsx
@@ -22,6 +22,26 @@ const useStyles = makeStyles({
   list: {
     width: 250,
   },
+  footerText: {
+    paddingTop: 'max(calc(100vh - 540px), 40px)',
+    textAlign: 'center',
+
+    color: 'rgba(255,255,255,1)',
+
+    fontWeight: 800,
+    fontSize: '0.6rem',
+
+    '& > a': {
+
+      color: 'inherit',
+      textDecoration: 'none',
+
+      transition: 'opacity 0.2s',
+      '&:hover': {
+        opacity: 0.4
+      }
+    }
+  }
 });
 
 export default function LeafDrawer({ open=false, selectedItem, onItemClick, onCloseClick, onDonateClick }) {
@@ -37,7 +57,17 @@ export default function LeafDrawer({ open=false, selectedItem, onItemClick, onCl
 
   const compileDateString = preval`module.exports = new Date().toLocaleString("en").toLowerCase();`;
   const gitTagVersionString = process.env.REACT_APP_LEAF_TAG;
-  const footerText = `v${ gitTagVersionString } (${ compileDateString })\n© 2020 julian (insanj) weiss`;
+  const footerText = (
+    <div className={classes.footerText}>
+      <a target="_blank" href="https://github.com/snowcodedesign">
+      { `v${ gitTagVersionString } (${ compileDateString })` }
+      </a>
+      <br/>
+      <a target="_blank" href="https://snowcode.design">
+        © 2020 Snowcode, LLC
+      </a>
+    </div>
+  );
 
   //. made with <img className={classes.image} src={love} /> in philly
 
@@ -106,9 +136,7 @@ export default function LeafDrawer({ open=false, selectedItem, onItemClick, onCl
 
       <List>
         <ListItem key={6} style={{opacity: 0.3}}>
-          <a target="_blank" style={{textDecoration: 'none'}} href="https://github.com/insanj">
-            <ListItemText secondary={footerText} />
-          </a>
+          <ListItemText secondary={footerText} />
         </ListItem>
       </List>
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="description" content="🐝 minimal webapp for playing animal crossing new horizons"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/leaf.png"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><meta name="msapplication-TileColor" content="#00ae6f"><meta name="theme-color" content="#00ae6f"><link rel="manifest" href="/manifest.json"/><title>leaf</title><link href="/static/css/2.9522b9fe.chunk.css" rel="stylesheet"><link href="/static/css/main.a7dae909.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,l,f=r[0],a=r[1],i=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i\|\|[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var a=t[f];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)\|\|Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=this.webpackJsonpleaf=this.webpackJsonpleaf\|\|[],a=f.push.bind(f);f.push=r,f=f.slice();for(var i=0;i<f.length;i++)r(f[i]);var p=a;t()}([])</script><script src="/static/js/2.e0306386.chunk.js"></script><script src="/static/js/main.22eb4222.chunk.js"></script></body></html>
		<!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"/><meta name="description" content="🐝 minimal webapp for playing animal crossing new horizons"/><link rel="icon" href="/favicon.ico"/><link rel="apple-touch-icon" href="/leaf.png"/><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><meta name="msapplication-TileColor" content="#00ae6f"><meta name="theme-color" content="#00ae6f"><link rel="manifest" href="/manifest.json"/><title>leaf</title><link href="/static/css/2.9522b9fe.chunk.css" rel="stylesheet"><link href="/static/css/main.a7dae909.chunk.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e){function r(r){for(var n,l,f=r[0],a=r[1],i=r[2],c=0,s=[];c<f.length;c++)l=f[c],Object.prototype.hasOwnProperty.call(o,l)&&o[l]&&s.push(o[l][0]),o[l]=0;for(n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n]);for(p&&p(r);s.length;)s.shift()();return u.push.apply(u,i\|\|[]),t()}function t(){for(var e,r=0;r<u.length;r++){for(var t=u[r],n=!0,f=1;f<t.length;f++){var a=t[f];0!==o[a]&&(n=!1)}n&&(u.splice(r--,1),e=l(l.s=t[0]))}return e}var n={},o={1:0},u=[];function l(r){if(n[r])return n[r].exports;var t=n[r]={i:r,l:!1,exports:{}};return e[r].call(t.exports,t,t.exports,l),t.l=!0,t.exports}l.m=e,l.c=n,l.d=function(e,r,t){l.o(e,r)\|\|Object.defineProperty(e,r,{enumerable:!0,get:t})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,r){if(1&r&&(e=l(e)),8&r)return e;if(4&r&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(l.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&r&&"string"!=typeof e)for(var n in e)l.d(t,n,function(r){return e[r]}.bind(null,n));return t},l.n=function(e){var r=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(r,"a",r),r},l.o=function(e,r){return Object.prototype.hasOwnProperty.call(e,r)},l.p="/";var f=this.webpackJsonpleaf=this.webpackJsonpleaf\|\|[],a=f.push.bind(f);f.push=r,f=f.slice();for(var i=0;i<f.length;i++)r(f[i]);var p=a;t()}([])</script><script src="/static/js/2.e0306386.chunk.js"></script><script src="/static/js/main.9f103053.chunk.js"></script></body></html>