Use plain HTML and CSS

2 files changed, 0 insertions, 167 deletions

diff --git a/static/icon.png b/static/icon.png
deleted file mode 100644
index 2bb22d2..0000000
--- a/static/icon.png
+++ /dev/null
diff --git a/static/main.css b/static/main.css
deleted file mode 100644
index 9d01154..0000000
--- a/static/main.css
+++ /dev/null
@@ -1,167 +0,0 @@
-:root {
-  --color-title: rgb(113, 68, 30);
-  --color-link: rgb(13, 13, 81);
-  --color-number: rgb(230, 230, 230);
-  --color-completed: #58b058;
-  --base-font-size: 18px;
-}
-
-@media all and (max-width: 800px) {
-  :root {
-    --base-font-size: 14px;
-  }
-}
-
-html {
-  font-size: var(--base-font-size);
-}
-
-body {
-  margin: 0;
-}
-
-.g-Page {
-  max-width: 800px;
-  margin: 0 auto;
-}
-
-.g-Page__Header {
-  font-size: 2.5rem;
-  font-weight: bold;
-  color: var(--color-title);
-  margin: 0 auto 2rem;
-  padding: 1rem 0;
-  max-width: 800px;
-  border-bottom: 0.2rem solid #884433;
-  text-align: center;
-}
-
-.g-Link {
-  text-decoration: none;
-  color: var(--color-link);
-}
-
-.g-Link:hover {
-  text-decoration: underline;
-}
-
-@keyframes appear {
-  from {
-    transform: translateX(20px);
-    opacity: 0;
-  }
-  to {
-    transform: translateX(0px);
-  }
-}
-
-.g-Page__Content {
-  animation: appear 0.2s;
-  margin: 1rem;
-}
-
-.g-Recipe__Title {
-  font-size: 1.5rem;
-  margin-top: 1.5rem;
-  color: var(--color-title);
-}
-
-.g-Recipe__SubTitle {
-  font-size: 1.1rem;
-  margin-top: 1rem;
-  color: var(--color-title);
-}
-
-.g-Page__Recipes {
-  list-style-type: none;
-  padding-left: 1rem;
-}
-
-.g-Page__Recipe {
-  margin-bottom: 1rem;
-}
-
-/* Recipe */
-
-.g-Recipe__Content h1 {
-  font-size: 1.5rem;
-  margin-top: 1.5rem;
-  color: var(--color-title);
-}
-
-.g-Recipe__Content h2 {
-  font-size: 1.1rem;
-  margin-top: 1rem;
-  color: var(--color-title);
-}
-
-.g-Recipe__Content h3 {
-  font-size: 1.1rem;
-  margin-top: 1rem;
-  color: var(--color-title);
-}
-
-.g-Number {
-  font-size: inherit;
-  background-color: var(--color-number);
-  border-radius: 5px;
-  padding: 2px;
-  border-style: none;
-  text-align: center;
-  width: 5rem;
-}
-
-.g-Recipe__Content ul,
-.g-Recipe__Content ol {
-  list-style-type: none;
-  padding-left: 1rem;
-}
-
-.g-Recipe__Content li {
-  margin-bottom: 1rem;
-  line-height: 1.5rem;
-}
-
-.g-Recipe__Content ol,
-.g-Recipe__Content ul {
-  margin-top: 1.5rem;
-}
-
-.g-Recipe__Content ol {
-  counter-reset: ol;
-}
-
-.g-Recipe__Content ol > li {
-  padding: 0 0 1rem 3rem;
-  margin-bottom: 0rem;
-  position: relative;
-  text-align: justify;
-}
-
-.g-Recipe__Content ol > li::before {
-  display: inline;
-  position: absolute;
-  top: 0;
-  left: 0;
-  counter-increment: ol;
-  content: counter(ol);
-  margin-right: 10px;
-  background-color: var(--color-title);
-  color: white;
-  border-radius: 50%;
-  font-weight: bold;
-  width: 1.5rem;
-  text-align: center;
-}
-
-.g-Recipe__Content ol > li:hover {
-  cursor: pointer;
-}
-
-.g-Recipe__Content ol > li.g-Recipe__Completed {
-  text-decoration: line-through;
-}
-
-.g-Recipe__Content ol > li.g-Recipe__Completed::before {
-  background-color: var(--color-completed);
-}