From 39f54e6a51705e9c2889ecfd239a19ed392b3a4d Mon Sep 17 00:00:00 2001 From: tynanpurdy Date: Tue, 18 Jun 2019 22:03:48 -0400 Subject: [PATCH] reorganization --- .../jquery-3.4.1.min.js | 0 main.css => index.css | 53 -------------- index.html | 5 +- style.css | 72 +++++++++++++++++++ 4 files changed, 75 insertions(+), 55 deletions(-) rename jquery-3.4.1.min.js => bootstrap/jquery-3.4.1.min.js (100%) rename main.css => index.css (65%) create mode 100644 style.css diff --git a/jquery-3.4.1.min.js b/bootstrap/jquery-3.4.1.min.js similarity index 100% rename from jquery-3.4.1.min.js rename to bootstrap/jquery-3.4.1.min.js diff --git a/main.css b/index.css similarity index 65% rename from main.css rename to index.css index a48ad4a..f6d9410 100644 --- a/main.css +++ b/index.css @@ -4,34 +4,6 @@ body { background: #f2f2f2; } -.root { - --primary: #46adb4; - --secondary: #000; - --highlight: #000; -} - -/*--- navigation bar ---*/ -.navbar { - background: var(--primary); -} -.nav-link, -.navbar-brand { - color: #fff; - cursor: pointer; -} -.nav-link { - margin-right: 1em !important; -} -.nav-link:hover { - animation-name: test-animation; - animation-duration: 200ms; - animation-fill-mode: forwards; - /*color: #000;*/ -} -.navbar-collapse { - justify-content: flex-end; -} - .header { background-image: url('imgs/header-background.jpg'); background-attachment: fixed; @@ -51,20 +23,6 @@ body { background: rgba(0, 0, 0, 0.6); } -.rounded { - border-radius: 50px; -} - -.color-invert { - background-color: var(--primary); - color: #fff; -} - -@keyframes test-animation { - from {color: #fff; font-weight: normal;} - to {color: #000; font-weight: bold;} -} - /*--- description ---*/ .description { left: 50%; @@ -125,15 +83,4 @@ body { .features .btn:hover { background-color: #333; border: 1px solid #333; -} - -/*--- page footer ---*/ -.page-footer { - background-color: #222; - color: #ccc; - padding: 60px 0 30px; -} -.footer-copyright { - color: #666; - padding: 40px 0; } \ No newline at end of file diff --git a/index.html b/index.html index 13a3369..eba4377 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,8 @@ - + + @@ -85,7 +86,7 @@
© 2019 Copyright: tynanpurdy.com
- + diff --git a/style.css b/style.css new file mode 100644 index 0000000..cae2e28 --- /dev/null +++ b/style.css @@ -0,0 +1,72 @@ +.root { + --primary: #46adb4; + --secondary: #000; + --highlight: #000; +} + +body {font-family: 'Fira Sans'} + +/* text styles */ +p {font-weight: normal;} +h1 {font-weight: bold;} + +.rounded { + border-radius: 50px; +} + +.color-invert { + background-color: var(--primary); + color: #fff; +} + +/* fonts */ +@font-face { + font-family: "Fira Sans"; + src: url("fonts/FiraSans/FiraSans-Regular.ttf"); + font-weight: normal; + font-variant-ligatures: normal; +} +@font-face { + font-family: "Fira Sans"; + src: url("fonts/FiraSans/FiraSans-Italic.ttf"); + font-weight: normal; + font-style: italic; +} +@font-face { + font-family: "Fira Sans"; + src: url("fonts/FiraSans/FiraSans-Bold.ttf"); + font-weight: bold; +} +@font-face { + font-family: "Fira Sans"; + src: url("fonts/FiraSans/FiraSans-BoldItalic.ttf"); + font-weight: bold; + font-style: italic; +} + +/*--- navigation bar ---*/ +.navbar { + background: var(--primary); +} +.nav-link, +.navbar-brand { + color: #fff; + cursor: pointer; +} +.nav-link { + margin-right: 1em !important; + font-family: 'Fira Sans'; +} +.nav-link:hover { + animation-name: nav-link-animation; + animation-duration: 200ms; + animation-fill-mode: forwards; + /*color: #000;*/ +} +@keyframes nav-link-animation{ + from {color: #fff;} + to {color: #000;} +} +.navbar-collapse { + justify-content: flex-end; +} \ No newline at end of file -- 2.51.2