From e1f223f233907ceabb234a84dc371e12d0d5932c Mon Sep 17 00:00:00 2001
From: shockrah <alejandros714@protonmail.com>
Date: Sun, 10 Nov 2019 22:25:37 -0800
Subject: [PATCH] sass things being added to project

---
 .gitignore                                        |  2 +-
 website/.gitignore                                |  4 +++-
 website/static/{css/index.css => sass/index.scss} | 14 ++++++++------
 3 files changed, 12 insertions(+), 8 deletions(-)
 rename website/static/{css/index.css => sass/index.scss} (92%)

diff --git a/.gitignore b/.gitignore
index b6a4c4b..1430399 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,2 @@
 *swp
-
+static/css/
diff --git a/website/.gitignore b/website/.gitignore
index dc574e0..486c811 100644
--- a/website/.gitignore
+++ b/website/.gitignore
@@ -1,2 +1,4 @@
 node_modules/
-target/
\ No newline at end of file
+target/
+static/css/
+.sass-cache
\ No newline at end of file
diff --git a/website/static/css/index.css b/website/static/sass/index.scss
similarity index 92%
rename from website/static/css/index.css
rename to website/static/sass/index.scss
index c994ff1..e968de0 100644
--- a/website/static/css/index.css
+++ b/website/static/sass/index.scss
@@ -1,3 +1,5 @@
+$button_color_bg: #1f8dd6;
+$button_color_txt: white;
 * {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
@@ -52,15 +54,15 @@ a {
  * I want my pure-button elements to look a little different
  */
 .pure-button {
-    background-color: #1f8dd6;
-    color: white;
+    background-color: $button_color_bg;
+    color: $button_color_txt;
     padding: 0.5em 2em;
     border-radius: 5px;
 }
 
 a.pure-button-primary {
-    background: white;
-    color: #1f8dd6;
+    background: $button_color_bg;
+    color: $button_color_txt;
     border-radius: 5px;
     font-size: 120%;
 }
@@ -71,7 +73,7 @@ a.pure-button-primary {
  */
 
 .splash-container {
-    background-image: url('/static/images/chalk.jpg');
+    background-image: url('https://www.shockrah.shop/static/images/chalk.jpg');
     background-attachment: fixed;
     background-size: cover;
     background-repeat: no-repeat;
@@ -151,7 +153,7 @@ a.pure-button-primary {
 
 /* This is the class used for the content sub-headers (<h3>) */
 .content-subhead {
-    color: #1f8dd6;
+    color: $button_color_txt;
 }
 .content-subhead i {
     margin-right: 7px;