From 41e7332c997bf3fa517cde7411c29727a5241fe5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Zrounba?=
 <6691770+clement-z@users.noreply.github.com>
Date: Sun, 13 Dec 2020 02:51:59 +0100
Subject: move css to css folder

---
 public/css/fonts.css  |  53 +++++++++
 public/css/styles.css | 295 ++++++++++++++++++++++++++++++++++++++++++++++++++
 public/fonts.css      |  53 ---------
 public/styles.css     | 295 --------------------------------------------------
 4 files changed, 348 insertions(+), 348 deletions(-)
 create mode 100644 public/css/fonts.css
 create mode 100644 public/css/styles.css
 delete mode 100644 public/fonts.css
 delete mode 100644 public/styles.css

diff --git a/public/css/fonts.css b/public/css/fonts.css
new file mode 100644
index 0000000..48fe4d6
--- /dev/null
+++ b/public/css/fonts.css
@@ -0,0 +1,53 @@
+@font-face {
+  font-family: 'Cascadia Code converted for web';
+  src: url('fonts/cascadiacode-light.woff2') format('woff2'),
+       url('fonts/cascadiacode-light.woff') format('woff');
+  font-weight: 200;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Cascadia Code converted for web';
+  src: url('fonts/cascadiacode-regular.woff2') format('woff2'),
+       url('fonts/cascadiacode-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Dyslexic';
+  src: url('fonts/opendyslexic-regular.woff2') format('woff2'),
+       url('fonts/opendyslexic-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Dyslexic';
+  src: url('fonts/opendyslexic-italic.woff2') format('woff2'),
+       url('fonts/opendyslexic-italic.woff') format('woff');
+  font-weight: normal;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Dyslexic';
+  src: url('fonts/opendyslexic-bold.woff2') format('woff2'),
+       url('fonts/opendyslexic-bold.woff') format('woff');
+  font-weight: bold;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: 'Open Dyslexic';
+  src: url('fonts/opendyslexic-bolditalic.woff2') format('woff2'),
+       url('fonts/opendyslexic-bolditalic.woff') format('woff');
+  font-weight: bold;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: 'Open Dyslexic', monospace;
+  src: url('fonts/opendyslexicmono-regular.woff2') format('woff2'),
+       url('fonts/opendyslexicmono-regular.woff') format('woff');
+}
diff --git a/public/css/styles.css b/public/css/styles.css
new file mode 100644
index 0000000..db6894c
--- /dev/null
+++ b/public/css/styles.css
@@ -0,0 +1,295 @@
+body {
+  font-family: serif;
+  --main-background: #fff;
+  --main-foreground: #333;
+  --toolbar-background-hover: #eee;
+  --toolbar-background-active: #ccc;
+  --toolbar-border: rgba(12, 12, 13, 0.2);
+  --toolbar-box-shadow: rgba(12, 12, 13, 0.1);
+  --anchor-link: darkblue;
+}
+
+.background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--main-background);
+  z-index: -1;
+}
+
+.content {
+  max-width: 50em;
+  padding: 1em;
+  margin: auto;
+  margin-top: 1em;
+  margin-bottom: 1em;
+
+  /*
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #cacaca,0 0 0 4px #eee;
+  */
+
+  border: 1px solid var(--toolbar-border);
+  border-radius: 6px;
+  box-shadow: 0 2px 8px var(--toolbar-box-shadow);
+
+  line-height: 1.9;
+
+  background-color: var(--main-background);
+  color: var(--main-foreground);
+}
+
+.mono {
+  font-family:'Cascadia Code converted for Web';
+}
+
+div.figure {
+  display: inline-block;
+  text-align:center;
+  margin: 1em;
+  max-width: min(100%, 30em);
+  padding: 0;
+  overflow-x:hidden;
+  border: 1px solid var(--toolbar-border);
+  border-radius: 8px;
+  box-shadow: 0 4px 8px 0 var(--toolbar-box-shadow), 0 6px 20px 0 var(--toolbar-box-shadow);
+}
+
+div.figure .caption {
+  display: block;
+  max-width: 100%;
+
+  margin: auto;
+  padding: .5em;
+}
+
+div.figure img {
+  display: block;
+  width: 110%;
+  margin: 0;
+}
+
+footer {
+  /*display: flex;
+  align-items: center;
+  flex-wrap: wrap;*/
+  display: block;
+  padding-top: 1em;
+  border-top: 1px solid var(--toolbar-border);
+  text-align: right;
+} 
+
+h1 {
+  text-align: center;
+  margin: 0 auto .5em auto;
+}
+
+h3 {
+  border-bottom: 1px solid var(--toolbar-border);
+}
+
+hr {
+  height: 0;
+  border: none;
+  border-bottom: 1px solid var(--toolbar-border);
+}
+
+p {
+  margin: 1em;
+}
+
+li {
+  margin: 0.3em;
+}
+
+a {
+  color: var(--anchor-link);
+}
+
+a.breakable {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+}
+
+footer div {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: flex-start;
+}
+
+.validation-icons {
+  margin-left:auto;
+  text-align:right;
+}
+
+.footer-author {
+  display: block;
+  margin-left:auto;
+  text-align:right;
+}
+
+.validation-icons ~ .footer-author {
+  margin-left: 0;
+}
+
+.nav {
+  display: flex;
+  justify-content: center;
+  flex-wrap: wrap;
+  text-align: center;
+  padding: 0;
+  margin: 0;
+  margin-bottom: 1em;
+}
+
+.prose-box-link-ctnr {
+  display: flex;
+  align-items: center;
+  text-align: center;
+  margin: auto;
+  margin-top: .4em;
+  margin-bottom: .9em;
+  max-width: 100%;
+  overflow-x: hidden;
+}
+
+.box, .box-link {
+  text-decoration: underline;
+  display: inline-block;
+  align-items: center;
+  /*inline-block;*/
+
+  background-color: var(--main-background);
+
+  padding: .3em;
+  margin: auto;
+
+  border: 1px solid var(--toolbar-border);
+  border-radius: 6px;
+  box-shadow: 0 2px 8px var(--toolbar-box-shadow);
+  overflow-x: hidden;
+}
+
+.box-link a {
+}
+
+.box {
+  display: flex;
+  flex-direction:row;
+  align-items: center;
+  flex-wrap: wrap;
+  margin: .2em;
+}
+
+a.box-link {
+  cursor: pointer;
+}
+
+.box-link {
+  text-decoration: underline;
+  display: block;
+}
+
+.nav a.box-link {
+  margin: 0.2em;
+  font-variant: small-caps;
+  text-decoration: none;
+}
+
+footer .box-link, footer .box {
+  text-decoration: none;
+  font-variant: small-caps;
+}
+
+.box-link:hover {
+  background-color: var(--toolbar-background-hover);
+}
+
+.i-am-having-fun-cb {
+  display: none;
+}
+
+.lbl {
+  cursor: pointer;
+
+  display: inline-block;
+  text-decoration: none;
+  font-variant: small-caps;
+  padding: 4px;
+  margin: .2em
+}
+
+#defaultfont-rb:checked ~ * {
+  font-family: inherit;
+  font-weight: normal;
+}
+
+#monofont-rb:checked ~ * {
+  font-family: 'Cascadia Code converted for Web';
+  line-height: 2.1;
+}
+
+#dyslexicfont-rb:checked ~ * {
+  font-family: 'Open Dyslexic';
+  font-weight: normal;
+  line-height: 2.1;
+}
+
+footer label.lbl {
+  background-color: var(--main-background);
+}
+
+#maxwidth-cb:checked ~ .content {
+  max-width: 100%;
+  box-shadow: none;
+  border: none;
+  padding: 1em;
+}
+
+#sepia-cb:checked ~ * {
+  --main-background: #f4ecd8;
+  --main-foreground: #5b4636;
+  --toolbar-border: rgba(19, 14, 11, 0.2);
+  --toolbar-border-shadow: rgba(19, 14, 11, 0.1);
+  --toolbar-background-hover: #e4dcc8;
+  --toolbar-background-active: #d4ccb8;
+}
+
+#defaultfont-rb:checked ~ footer .defaultfont-rb {
+  background-color: var(--toolbar-background-active);
+}
+
+#monofont-rb:checked ~ footer .monofont-rb {
+  background-color: var(--toolbar-background-active);
+}
+
+#dyslexicfont-rb:checked ~ footer .dyslexicfont-rb {
+  background-color: var(--toolbar-background-active);
+}
+
+#maxwidth-cb:checked ~ footer .maxwidth-cb {
+  background-color: var(--toolbar-background-active);
+}
+
+#sepia-cb:checked ~ footer .sepia-cb {
+  background-color: var(--toolbar-background-active);
+}
+
+.link-to-top {
+  text-decoration: none;
+}
+
+@media only screen and (max-width: 50em) {
+  .content {
+    border: none;
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  div label.maxwidth-cb {
+    background-color: var(--toolbar-background-active);
+  }
+}
diff --git a/public/fonts.css b/public/fonts.css
deleted file mode 100644
index 48fe4d6..0000000
--- a/public/fonts.css
+++ /dev/null
@@ -1,53 +0,0 @@
-@font-face {
-  font-family: 'Cascadia Code converted for web';
-  src: url('fonts/cascadiacode-light.woff2') format('woff2'),
-       url('fonts/cascadiacode-light.woff') format('woff');
-  font-weight: 200;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Cascadia Code converted for web';
-  src: url('fonts/cascadiacode-regular.woff2') format('woff2'),
-       url('fonts/cascadiacode-regular.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Open Dyslexic';
-  src: url('fonts/opendyslexic-regular.woff2') format('woff2'),
-       url('fonts/opendyslexic-regular.woff') format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Open Dyslexic';
-  src: url('fonts/opendyslexic-italic.woff2') format('woff2'),
-       url('fonts/opendyslexic-italic.woff') format('woff');
-  font-weight: normal;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Open Dyslexic';
-  src: url('fonts/opendyslexic-bold.woff2') format('woff2'),
-       url('fonts/opendyslexic-bold.woff') format('woff');
-  font-weight: bold;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Open Dyslexic';
-  src: url('fonts/opendyslexic-bolditalic.woff2') format('woff2'),
-       url('fonts/opendyslexic-bolditalic.woff') format('woff');
-  font-weight: bold;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Open Dyslexic', monospace;
-  src: url('fonts/opendyslexicmono-regular.woff2') format('woff2'),
-       url('fonts/opendyslexicmono-regular.woff') format('woff');
-}
diff --git a/public/styles.css b/public/styles.css
deleted file mode 100644
index db6894c..0000000
--- a/public/styles.css
+++ /dev/null
@@ -1,295 +0,0 @@
-body {
-  font-family: serif;
-  --main-background: #fff;
-  --main-foreground: #333;
-  --toolbar-background-hover: #eee;
-  --toolbar-background-active: #ccc;
-  --toolbar-border: rgba(12, 12, 13, 0.2);
-  --toolbar-box-shadow: rgba(12, 12, 13, 0.1);
-  --anchor-link: darkblue;
-}
-
-.background {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: var(--main-background);
-  z-index: -1;
-}
-
-.content {
-  max-width: 50em;
-  padding: 1em;
-  margin: auto;
-  margin-top: 1em;
-  margin-bottom: 1em;
-
-  /*
-  border-radius: 4px;
-  box-shadow: 0 0 0 1px #cacaca,0 0 0 4px #eee;
-  */
-
-  border: 1px solid var(--toolbar-border);
-  border-radius: 6px;
-  box-shadow: 0 2px 8px var(--toolbar-box-shadow);
-
-  line-height: 1.9;
-
-  background-color: var(--main-background);
-  color: var(--main-foreground);
-}
-
-.mono {
-  font-family:'Cascadia Code converted for Web';
-}
-
-div.figure {
-  display: inline-block;
-  text-align:center;
-  margin: 1em;
-  max-width: min(100%, 30em);
-  padding: 0;
-  overflow-x:hidden;
-  border: 1px solid var(--toolbar-border);
-  border-radius: 8px;
-  box-shadow: 0 4px 8px 0 var(--toolbar-box-shadow), 0 6px 20px 0 var(--toolbar-box-shadow);
-}
-
-div.figure .caption {
-  display: block;
-  max-width: 100%;
-
-  margin: auto;
-  padding: .5em;
-}
-
-div.figure img {
-  display: block;
-  width: 110%;
-  margin: 0;
-}
-
-footer {
-  /*display: flex;
-  align-items: center;
-  flex-wrap: wrap;*/
-  display: block;
-  padding-top: 1em;
-  border-top: 1px solid var(--toolbar-border);
-  text-align: right;
-} 
-
-h1 {
-  text-align: center;
-  margin: 0 auto .5em auto;
-}
-
-h3 {
-  border-bottom: 1px solid var(--toolbar-border);
-}
-
-hr {
-  height: 0;
-  border: none;
-  border-bottom: 1px solid var(--toolbar-border);
-}
-
-p {
-  margin: 1em;
-}
-
-li {
-  margin: 0.3em;
-}
-
-a {
-  color: var(--anchor-link);
-}
-
-a.breakable {
-  overflow-wrap: break-word;
-  word-wrap: break-word;
-}
-
-footer div {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  justify-content: flex-start;
-}
-
-.validation-icons {
-  margin-left:auto;
-  text-align:right;
-}
-
-.footer-author {
-  display: block;
-  margin-left:auto;
-  text-align:right;
-}
-
-.validation-icons ~ .footer-author {
-  margin-left: 0;
-}
-
-.nav {
-  display: flex;
-  justify-content: center;
-  flex-wrap: wrap;
-  text-align: center;
-  padding: 0;
-  margin: 0;
-  margin-bottom: 1em;
-}
-
-.prose-box-link-ctnr {
-  display: flex;
-  align-items: center;
-  text-align: center;
-  margin: auto;
-  margin-top: .4em;
-  margin-bottom: .9em;
-  max-width: 100%;
-  overflow-x: hidden;
-}
-
-.box, .box-link {
-  text-decoration: underline;
-  display: inline-block;
-  align-items: center;
-  /*inline-block;*/
-
-  background-color: var(--main-background);
-
-  padding: .3em;
-  margin: auto;
-
-  border: 1px solid var(--toolbar-border);
-  border-radius: 6px;
-  box-shadow: 0 2px 8px var(--toolbar-box-shadow);
-  overflow-x: hidden;
-}
-
-.box-link a {
-}
-
-.box {
-  display: flex;
-  flex-direction:row;
-  align-items: center;
-  flex-wrap: wrap;
-  margin: .2em;
-}
-
-a.box-link {
-  cursor: pointer;
-}
-
-.box-link {
-  text-decoration: underline;
-  display: block;
-}
-
-.nav a.box-link {
-  margin: 0.2em;
-  font-variant: small-caps;
-  text-decoration: none;
-}
-
-footer .box-link, footer .box {
-  text-decoration: none;
-  font-variant: small-caps;
-}
-
-.box-link:hover {
-  background-color: var(--toolbar-background-hover);
-}
-
-.i-am-having-fun-cb {
-  display: none;
-}
-
-.lbl {
-  cursor: pointer;
-
-  display: inline-block;
-  text-decoration: none;
-  font-variant: small-caps;
-  padding: 4px;
-  margin: .2em
-}
-
-#defaultfont-rb:checked ~ * {
-  font-family: inherit;
-  font-weight: normal;
-}
-
-#monofont-rb:checked ~ * {
-  font-family: 'Cascadia Code converted for Web';
-  line-height: 2.1;
-}
-
-#dyslexicfont-rb:checked ~ * {
-  font-family: 'Open Dyslexic';
-  font-weight: normal;
-  line-height: 2.1;
-}
-
-footer label.lbl {
-  background-color: var(--main-background);
-}
-
-#maxwidth-cb:checked ~ .content {
-  max-width: 100%;
-  box-shadow: none;
-  border: none;
-  padding: 1em;
-}
-
-#sepia-cb:checked ~ * {
-  --main-background: #f4ecd8;
-  --main-foreground: #5b4636;
-  --toolbar-border: rgba(19, 14, 11, 0.2);
-  --toolbar-border-shadow: rgba(19, 14, 11, 0.1);
-  --toolbar-background-hover: #e4dcc8;
-  --toolbar-background-active: #d4ccb8;
-}
-
-#defaultfont-rb:checked ~ footer .defaultfont-rb {
-  background-color: var(--toolbar-background-active);
-}
-
-#monofont-rb:checked ~ footer .monofont-rb {
-  background-color: var(--toolbar-background-active);
-}
-
-#dyslexicfont-rb:checked ~ footer .dyslexicfont-rb {
-  background-color: var(--toolbar-background-active);
-}
-
-#maxwidth-cb:checked ~ footer .maxwidth-cb {
-  background-color: var(--toolbar-background-active);
-}
-
-#sepia-cb:checked ~ footer .sepia-cb {
-  background-color: var(--toolbar-background-active);
-}
-
-.link-to-top {
-  text-decoration: none;
-}
-
-@media only screen and (max-width: 50em) {
-  .content {
-    border: none;
-    border-radius: 0;
-    box-shadow: none;
-  }
-
-  div label.maxwidth-cb {
-    background-color: var(--toolbar-background-active);
-  }
-}
-- 
cgit v1.2.3