Added initial content on top of standard pages

static/css/site.css

@@ -9,7 +9,7 @@ html {
     margin: 0;
     padding: 0;
     background: #FF0000;
-    background: linear-gradient(180deg,rgba(255, 0, 0, 0.75) 0%, rgba(99, 2, 2, 1) 15%, rgba(2, 99, 2, 1) 85%, rgba(0, 255, 0, 0.75) 100%);
+    background: linear-gradient(180deg,rgba(75, 0, 0, 0.75) 0%, rgba(75, 2, 2, 1) 15%, rgba(2, 75, 2, 1) 85%, rgba(0, 75, 0, 0.75) 100%);
     scroll-behavior: smooth;
 }
 
@@ -61,6 +61,36 @@ body {
     text-shadow: 0 0 15px rgba(99, 2, 2, 1);
 }
 
+.cited-source {
+    margin: 32px 60px;
+}
+
+@media (max-width: 1000px) {
+    .main {
+        margin: auto;
+        width: 80vw;
+        height: 70vh;
+        background: rgba(255,255,255,.25);
+        padding: 6px;
+        border-radius: 5px;
+        box-shadow: 0 0 25px rgba(0,0,0,0.5);
+        overflow-y: auto;
+    }
+}
+
+@media (max-width: 700px) {
+    .main {
+        margin: auto;
+        width: 95vw;
+        height: 80vh;
+        background: rgba(255,255,255,.25);
+        padding: 6px;
+        border-radius: 5px;
+        box-shadow: 0 0 25px rgba(0,0,0,0.5);
+        overflow-y: auto;
+    }
+}
+
 /* ===== Scrollbar CSS ===== */
 /* Firefox */
 * {

static/js/site.js

@@ -0,0 +1,12 @@
+
+const quotesForPage = {
+    getQuoteData: async function() {
+        return (await axios.get('/static/json/quotes.json')).data;
+    },
+
+    getRandomQuoteAsync: async function() {
+        let quotes = (await quotesForPage.getQuoteData()).christmasQuotes;
+        let indexChoice = Math.floor(Math.random() * quotes.length);
+        return quotes[indexChoice];
+    }
+}

static/json/quotes.json

@@ -0,0 +1,44 @@
+{
+  "christmasQuotes": [
+    {
+      "quote": "God bless us, everyone!",
+      "attribution": "Tiny Tim",
+      "source": "A Christmas Carol"
+    },
+    {
+      "quote": "You can mess with a lot of things, but you can't mess with kids on Christmas",
+      "attribution": "Kevin McCallister",
+      "source": "Home Alone 2: Lost in New York"
+    },
+    {
+      "quote": "I never thought it was such a bad little tree. It’s not bad at all really. Maybe it just needs a little love.",
+      "attribution": "Charlie Brown",
+      "source": "A Charlie Brown Christmas"
+    },
+    {
+      "quote": "Christmas was on its way. Lovely, glorious, beautiful Christmas, upon, which the entire kid year revolved.",
+      "attribution": "Ralphie",
+      "source": "A Christmas Story"
+    },
+    {
+      "quote": "Just remember, the true spirit of Christmas lies in your heart.",
+      "attribution": "Santa",
+      "source":  "The Polar Express"
+    },
+    {
+      "quote": "Seeing is believing, but sometimes the most real things in the world are the things we can’t see.",
+      "attribution": "Conductor",
+      "source":  "The Polar Express"
+    },
+    {
+      "quote": "You're skipping Christmas! Isn't that against the law?",
+      "attribution": "Spike Frohmeyer",
+      "source": "Christmas with the Kranks"
+    },
+    {
+      "quote": "Every time a bell rings, an angel gets his wings.",
+      "attribution": "Zuzu Bailey",
+      "source": "It's a Wonderful Life"
+    }
+  ]
+}