diff --git a/data/quotes.json b/data/quotes.json
new file mode 100644
index 0000000..b436c0e
--- /dev/null
+++ b/data/quotes.json
@@ -0,0 +1,84 @@
+[
+    {
+        "quote":"You're not going crazy. You're going sane in a crazy world!",
+        "quotee":"The Tick (Ben Edlund)",
+        "source":"The Tick vs. The Idea Men"
+    },
+    {
+        "qutoe":"Disrespect is a two-way street.",
+        "quotee":"Henry Rollins",
+        "source":"Get in the Van: On the Road with Black Flag"
+    },
+    {
+        "quote":"No man has the right to be an amateur in the matter of physical training. It is a shame for a man to grow old without seeing the beauty and strength of which his body is capable.",
+        "quotee":"Socrates",
+        "translated":true
+    },
+    {
+        "quote":"A fascist worked out today. Did you?"
+    },
+    {
+        "quote":"To progress again, man must remake himself. And he cannot remake himself without suffering. For he is both the marble and the sculptor. In order to uncover his true visage he must shatter his own substance with heavy blows of his hammer.",
+        "quotee":"Alexis Carrel",
+        "source":"Man, The Unknown",
+        "translated":true
+    },
+    {
+        "quote":"To train the mind, first train the body.",
+        "quotee":"Izumi Curtis (Hiromu Arakawa)",
+        "source":"Fullmetal Alchemist",
+        "translated":true
+    },
+    {
+        "title":"Bene Gesserit Litany Against Fear",
+        "quote":"I must not fear. Fear is the mind-killer. Fear is the little-death that brings total obliteration. I will face my fear. I will permit it to pass over me and through me. And when it has gone past, I will turn the inner eye to see its path. Where the fear has gone there will be nothing. Only I will remain.",
+        "quotee":"Frank Herbert",
+        "source":"Dune"
+    },
+    {
+        "quote":"It's not a bug, it's a feature."
+    },
+    {
+        "quote":"...do these things happen to other people or am I just the chosen one? I decided it was the latter...",
+        "quotee":"Charles Bukowski",
+        "source":"the freeway life"
+    },
+    {
+        "quote":"There are two possible outcomes: if the result confirms the hypothesis, then you've made a measurement. If the result is contrary to the hypothesis, then you've made a discovery",
+        "quotee":"Enrico Fermi"
+    },
+    {
+        "quote":"No gods, no masters"
+    },
+    {
+        "quote":"One must imagine Sisyphus happy.",
+        "quotee":"Albert Camus",
+        "source":"The Myth of Sisyphus",
+        "translated":true
+    },
+    {
+        "quote":"It is important to draw wisdom from many different places. If we take it from only one place, it becomes rigid and stale. Understanding others, the other elements, and the other nations will help you become whole.",
+        "quotee":"Uncle Iroh",
+        "source":"Avatar: the Last Airbender"
+    },
+    {
+        "quote":"It is better to be a warrior in a garden than a gardener in a war."
+    },
+    {
+        "quote":"Sucking at something is the first step towards being sorta good at someething.",
+        "quotee":"Jake the Dog",
+        "source":"Adventure Time"
+    },
+    {
+        "quote":"You know, I mean, like, Old-Lady Science, you know? She's a real — You got to hang on tight, you know? Because she — she — she bucks pretty hard.",
+        "quotee":"Morty Smith (Justin Roiland)",
+        "source":"Rick & Morty"
+    },
+    {
+        "quote":"Through even our darkest days, we must never cease creating. Each new invention brings value to the world, be it beauty, utility, or both.",
+        "quotee":"Rashmi, Aether-Seer",
+        "source":"Magic: the Gathering",
+        "card":"Ornithopter of Paradise"
+    }
+
+]
diff --git a/pages/404.html b/pages/404.html
index f59e4e7..2a29fe2 100644
--- a/pages/404.html
+++ b/pages/404.html
@@ -1,3 +1,4 @@
+<article>
 <h1>404 Error</h1>
 <hr />
 <span id="404-message"></span>
@@ -5,3 +6,4 @@
     var query_page = $("[name='query_page']")[0].innerHTML;
     document.getElementById("404-message").innerHTML="Page '"+query_page+"' not found.";
 </script>
+</article>
diff --git a/pages/about.html b/pages/about.html
index 1814990..64bef23 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -1,3 +1,5 @@
+<article>
 <h1>About</h1>
 <hr />
 real facts
+</article>
diff --git a/pages/home.html b/pages/home.html
index 2182ddb..4bddf8e 100644
--- a/pages/home.html
+++ b/pages/home.html
@@ -1,69 +1,21 @@
-<html>
- <meta charset="UTF-8">
-<head></head>
-<body>
-    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris. Luctus venenatis lectus magna fringilla. Vel pretium lectus quam id. Blandit cursus risus at ultrices mi tempus. Praesent semper feugiat nibh sed. Tempus quam pellentesque nec nam. Integer eget aliquet nibh praesent tristique magna sit. Eu turpis egestas pretium aenean pharetra magna. Accumsan lacus vel facilisis volutpat est velit.
-    <br />
-    Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Nunc id cursus metus aliquam eleifend mi in. Volutpat odio facilisis mauris sit amet massa. Vitae tempus quam pellentesque nec nam aliquam sem. Fringilla urna porttitor rhoncus dolor. Lectus magna fringilla urna porttitor rhoncus. Dui sapien eget mi proin sed libero. Scelerisque eleifend donec pretium vulputate sapien. Nulla facilisi nullam vehicula ipsum a arcu. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Adipiscing enim eu turpis egestas pretium. Bibendum arcu vitae elementum curabitur. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Elementum nibh tellus molestie nunc non blandit. Neque laoreet suspendisse interdum consectetur libero id faucibus. Fusce id velit ut tortor pretium viverra suspendisse. Ut placerat orci nulla pellentesque dignissim enim sit amet. Tempor nec feugiat nisl pretium. Blandit libero volutpat sed cras ornare arcu dui. Ut morbi tincidunt augue interdum velit euismod.
-    <br />
-    Purus viverra accumsan in nisl nisi. Vulputate ut pharetra sit amet aliquam id diam maecenas. Nulla aliquet enim tortor at auctor urna. Amet purus gravida quis blandit turpis cursus. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Neque volutpat ac tincidunt vitae semper quis lectus. Nam at lectus urna duis convallis convallis tellus. Id semper risus in hendrerit gravida rutrum. Gravida quis blandit turpis cursus in hac habitasse. Sit amet nisl suscipit adipiscing bibendum est ultricies. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Arcu dui vivamus arcu felis bibendum ut tristique et. Dictumst quisque sagittis purus sit. In vitae turpis massa sed elementum tempus egestas sed sed. Scelerisque eu ultrices vitae auctor eu augue ut.
-    <br />
-    Convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Blandit cursus risus at ultrices mi tempus. Amet aliquam id diam maecenas ultricies. Sed pulvinar proin gravida hendrerit. Auctor urna nunc id cursus metus aliquam eleifend mi in. Est ullamcorper eget nulla facilisi etiam dignissim. Posuere ac ut consequat semper. Consequat interdum varius sit amet. Natoque penatibus et magnis dis. Augue eget arcu dictum varius. Risus feugiat in ante metus dictum at tempor commodo. At risus viverra adipiscing at in tellus integer feugiat. Et malesuada fames ac turpis egestas sed. Blandit aliquam etiam erat velit scelerisque in. Etiam non quam lacus suspendisse faucibus interdum posuere. Consequat ac felis donec et odio pellentesque. Urna condimentum mattis pellentesque id nibh tortor id aliquet.
-    <br />
-    Massa enim nec dui nunc mattis enim. Mollis nunc sed id semper risus in hendrerit gravida. In vitae turpis massa sed elementum tempus egestas. Viverra aliquet eget sit amet tellus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Nec ullamcorper sit amet risus nullam eget. Porttitor leo a diam sollicitudin tempor id eu. Pellentesque adipiscing commodo elit at imperdiet. Tellus orci ac auctor augue mauris augue neque. Dignissim enim sit amet venenatis urna cursus eget nunc. Massa id neque aliquam vestibulum morbi blandit cursus risus.
-    <br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris. Luctus venenatis lectus magna fringilla. Vel pretium lectus quam id. Blandit cursus risus at ultrices mi tempus. Praesent semper feugiat nibh sed. Tempus quam pellentesque nec nam. Integer eget aliquet nibh praesent tristique magna sit. Eu turpis egestas pretium aenean pharetra magna. Accumsan lacus vel facilisis volutpat est velit.
-    <br />
-    Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Nunc id cursus metus aliquam eleifend mi in. Volutpat odio facilisis mauris sit amet massa. Vitae tempus quam pellentesque nec nam aliquam sem. Fringilla urna porttitor rhoncus dolor. Lectus magna fringilla urna porttitor rhoncus. Dui sapien eget mi proin sed libero. Scelerisque eleifend donec pretium vulputate sapien. Nulla facilisi nullam vehicula ipsum a arcu. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Adipiscing enim eu turpis egestas pretium. Bibendum arcu vitae elementum curabitur. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Elementum nibh tellus molestie nunc non blandit. Neque laoreet suspendisse interdum consectetur libero id faucibus. Fusce id velit ut tortor pretium viverra suspendisse. Ut placerat orci nulla pellentesque dignissim enim sit amet. Tempor nec feugiat nisl pretium. Blandit libero volutpat sed cras ornare arcu dui. Ut morbi tincidunt augue interdum velit euismod.
-    <br />
-    Purus viverra accumsan in nisl nisi. Vulputate ut pharetra sit amet aliquam id diam maecenas. Nulla aliquet enim tortor at auctor urna. Amet purus gravida quis blandit turpis cursus. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Neque volutpat ac tincidunt vitae semper quis lectus. Nam at lectus urna duis convallis convallis tellus. Id semper risus in hendrerit gravida rutrum. Gravida quis blandit turpis cursus in hac habitasse. Sit amet nisl suscipit adipiscing bibendum est ultricies. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Arcu dui vivamus arcu felis bibendum ut tristique et. Dictumst quisque sagittis purus sit. In vitae turpis massa sed elementum tempus egestas sed sed. Scelerisque eu ultrices vitae auctor eu augue ut.
-    <br />
-    Convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Blandit cursus risus at ultrices mi tempus. Amet aliquam id diam maecenas ultricies. Sed pulvinar proin gravida hendrerit. Auctor urna nunc id cursus metus aliquam eleifend mi in. Est ullamcorper eget nulla facilisi etiam dignissim. Posuere ac ut consequat semper. Consequat interdum varius sit amet. Natoque penatibus et magnis dis. Augue eget arcu dictum varius. Risus feugiat in ante metus dictum at tempor commodo. At risus viverra adipiscing at in tellus integer feugiat. Et malesuada fames ac turpis egestas sed. Blandit aliquam etiam erat velit scelerisque in. Etiam non quam lacus suspendisse faucibus interdum posuere. Consequat ac felis donec et odio pellentesque. Urna condimentum mattis pellentesque id nibh tortor id aliquet.
-    <br />
-    Massa enim nec dui nunc mattis enim. Mollis nunc sed id semper risus in hendrerit gravida. In vitae turpis massa sed elementum tempus egestas. Viverra aliquet eget sit amet tellus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Nec ullamcorper sit amet risus nullam eget. Porttitor leo a diam sollicitudin tempor id eu. Pellentesque adipiscing commodo elit at imperdiet. Tellus orci ac auctor augue mauris augue neque. Dignissim enim sit amet venenatis urna cursus eget nunc. Massa id neque aliquam vestibulum morbi blandit cursus risus.
-    <br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris. Luctus venenatis lectus magna fringilla. Vel pretium lectus quam id. Blandit cursus risus at ultrices mi tempus. Praesent semper feugiat nibh sed. Tempus quam pellentesque nec nam. Integer eget aliquet nibh praesent tristique magna sit. Eu turpis egestas pretium aenean pharetra magna. Accumsan lacus vel facilisis volutpat est velit.
-    <br />
-    Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Nunc id cursus metus aliquam eleifend mi in. Volutpat odio facilisis mauris sit amet massa. Vitae tempus quam pellentesque nec nam aliquam sem. Fringilla urna porttitor rhoncus dolor. Lectus magna fringilla urna porttitor rhoncus. Dui sapien eget mi proin sed libero. Scelerisque eleifend donec pretium vulputate sapien. Nulla facilisi nullam vehicula ipsum a arcu. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Adipiscing enim eu turpis egestas pretium. Bibendum arcu vitae elementum curabitur. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Elementum nibh tellus molestie nunc non blandit. Neque laoreet suspendisse interdum consectetur libero id faucibus. Fusce id velit ut tortor pretium viverra suspendisse. Ut placerat orci nulla pellentesque dignissim enim sit amet. Tempor nec feugiat nisl pretium. Blandit libero volutpat sed cras ornare arcu dui. Ut morbi tincidunt augue interdum velit euismod.
-    <br />
-    Purus viverra accumsan in nisl nisi. Vulputate ut pharetra sit amet aliquam id diam maecenas. Nulla aliquet enim tortor at auctor urna. Amet purus gravida quis blandit turpis cursus. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Neque volutpat ac tincidunt vitae semper quis lectus. Nam at lectus urna duis convallis convallis tellus. Id semper risus in hendrerit gravida rutrum. Gravida quis blandit turpis cursus in hac habitasse. Sit amet nisl suscipit adipiscing bibendum est ultricies. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Arcu dui vivamus arcu felis bibendum ut tristique et. Dictumst quisque sagittis purus sit. In vitae turpis massa sed elementum tempus egestas sed sed. Scelerisque eu ultrices vitae auctor eu augue ut.
-    <br />
-    Convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Blandit cursus risus at ultrices mi tempus. Amet aliquam id diam maecenas ultricies. Sed pulvinar proin gravida hendrerit. Auctor urna nunc id cursus metus aliquam eleifend mi in. Est ullamcorper eget nulla facilisi etiam dignissim. Posuere ac ut consequat semper. Consequat interdum varius sit amet. Natoque penatibus et magnis dis. Augue eget arcu dictum varius. Risus feugiat in ante metus dictum at tempor commodo. At risus viverra adipiscing at in tellus integer feugiat. Et malesuada fames ac turpis egestas sed. Blandit aliquam etiam erat velit scelerisque in. Etiam non quam lacus suspendisse faucibus interdum posuere. Consequat ac felis donec et odio pellentesque. Urna condimentum mattis pellentesque id nibh tortor id aliquet.
-    <br />
-    Massa enim nec dui nunc mattis enim. Mollis nunc sed id semper risus in hendrerit gravida. In vitae turpis massa sed elementum tempus egestas. Viverra aliquet eget sit amet tellus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Nec ullamcorper sit amet risus nullam eget. Porttitor leo a diam sollicitudin tempor id eu. Pellentesque adipiscing commodo elit at imperdiet. Tellus orci ac auctor augue mauris augue neque. Dignissim enim sit amet venenatis urna cursus eget nunc. Massa id neque aliquam vestibulum morbi blandit cursus risus.
-    <br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris. Luctus venenatis lectus magna fringilla. Vel pretium lectus quam id. Blandit cursus risus at ultrices mi tempus. Praesent semper feugiat nibh sed. Tempus quam pellentesque nec nam. Integer eget aliquet nibh praesent tristique magna sit. Eu turpis egestas pretium aenean pharetra magna. Accumsan lacus vel facilisis volutpat est velit.
-    <br />
-    Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Nunc id cursus metus aliquam eleifend mi in. Volutpat odio facilisis mauris sit amet massa. Vitae tempus quam pellentesque nec nam aliquam sem. Fringilla urna porttitor rhoncus dolor. Lectus magna fringilla urna porttitor rhoncus. Dui sapien eget mi proin sed libero. Scelerisque eleifend donec pretium vulputate sapien. Nulla facilisi nullam vehicula ipsum a arcu. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Adipiscing enim eu turpis egestas pretium. Bibendum arcu vitae elementum curabitur. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Elementum nibh tellus molestie nunc non blandit. Neque laoreet suspendisse interdum consectetur libero id faucibus. Fusce id velit ut tortor pretium viverra suspendisse. Ut placerat orci nulla pellentesque dignissim enim sit amet. Tempor nec feugiat nisl pretium. Blandit libero volutpat sed cras ornare arcu dui. Ut morbi tincidunt augue interdum velit euismod.
-    <br />
-    Purus viverra accumsan in nisl nisi. Vulputate ut pharetra sit amet aliquam id diam maecenas. Nulla aliquet enim tortor at auctor urna. Amet purus gravida quis blandit turpis cursus. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Neque volutpat ac tincidunt vitae semper quis lectus. Nam at lectus urna duis convallis convallis tellus. Id semper risus in hendrerit gravida rutrum. Gravida quis blandit turpis cursus in hac habitasse. Sit amet nisl suscipit adipiscing bibendum est ultricies. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Arcu dui vivamus arcu felis bibendum ut tristique et. Dictumst quisque sagittis purus sit. In vitae turpis massa sed elementum tempus egestas sed sed. Scelerisque eu ultrices vitae auctor eu augue ut.
-    <br />
-    Convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Blandit cursus risus at ultrices mi tempus. Amet aliquam id diam maecenas ultricies. Sed pulvinar proin gravida hendrerit. Auctor urna nunc id cursus metus aliquam eleifend mi in. Est ullamcorper eget nulla facilisi etiam dignissim. Posuere ac ut consequat semper. Consequat interdum varius sit amet. Natoque penatibus et magnis dis. Augue eget arcu dictum varius. Risus feugiat in ante metus dictum at tempor commodo. At risus viverra adipiscing at in tellus integer feugiat. Et malesuada fames ac turpis egestas sed. Blandit aliquam etiam erat velit scelerisque in. Etiam non quam lacus suspendisse faucibus interdum posuere. Consequat ac felis donec et odio pellentesque. Urna condimentum mattis pellentesque id nibh tortor id aliquet.
-    <br />
-    Massa enim nec dui nunc mattis enim. Mollis nunc sed id semper risus in hendrerit gravida. In vitae turpis massa sed elementum tempus egestas. Viverra aliquet eget sit amet tellus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Nec ullamcorper sit amet risus nullam eget. Porttitor leo a diam sollicitudin tempor id eu. Pellentesque adipiscing commodo elit at imperdiet. Tellus orci ac auctor augue mauris augue neque. Dignissim enim sit amet venenatis urna cursus eget nunc. Massa id neque aliquam vestibulum morbi blandit cursus risus.
-    <br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris. Luctus venenatis lectus magna fringilla. Vel pretium lectus quam id. Blandit cursus risus at ultrices mi tempus. Praesent semper feugiat nibh sed. Tempus quam pellentesque nec nam. Integer eget aliquet nibh praesent tristique magna sit. Eu turpis egestas pretium aenean pharetra magna. Accumsan lacus vel facilisis volutpat est velit.
-    <br />
-    Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Nunc id cursus metus aliquam eleifend mi in. Volutpat odio facilisis mauris sit amet massa. Vitae tempus quam pellentesque nec nam aliquam sem. Fringilla urna porttitor rhoncus dolor. Lectus magna fringilla urna porttitor rhoncus. Dui sapien eget mi proin sed libero. Scelerisque eleifend donec pretium vulputate sapien. Nulla facilisi nullam vehicula ipsum a arcu. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Adipiscing enim eu turpis egestas pretium. Bibendum arcu vitae elementum curabitur. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Elementum nibh tellus molestie nunc non blandit. Neque laoreet suspendisse interdum consectetur libero id faucibus. Fusce id velit ut tortor pretium viverra suspendisse. Ut placerat orci nulla pellentesque dignissim enim sit amet. Tempor nec feugiat nisl pretium. Blandit libero volutpat sed cras ornare arcu dui. Ut morbi tincidunt augue interdum velit euismod.
-    <br />
-    Purus viverra accumsan in nisl nisi. Vulputate ut pharetra sit amet aliquam id diam maecenas. Nulla aliquet enim tortor at auctor urna. Amet purus gravida quis blandit turpis cursus. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Neque volutpat ac tincidunt vitae semper quis lectus. Nam at lectus urna duis convallis convallis tellus. Id semper risus in hendrerit gravida rutrum. Gravida quis blandit turpis cursus in hac habitasse. Sit amet nisl suscipit adipiscing bibendum est ultricies. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Arcu dui vivamus arcu felis bibendum ut tristique et. Dictumst quisque sagittis purus sit. In vitae turpis massa sed elementum tempus egestas sed sed. Scelerisque eu ultrices vitae auctor eu augue ut.
-    <br />
-    Convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Blandit cursus risus at ultrices mi tempus. Amet aliquam id diam maecenas ultricies. Sed pulvinar proin gravida hendrerit. Auctor urna nunc id cursus metus aliquam eleifend mi in. Est ullamcorper eget nulla facilisi etiam dignissim. Posuere ac ut consequat semper. Consequat interdum varius sit amet. Natoque penatibus et magnis dis. Augue eget arcu dictum varius. Risus feugiat in ante metus dictum at tempor commodo. At risus viverra adipiscing at in tellus integer feugiat. Et malesuada fames ac turpis egestas sed. Blandit aliquam etiam erat velit scelerisque in. Etiam non quam lacus suspendisse faucibus interdum posuere. Consequat ac felis donec et odio pellentesque. Urna condimentum mattis pellentesque id nibh tortor id aliquet.
-    <br />
-    Massa enim nec dui nunc mattis enim. Mollis nunc sed id semper risus in hendrerit gravida. In vitae turpis massa sed elementum tempus egestas. Viverra aliquet eget sit amet tellus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Nec ullamcorper sit amet risus nullam eget. Porttitor leo a diam sollicitudin tempor id eu. Pellentesque adipiscing commodo elit at imperdiet. Tellus orci ac auctor augue mauris augue neque. Dignissim enim sit amet venenatis urna cursus eget nunc. Massa id neque aliquam vestibulum morbi blandit cursus risus.
-    <br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris. Luctus venenatis lectus magna fringilla. Vel pretium lectus quam id. Blandit cursus risus at ultrices mi tempus. Praesent semper feugiat nibh sed. Tempus quam pellentesque nec nam. Integer eget aliquet nibh praesent tristique magna sit. Eu turpis egestas pretium aenean pharetra magna. Accumsan lacus vel facilisis volutpat est velit.
-    <br />
-    Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Nunc id cursus metus aliquam eleifend mi in. Volutpat odio facilisis mauris sit amet massa. Vitae tempus quam pellentesque nec nam aliquam sem. Fringilla urna porttitor rhoncus dolor. Lectus magna fringilla urna porttitor rhoncus. Dui sapien eget mi proin sed libero. Scelerisque eleifend donec pretium vulputate sapien. Nulla facilisi nullam vehicula ipsum a arcu. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Adipiscing enim eu turpis egestas pretium. Bibendum arcu vitae elementum curabitur. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Elementum nibh tellus molestie nunc non blandit. Neque laoreet suspendisse interdum consectetur libero id faucibus. Fusce id velit ut tortor pretium viverra suspendisse. Ut placerat orci nulla pellentesque dignissim enim sit amet. Tempor nec feugiat nisl pretium. Blandit libero volutpat sed cras ornare arcu dui. Ut morbi tincidunt augue interdum velit euismod.
-    <br />
-    Purus viverra accumsan in nisl nisi. Vulputate ut pharetra sit amet aliquam id diam maecenas. Nulla aliquet enim tortor at auctor urna. Amet purus gravida quis blandit turpis cursus. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Neque volutpat ac tincidunt vitae semper quis lectus. Nam at lectus urna duis convallis convallis tellus. Id semper risus in hendrerit gravida rutrum. Gravida quis blandit turpis cursus in hac habitasse. Sit amet nisl suscipit adipiscing bibendum est ultricies. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Arcu dui vivamus arcu felis bibendum ut tristique et. Dictumst quisque sagittis purus sit. In vitae turpis massa sed elementum tempus egestas sed sed. Scelerisque eu ultrices vitae auctor eu augue ut.
-    <br />
-    Convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Blandit cursus risus at ultrices mi tempus. Amet aliquam id diam maecenas ultricies. Sed pulvinar proin gravida hendrerit. Auctor urna nunc id cursus metus aliquam eleifend mi in. Est ullamcorper eget nulla facilisi etiam dignissim. Posuere ac ut consequat semper. Consequat interdum varius sit amet. Natoque penatibus et magnis dis. Augue eget arcu dictum varius. Risus feugiat in ante metus dictum at tempor commodo. At risus viverra adipiscing at in tellus integer feugiat. Et malesuada fames ac turpis egestas sed. Blandit aliquam etiam erat velit scelerisque in. Etiam non quam lacus suspendisse faucibus interdum posuere. Consequat ac felis donec et odio pellentesque. Urna condimentum mattis pellentesque id nibh tortor id aliquet.
-    <br />
-    Massa enim nec dui nunc mattis enim. Mollis nunc sed id semper risus in hendrerit gravida. In vitae turpis massa sed elementum tempus egestas. Viverra aliquet eget sit amet tellus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Nec ullamcorper sit amet risus nullam eget. Porttitor leo a diam sollicitudin tempor id eu. Pellentesque adipiscing commodo elit at imperdiet. Tellus orci ac auctor augue mauris augue neque. Dignissim enim sit amet venenatis urna cursus eget nunc. Massa id neque aliquam vestibulum morbi blandit cursus risus.
-    <br />Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Montes nascetur ridiculus mus mauris. Luctus venenatis lectus magna fringilla. Vel pretium lectus quam id. Blandit cursus risus at ultrices mi tempus. Praesent semper feugiat nibh sed. Tempus quam pellentesque nec nam. Integer eget aliquet nibh praesent tristique magna sit. Eu turpis egestas pretium aenean pharetra magna. Accumsan lacus vel facilisis volutpat est velit.
-    <br />
-    Posuere sollicitudin aliquam ultrices sagittis orci a scelerisque purus. Nunc id cursus metus aliquam eleifend mi in. Volutpat odio facilisis mauris sit amet massa. Vitae tempus quam pellentesque nec nam aliquam sem. Fringilla urna porttitor rhoncus dolor. Lectus magna fringilla urna porttitor rhoncus. Dui sapien eget mi proin sed libero. Scelerisque eleifend donec pretium vulputate sapien. Nulla facilisi nullam vehicula ipsum a arcu. Pellentesque pulvinar pellentesque habitant morbi tristique senectus et. Adipiscing enim eu turpis egestas pretium. Bibendum arcu vitae elementum curabitur. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Elementum nibh tellus molestie nunc non blandit. Neque laoreet suspendisse interdum consectetur libero id faucibus. Fusce id velit ut tortor pretium viverra suspendisse. Ut placerat orci nulla pellentesque dignissim enim sit amet. Tempor nec feugiat nisl pretium. Blandit libero volutpat sed cras ornare arcu dui. Ut morbi tincidunt augue interdum velit euismod.
-    <br />
-    Purus viverra accumsan in nisl nisi. Vulputate ut pharetra sit amet aliquam id diam maecenas. Nulla aliquet enim tortor at auctor urna. Amet purus gravida quis blandit turpis cursus. Leo vel fringilla est ullamcorper eget nulla facilisi etiam dignissim. Neque volutpat ac tincidunt vitae semper quis lectus. Nam at lectus urna duis convallis convallis tellus. Id semper risus in hendrerit gravida rutrum. Gravida quis blandit turpis cursus in hac habitasse. Sit amet nisl suscipit adipiscing bibendum est ultricies. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Arcu dui vivamus arcu felis bibendum ut tristique et. Dictumst quisque sagittis purus sit. In vitae turpis massa sed elementum tempus egestas sed sed. Scelerisque eu ultrices vitae auctor eu augue ut.
-    <br />
-    Convallis a cras semper auctor neque vitae. Dapibus ultrices in iaculis nunc sed augue lacus viverra. Blandit cursus risus at ultrices mi tempus. Amet aliquam id diam maecenas ultricies. Sed pulvinar proin gravida hendrerit. Auctor urna nunc id cursus metus aliquam eleifend mi in. Est ullamcorper eget nulla facilisi etiam dignissim. Posuere ac ut consequat semper. Consequat interdum varius sit amet. Natoque penatibus et magnis dis. Augue eget arcu dictum varius. Risus feugiat in ante metus dictum at tempor commodo. At risus viverra adipiscing at in tellus integer feugiat. Et malesuada fames ac turpis egestas sed. Blandit aliquam etiam erat velit scelerisque in. Etiam non quam lacus suspendisse faucibus interdum posuere. Consequat ac felis donec et odio pellentesque. Urna condimentum mattis pellentesque id nibh tortor id aliquet.
-    <br />
-    Massa enim nec dui nunc mattis enim. Mollis nunc sed id semper risus in hendrerit gravida. In vitae turpis massa sed elementum tempus egestas. Viverra aliquet eget sit amet tellus. Pellentesque elit ullamcorper dignissim cras tincidunt lobortis feugiat vivamus at. Euismod nisi porta lorem mollis aliquam ut porttitor leo a. Nec ullamcorper sit amet risus nullam eget. Porttitor leo a diam sollicitudin tempor id eu. Pellentesque adipiscing commodo elit at imperdiet. Tellus orci ac auctor augue mauris augue neque. Dignissim enim sit amet venenatis urna cursus eget nunc. Massa id neque aliquam vestibulum morbi blandit cursus risus.
-    <br /></body>
-</html>
+<article>
+<h1>Welcome!</h1>
+<hr />
+Welcome to my website! My name Jim <span title="'&#643;&#603;p&#618;k">Shepich</span> (@epicshepich). I'm currently a Master's student at Johns Hopkins University studying Data Science and a Master Diviner at Ravenwood School of Magical Arts studying Storm Magic. I'm an avid hobbyist, and some of my interests include: math and science, computer programming, tabletop and video games, martial arts (especially jujutsu), cartoons/anime, reading (mostly sci-fi and fantasy), music, and DIY. I created this website to share some of the projects I'm working on and some of the things I've learned.<br />
+<h2>Some notable projects I'm working on:</h2>
+<ul>
+    <li>This website</li>
+    <li>Finding a job</li>
+    <li><a href="https://epics.shepich.com">Epics & Emprises</a> - a tabletop roleplaying system inspired by 3.5e D&D, 5e D&D, and JRPGs, with a focus on martial arts and a hard magic system</li>
+    <li>Design & Dissection - a podcast co-hosted by Houston Webb about the design and philosophy of games, specifically TTRPGs (like E&E)</li>
+</ul>
+<h2>Some useful things I've learned:</h2>
+<ul>
+    <li>Black widows and quicksand can both be found in Michigan and are not as deadly as you are led to believe.</li>
+    <li>If you're compiling a LaTeX document and the compilation stops midway, type "R" into the console and hit Enter.</li>
+    <li>A good way to prevent ear infections is to sleep with your ear in the hole of a neck pillow because it allows your ear canal to remain cool and dry.</li>
+    <li>You can just put the copyright symbol at the bottom of your website without having a legal copyright.</li>
+    <li>You don't tug on superman's cape, you don't spit into the wind, you don't pull the mask off that old lone ranger, and you don't mess around with Jim.</li>
+
+</ul>
+<article>
diff --git a/scripts/footer.php b/scripts/footer.php
index 98080f9..17f3728 100644
--- a/scripts/footer.php
+++ b/scripts/footer.php
@@ -6,5 +6,6 @@
     foreach($socials as $s){
         echo "<a href='" . $s->link . "'><span class='fab fa-" . $s->icon . "' title='".$s->platform."'></span></a>&nbsp;&nbsp;&nbsp;";
     }
-    echo "<?php echo 'hi'; ?>"
+
+    echo "<br /><span class='copyright'>Copyright &copy;".date("Y")." Jim Shepich</span>"; 
 ?>
diff --git a/styles/layout.css b/styles/layout.css
index 9ba3ab6..5ce65ac 100644
--- a/styles/layout.css
+++ b/styles/layout.css
@@ -67,28 +67,36 @@ header{
 nav{
     /*min-width:10%;
     max-width:10%;*/
-    width:100px;
+    /*width:100px;
     min-height:var(--main-height);
     max-width:10%;
     padding:5px;
     padding-top:0%;
     display:inline-block;
-    vertical-align:top;
+    vertical-align:top;*/
+
+    text-align:center;
+    padding: 0.1rem/*var(--hf-padding)*/;
 
 }
 
 main{
-    width: 80%;
+    /*width: 80%;*/
     background-color:white;
     min-height: 70vh;
     display:inline-block;
-    margin:1%;
+    margin:3%;
+    margin-top:0;
+    width:94%;
 }
 
 
 
 .nav-tab{
-    width:100%;
-    display:block;
+    /*width:100%;*/
+    padding-left:1rem;
+    padding-right:1rem;
+    margin:0.1rem;
+    display:inline-block;
     text-align:center;
 }
diff --git a/styles/reset.css b/styles/reset.css
index af94440..e08e853 100644
--- a/styles/reset.css
+++ b/styles/reset.css
@@ -1,4 +1,4 @@
-/* http://meyerweb.com/eric/tools/css/reset/ 
+/* http://meyerweb.com/eric/tools/css/reset/
    v2.0 | 20110126
    License: none (public domain)
 */
@@ -12,8 +12,8 @@ b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed, 
-figure, figcaption, footer, header, hgroup, 
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
 	margin: 0;
@@ -24,7 +24,7 @@ time, mark, audio, video {
 	vertical-align: baseline;
 }
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure, 
+article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
 	display: block;
 }
@@ -45,4 +45,10 @@ q:before, q:after {
 table {
 	border-collapse: collapse;
 	border-spacing: 0;
-}
\ No newline at end of file
+}
+b{
+    font-weight:bold;
+}
+i {
+  font-style: italic;
+}
diff --git a/styles/theme.css b/styles/theme.css
index 9087380..633a96f 100644
--- a/styles/theme.css
+++ b/styles/theme.css
@@ -1,5 +1,5 @@
 :root{
-    --body-bg: var(--silver)/*linear-gradient(to bottom, #AEB2B8, #C7C9CB, #D7D7D8, #D7D7D8, #C7C9CB, #AEB2B8, #959BA3)*/;
+    --body-bg: inherit/*var(--silver)/*linear-gradient(to bottom, #AEB2B8, #C7C9CB, #D7D7D8, #D7D7D8, #C7C9CB, #AEB2B8, #959BA3)*/;
     --body-bg-color: rgba(0,0,0,0);
     --body-font: Fira;
 
@@ -15,9 +15,9 @@
     --footer-fontsize:150%;
     --footer-font: inherit;
 
-    --nav-bg:inherit;
+    --nav-bg:/*inherit;*/var(--silver);
     --nav-bg-color: inherit;
-    --nav-color: white;
+    --nav-color: var(--azure);
     --nav-fontsize:125%;
     --nav-font: inherit;
 
@@ -97,6 +97,10 @@ footer{
     font-family: var(--footer-font);
 }
 
+.copyright{
+    font-size:60%;
+}
+
 a{
     color:inherit;
     text-decoration:inherit;
@@ -111,11 +115,11 @@ a{
     padding-top: 5px;
     padding-bottom: 5px;
 
-    border-left: 1px solid #000;
-    border-right: 1px solid #000;
-    border-top: 1px solid #000;
-    border-bottom: 1px solid #000;
-    border-spacing:2px;
+    border-left: 1.5px solid #000;
+    border-right: 1.5px solid #000;
+    border-top: 1.5px solid #000;
+    border-bottom: 1.5px solid #000;
+    border-spacing:2.5px;
     border-radius: 10px;
 }
 
@@ -138,7 +142,25 @@ h1{
     font-size:150%;
 }
 
+h2{
+    text-align:left;
+    /*margin-left:auto;
+    margin-right:auto;*/
+    font-size:120%;
+    margin-top:1rem;
+    margin-bottom:0.5rem;
+}
+
 hr{
     border: none;
     border-top: var(--hr-border);
 }
+
+article{
+    font-size:130%;
+    line-height:130%;
+}
+
+ul{
+    list-style-type: disc;
+}