move CSS and JS to assets folder

5 files changed, 0 insertions, 347 deletions

diff --git a/static/css/animations.css b/static/css/animations.css
deleted file mode 100644
index 9d6ccf1..0000000
--- a/static/css/animations.css
+++ /dev/null
@@ -1,31 +0,0 @@
-/* FOCUS */
-@keyframes focus {
-    0% {
-        filter: blur(14px);
-        opacity: 0;
-    }
-    100% {
-        filter: blur(0);
-        opacity: 1;
-    }
-}
-
-/* FADE */
-@keyframes fade {
-    0% {
-        opacity: 0;
-    }
-    100% {
-        opacity: 1;
-    }
-}
-
-/* FLIP */
-@keyframes flip {
-    0% {
-        transform: rotateX(0);
-    }
-    100% {
-        transform: rotateX(-180deg);
-    }
-}
\ No newline at end of file
diff --git a/static/css/base.css b/static/css/base.css
deleted file mode 100644
index be1677c..0000000
--- a/static/css/base.css
+++ /dev/null
@@ -1,17 +0,0 @@
-:root {
-    /* Font Sizes */
-    --title: 3.157rem;
-    --subtitle: 2.369rem;
-    --header: 1.777rem;
-    --subheader: 1.333rem;
-    --text: 1.3rem;
-
-    /* Colors */
-    --primary: #ffc107;
-    --primary-dark: #ffa000;
-    --primary-light: #ffecb3;
-    --primary-text: #212121;
-    --secondary-text: #757575;
-    --accent: #536dfe;
-    --divider: #bdbdbd;
-}
diff --git a/static/css/reset.css b/static/css/reset.css
deleted file mode 100644
index 0648415..0000000
--- a/static/css/reset.css
+++ /dev/null
@@ -1,62 +0,0 @@
-html {
-    box-sizing: border-box;
-}
-
-*,
-*::before,
-*::after {
-    box-sizing: inherit;
-}
-
-*:focus {
-    outline: 0;
-}
-
-a {
-    background-color: transparent;
-}
-
-body {
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, Oxygen, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
-    font-kerning: auto;
-    -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothin: antialised;
-    font-weight: 300;
-    height: 100vh;
-    line-height: 1.45;
-    margin: 0;
-    text-rendering: optimizeLegibility;
-}
-
-h1,
-h2,
-h3,
-h4 {
-    line-height: 1.2;
-    margin: 0;
-}
-
-hr {
-    box-sizing: content-box;
-    height: 0;
-    overflow: visible;
-}
-
-img {
-    border-style: none;
-}
-
-main {
-    display: block;
-}
-
-pre,
-code,
-kbd {
-    font-family: monospace, monospace;
-    font-size: 1em;
-}
-
-select {
-    text-transform: none;
-}
diff --git a/static/css/style.css b/static/css/style.css
deleted file mode 100644
index f4675a2..0000000
--- a/static/css/style.css
+++ /dev/null
@@ -1,230 +0,0 @@
-/* HEADER */
-.header {
-    background-color: white;
-    box-shadow: 0 1px 5px var(--divider);
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: 1fr;
-    height: 3.5rem;
-    position: fixed;
-    top: 0;
-    width: 100%;
-}
-
-.header-title {
-    align-items: center;
-    display: flex;
-    justify-content: flex-start;
-    margin-left: 3.5rem;
-}
-
-.title-link {
-    color: var(--primary-dark);
-    font-size: 1.1rem;
-    text-decoration: none;
-}
-
-.menu-links {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-evenly;
-    list-style: none;
-    text-align: center;
-}
-
-.menu-links > li {
-    margin: 0 1.5rem;
-    padding: 0;
-}
-
-.menu-link {
-    color: var(--primary-text);
-    padding: 0.5rem 0;
-    position: relative;
-    transition: color 0.25s;
-    text-decoration: none;
-}
-
-.menu-link::before {
-    bottom: 0;
-    content: "";
-    display: block;
-    height: 3px;
-    position: absolute;
-    transition: all 0.25s ease-in;
-    width: 0%;
-}
-
-.menu-link::before {
-    background-color: var(--primary);
-}
-
-.menu-link:hover::before,
-.menu-link:focus::before {
-    opacity: 1;
-    width: 100%;
-}
-
-/* BANNER */
-.banner {
-    align-content: center;
-    display: grid;
-    grid-template-columns: repeat(2, 1fr);
-    grid-template-rows: 1fr;
-    height: 90vh;
-    justify-content: center;
-    overflow: hidden;
-}
-
-.banner-content {
-    align-items: flex-start;
-    animation: focus 0.95s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-left: 4.5rem;
-}
-
-.banner-content>h1 {
-    font-size: var(--title);
-    font-weight: 300;
-}
-
-.banner-content>h2 {
-    font-size: var(--subtitle);
-}
-
-.banner-content>p {
-    font-size: var(--subheader);
-    margin-top: 0.5rem;
-}
-
-.banner-img {
-    height: auto;
-    width: 120%;
-}
-
-.cta-btn {
-    background-color: var(--primary-dark);
-    color: white;
-    font-weight: 400;
-    margin-top: 3.5rem;
-    overflow: hidden;
-    padding: 15px 75px;
-    position: relative;
-    text-decoration: none;
-    transform: translate3d(0, 0, 0);
-    transition: all 0.25s;
-}
-
-.cta-btn:hover {
-    background-color: var(--primary);
-}
-
-.cta-btn::after {
- background-image: radial-gradient(circle, var(--primary-light) 10%, transparent 10.01%);
- background-position: 50%;
- background-repeat: no-repeat;
- content: "";
- display: block;
- height: 100%;
- left: 0;
- opacity: 0;
- position: absolute;
- pointer-events: none;
- top: 0;
- transform: scale(10, 10);
- transition: transform .5s, opacity 1s;
- width: 100%;
-}
-
-.cta-btn:active::after {
- opacity: 0.7;
- transform: scale(0, 0);
- transition: 0s;
-}
-
-/* FOOTER */
-.footer {
-    display: grid;
-    border-top: 1px solid var(--divider);
-    grid-template-rows: repeat(2, 1fr);
-    grid-template-areas: "social social" "contact copy"
-}
-
-.footer-social {
-    align-items: center;
-    border-bottom: 1px solid var(--divider);
-    display: flex;
-    grid-area: social;
-    justify-content: space-evenly;
-}
-
-.footer-contact,
-.footer-copy {
-    background-color: var(--primary-dark);
-}
-
-.footer-contact {
-    display: flex;
-    justify-content: space-evenly;
-}
-
-.footer-copy {
-    align-items: flex-end;
-    display: flex;
-    font-size: 0.9rem;
-    font-weight: 400;
-    grid-area: copy;
-    justify-content: flex-end;
-    padding-right: 3.5rem;
-}
-
-.social-link {
-    background-color: var(--primary-text);
-    border-radius: 50%;
-    color: white;
-    font-size: var(--text);
-    height: 35px;
-    line-height: 35px;
-    position: relative;
-    text-align: center;
-    text-decoration: none;
-    width: 35px;
-}
-
-.social-link::after,
-.social-link::before {
-    background: transparent;
-    border: 2.5px solid var(--primary-text);
-    border-radius: 50%;
-    bottom: 0;
-    content: "";
-    display: block;
-    left: 0;
-    position: absolute;
-    right: 0;
-    top: 0;
-    transition: 0.3s all;
-}
-
-.social-link:hover {
-    color: var(--primary-text);
-    background-color: transparent;
-}
-
-.social-link:hover::after {
-    transform: scale(1.5);
-}
-
-.social-link:hover::before {
-    opacity: 0;
-    transform: scale(2);
-    transition: 0.3s all;
-}
-
-.contact-link {
-    color: white;
-    font-weight: 400;
-    text-decoration: none;
-}
\ No newline at end of file
diff --git a/static/js/header.js b/static/js/header.js
deleted file mode 100644
index 12de881..0000000
--- a/static/js/header.js
+++ /dev/null
@@ -1,7 +0,0 @@
-const header = document.querySelector("header");
-
-function paddingHeader() {
-    document.body.style.paddingTop = `${header.offsetHeight}px`;
-}
-
-window.addEventListener("load", paddingHeader);
\ No newline at end of file