v1.0.1/release

copyright & privacy policy. fix update path bug

website/public/styles/extrasmall.css

@@ -39,27 +39,32 @@ header {
 .logo-container {
   display: flex;
   width: fit-content;
-  align-items: center;
   justify-content: center;
+  flex-direction: column;
 }
 .logo {
   background-size: 100%;
   width: 5rem;
   height: 5rem;
   display: inline-block;
+  background-image: url("/logo512.png");
 }
 .logo-text-container {
-  display: none;
   justify-content: center;
   vertical-align: middle;
   flex-direction: column;
   flex: 1;
-  margin-left: 1.5rem;
+  margin-top: 3.5rem;
 }
 .logo-text-container p {
   font-size: 2.4rem;
 }
 
+.header {
+  font-size: 10rem;
+  letter-spacing: 1rem;
+}
+
 .subheader {
   font-size: 2.5rem;
   margin: 0;
@@ -189,28 +194,30 @@ header {
 }
 
 footer {
-  font-size: 1.2rem;
   padding: 5rem 3.75rem;
   width: calc(100vw - 7.5rem);
   margin-left: -3.75rem;
   background-color: var(--color-secondary-light);
+}
+.link-container {
+  font-size: 1.2rem;
   transition: none !important;
   display: flex;
   flex-direction: column;
 }
 
-footer > div {
+.link-container > div {
   flex: 1;
   display: flex;
   flex-direction: column;
   color: var(--color-primary);
 }
 
-footer > div > .overline {
+.link-container > div > .overline {
   color: var(--color-primary);
 }
 
-footer > div:not(:first-of-type) {
+.link-container > div:not(:first-of-type) {
   margin-top: 3rem;
 }
 
@@ -218,6 +225,16 @@ a {
   color: var(--color);
   margin-top: 0.75rem;
   max-width: fit-content;
+
+}
+
+.link-container a {
+  font-size: 1.8rem;
+}
+
+footer .by {
+  color: var(--color-primary);
+  margin-top: 4rem;
 }
 
 @keyframes slideUp {
@@ -268,6 +285,9 @@ a {
   justify-content: center;
   align-items: center;
   background-color: var(--color-secondary-light);
+  border-bottom: 1px solid transparent;
+}
+.input-popup.expanded .input-popup-header {
   border-bottom: 1px solid var(--color-tertiary);
 }
 .input-popup-header-text {

website/public/styles/medium.css

@@ -4,11 +4,21 @@ body {
   height: calc(100vh - 5rem);
 }
 
+.logo-container {
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+}
 .logo {
   width: 7.5rem;
   height: 7.5rem;
 }
-
+.logo-text-container {
+  margin-top: 0;
+  margin-left: 1.5rem;
+  border-left: 1px solid var(--color-secondary);
+  padding-left: 1.5rem;
+}
 .intro .overline {
   font-size: 3rem;
 }
@@ -16,6 +26,11 @@ body {
   font-size: 4rem;
 }
 
+.header {
+  font-size: 15rem;
+  letter-spacing: 1.5rem;
+}
+
 .overline[data-button] {
   display: inline-block;
 }
@@ -60,25 +75,23 @@ body {
 }
 
 footer {
-  font-size: 1.7rem;
   padding: 5rem 7.5rem;
   width: calc(100vw - 15rem);
   margin-left: -7.5rem;
+}
+.link-container {
+  font-size: 1.7rem;
   flex-direction: row;
 }
-footer > div {
+.link-container > div {
   flex-direction: column;
   flex: 1;
 }
-
-footer > div:not(:first-of-type) {
+.link-container > div:not(:first-of-type) {
   margin-left: 3rem;
   margin-top: 0;
 }
-footer > div:last-of-type {
-  flex: 3;
-  align-items: flex-end;
-}
+
 .input-popup {
   height: 10rem;
 }

website/public/styles/small.css

@@ -1,5 +1,5 @@
 .input-popup {
-  height: 10rem;
+  height: 11.5rem;
 }
 
 .input-popup.expanded {