PHP update

Got PHP working!
2021-09-29 02:46:53 -04:00 · 2021-09-29 02:46:53 -04:00 · 898e6fd836
commit 898e6fd836
parent 84a2e0a66e
39 changed files with 425 additions and 157 deletions
--- a/agenda.md
+++ b/agenda.md
@ -0,0 +1,21 @@
+## Pages
+- Home
+- About
+- CV
+    - Everything in as much detail as possible
+- Projects
+    - E&E
+    - M|Chroma
+    - SI-Formatter
+- Socials (maybe better as a footer)
+    - Instagram
+    - Facebook
+    - LinkedIn
+    - GitHub
+    - MAL
+- Bookmarks (?)
+
+## Reference Material
+- https://www.tomscott.com/
+- http://vihart.com/
+- https://www.singingbanana.com/
--- a/css/home.css
+++ b/css/home.css
@ -1,14 +0,0 @@
-body{
-background-attachment: fixed;
-background-image:url('../images/backgrounds/firstepisode.png');
-background-size: cover;
-background-repeat:no-repeat;
-}
-#title::before{
-
-  content:"Home";
-}
-
-.overlay{
-  display:none;
-}
--- a/data/pages.json
+++ b/data/pages.json
@ -0,0 +1,12 @@
+{
+    "home" : {
+        "name" : "Home",
+        "file" : "home.html"
+    },
+
+    "404" : {
+        "name" : "404",
+        "file" : "404.html"
+    },
+    "test":"schwifty"
+}
--- a/data/socials.json
+++ b/data/socials.json
@ -0,0 +1,27 @@
+[
+    {
+        "platform": "Instagram",
+        "icon": "instagram",
+        "link": "https://instagram.com/epicshepich"
+    },
+    {
+        "platform": "GitHub",
+        "icon": "github",
+        "link": "https://github.com/epicshepich"
+    },
+    {
+        "platform": "Facebook",
+        "icon": "facebook-square",
+        "link": "https://www.facebook.com/jim.shepich/"
+    },
+    {
+        "platform": "LinkedIn",
+        "icon": "linkedin",
+        "link": "https://www.linkedin.com/in/jshepich/"
+    },
+    {
+        "platform": "Discord",
+        "icon": "discord",
+        "link": "https://discordapp.com/users/epicshepich#0131"
+    }
+]
--- a/index.php
+++ b/index.php
@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<head>
+    <script src="scripts/jquery-3.6.0.min.js"></script>
+    <script src="https://kit.fontawesome.com/09beb7ae4a.js" crossorigin="anonymous"></script>
+    <link rel="stylesheet" type="text/css" href="styles/reset.css">
+    <link rel="stylesheet" type="text/css" href="styles/common.css">
+    <link rel="stylesheet" type="text/css" href="styles/main.css">
+    <?php include 'scripts/query_handler.php';?>
+    <title><?php
+        echo $page->name." | Jim Shepich";
+    ?></title>
+</head>
+<body>
+    <header id="main-header">
+        Jim Shepich Homepage
+    </header>
+    <main>
+        <?php
+            //echo "<iframe id='content' src='pages/".$page->file."'></iframe>";
+            echo file_get_contents(__DIR__ ."/pages/".$page->file)
+        ?>
+    </main>
+    <footer>
+        <div id="socials"><?php include 'scripts/footer.php';?></div>
+    </footer>
+</body>
+<script src="scripts/resize.js"></script>
+</html>
--- a/main.js
+++ b/main.js
@ -1,73 +0,0 @@
- function id(ID){
-        return document.getElementById(ID);
-        }
-var navibar = document.getElementsByClassName("navibar");
-var pages=document.getElementsByClassName("content");
-        function iframe(ID,width,height,src,name){
-        this.ID=ID;
-        this.width=width;
-        this.height=height;
-        this.src=src;
-        this.type="iframe";
-        this.name=name;
-        }
-        function content(ID,content,name){
-            this.ID=ID;
-            this.content=content;
-            this.name=name;
-            this.type="content";
-        }
-/*function writecookie(attribute,value){
-  var d = new Date();
-    d.setTime(d.getTime() + (1*24*60*60*1000));
-    var expires = "expires=" + d.toGMTString();
-  if(document.cookie.indexOf(attribute)>-1){
-  document.cookie.substring(attribute+"=",document.cookie.substring(attribute+"=",document.cookie.length).indexOf(";"))+value+document.cookie.substring(document.cookie.substring(attribute+"=",document.cookie.length).indexOf(";"),document.cookie.length)+"expires="+d.toGMTString()+";path=/";
-} else {
-document.cookie=attribute+"="+value+";"+"expires="+d.toGMTString()+";path=/";
-}
-}*/
-id("navibar").addEventListener("mouseenter",function(){id("navibar").style.zIndex=39;
-for(i=0;i<document.getElementsByClassName("overlay").length;i++){
-  document.getElementsByClassName("overlay")[i].style.zIndex=38;
-}
-});
-id("navibar").addEventListener("mouseleave",function(){id("navibar").style.zIndex=38;
-for(i=0;i<document.getElementsByClassName("overlay").length;i++){
-  document.getElementsByClassName("overlay")[i].style.zIndex=39;
-}
-});
-        window.addEventListener("mousemove",movecursor);
-        id("frame").addEventListener("mouseenter",hidecursor);
-        id("frame").addEventListener("mouseleave",showcursor);
-
-        //window.addEventListener("mouseenter",movecursor);
-        function movecursor(e){
-            if(window.e){e=window.e;}
-        id("cursor").style.top=e.clientY-(id("cursor").clientHeight/672)*(76);
-        id("cursor").style.left=e.clientX-(id("cursor").clientWidth/541)*(134);
-        }
-        function hidecursor(){
-          id("cursor").style.display="none";
-        }
-        function showcursor(){
-          id("cursor").style.display="inline";
-        }
-var topgrad=1;
-var bottomgrad=1;
-var time=1200;
-for(i=0;i<time;i++){
-
-  setTimeout(dim,1200*i/(time))
-
-}
-function dim(){
-  topgrad-=2/time;
-  if(topgrad<=0){
-    topgrad=0;
-  }
-  bottomgrad-=1/time;
-  console.log("got it");document.getElementById("loading").style.background="linear-gradient(to bottom , rgba(0,0,0,"+topgrad+") , rgba(0,0,0,"+bottomgrad+"))";
-  document.getElementById("loadingimg").style.opacity=bottomgrad;
-}
-        setTimeout(function(){document.getElementById("loading").parentNode.removeChild(document.getElementById("loading"));},time);
--- a/navigation.js
+++ b/navigation.js
@ -1,57 +0,0 @@
-function id(ID){
-  return document.getElementById(ID);
-}
-
-var URL=window.location.toLocaleString();
-var querystring;
-var query = {};
-var page;
-
-if(URL.indexOf("?")>-1){
-    querystring = URL.split("?")[1] //Extract the query string from the URL.
-    var queryterms = querystring.split("&") //Array of query terms.
-    for(i=0;i<queryterms.length;i++){
-        term = queryterms[i].split("="); //Split keys from values.
-        query[term[0]]=term[1] //Add key/val pairs to dict.
-    }
-    page = query["page"] //The page name is the first.
-} else {
-    page = "home"; //If no page name is specified in the query, go to the home page.
-}
-
-var iframetarget="";
-
-var pages = ["home","about"]; //Array of defined pages
-
-switch(page){
-    //Add cases here for navibar items that don't just open a simple page.
-    default:
-    if(pages.indexOf(page)>-1){
-        iframetarget="pages/"+page+".html"; //By default, display the file whose name is specified in the query.
-    } else {
-        iframetarget = "pages/home.html"; //If the query specifies a page name that doesn't exist, open the home page.
-    }
-}
-
-
-navibar = document.getElementsByClassName("navibar");
-for(k=0;k<navibar.length;k++){
-    navibar[k].href="index.html?page="+navibar[k].getAttribute("target");
-    //Set the navibar links to the page specified in their "target" attribute.
-}
-
-
-  id("frame").src = iframetarget;
-
-/*}
-
-  for(i=0;i<document.getElementsByClassName("navibar").length;i++){
-    if(document.getElementsByClassName("navibar")[i].getAttribute("target")==page){
-    document.getElementsByClassName("navibar")[i].style.fontWeight="bold";
-    document.getElementsByClassName("gradient")[i].style.background="rgba(0,0,0,0)";
-  } else{
-    document.getElementsByClassName("gradient")[i].style.background="linear-gradient(to bottom , rgba(0,0,0,0.6) , rgba(0,0,0,0));";
-    document.getElementsByClassName("navibar")[i].style.fontWeight="normal";
-  }
-}
-*/
--- a/pages/404.html
+++ b/pages/404.html
@ -0,0 +1,6 @@
+<h1>404 Error</h1>
+<span id="404-message"></span>
+<script>
+    var query_page = $("[name='query_page']")[0].innerHTML;
+    document.getElementById("404-message").innerHTML="Page '"+query_page+"' not found.";
+</script>
--- a/pages/about.html
+++ b/pages/about.html
@ -1,4 +0,0 @@
-<html>
- <meta charset="UTF-8">
- I'm the guy!
-</html>
--- a/pages/home.html
+++ b/pages/home.html
@ -2,6 +2,68 @@
 <meta charset="UTF-8">
 <head></head>
 <body>
-    Are you there world? It's me, Jim!
-</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>
--- a/scripts/footer.php
+++ b/scripts/footer.php
@ -0,0 +1,10 @@
+<?php
+    $socials_string = file_get_contents(__DIR__ ."/../data/socials.json",true);
+    //__DIR__ constant specifies the path to the script
+    $socials = json_decode($socials_string);
+
+    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'; ?>"
+?>
--- a/scripts/jquery-3.6.0.min.js
+++ b/scripts/jquery-3.6.0.min.js
--- a/scripts/query_handler.php
+++ b/scripts/query_handler.php
@ -0,0 +1,6 @@
+<?php
+    $pages = json_decode(file_get_contents(__DIR__ ."/../data/pages.json"));
+    $query_page = (isset($_REQUEST['page']) && !empty($_REQUEST['page'])) ? $_GET['page'] : "home";
+    $page = (isset($pages->$query_page)) ? $pages->$query_page : $pages->{404};
+    echo "<span style='display:none;' class='var' name='query_page'>".$query_page."</span>"
+?>
--- a/scripts/resize.js
+++ b/scripts/resize.js
@ -0,0 +1 @@
+//$("#main-header").css({"font-size":$("#main-header").height()+"px"})
--- a/styles/common.css
+++ b/styles/common.css
@ -0,0 +1,60 @@
+:root {
+    --truest-blue:#0000FF;
+}
+
+/*
+@font-face {
+    font-family: ;
+    src: url('');
+}
+*/
+
+@font-face {
+    font-family: Beleren;
+    src: url('fonts/Beleren-Bold.ttf');
+}
+
+@font-face {
+    font-family: Playbill;
+    src: url('fonts/Playbill.ttf');
+}
+
+@font-face {
+    font-family: Moderna;
+    src: url('fonts/MODERNA_.ttf');
+}
+
+@font-face {
+    font-family: Adventure;
+    src: url('fonts/Adventure.ttf');
+}
+
+@font-face {
+    font-family: Fira;
+    src: url('fonts/FiraSans-Regular.ttf');
+}
+
+@font-face {
+    font-family: Oxygen;
+    src: url('fonts/OxygenMono-Regular.ttf');
+}
+
+@font-face {
+    font-family: Garamond;
+    src: url('fonts/EBGaramond.ttf');
+}
+
+@font-face {
+    font-family: Fira;
+    src: url('fonts/FiraSans-Regular.ttf');
+}
+
+@font-face {
+    font-family: StitchWarrior;
+    src: url('fonts/StitchWarrior demo.ttf');
+}
+
+@font-face {
+    font-family: Floral;
+    src: url('fonts/FloralCapitals.ttf');
+}
--- a/styles/deprecated.css
+++ b/styles/deprecated.css
@ -1,10 +1,4 @@
 /*
-@font-face {
-font-family: schwifty;
-src: url('css/fonts/schwifty.ttf');
-}
-*/
-
 html,body{
        overflow:hidden;
    /*        text-shadow:
@ -177,4 +171,4 @@ div{
 #frame{
  width:100%;
  height:90%;
-}
+}*/
--- a/styles/fonts/3dlet.ttf
+++ b/styles/fonts/3dlet.ttf
--- a/styles/fonts/3dlet.txt
+++ b/styles/fonts/3dlet.txt
@ -0,0 +1,79 @@
+_____________________________
+3D LET  Created by Brian Kent
+¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
+
+Thanks for Downloading 3D LET.
+
+  This Font is based on the 3D N of the Nintendo 64 Logo.  The only
+problem was that the N64's N is connected to make it look cube-like.
+Trying to make the rest of the characters look connected wasn't working
+out, so I made all of the characters 'Offset' instead of connected.
+
+--All of the lower case letters and #'s are 'Outline' charascters.
+--All of the Upper case letters and Shift+#'s are 'Solid' characters.
+>>>(Shift+# means use !@#$%^&*() for the #'s 1234567890)
+
+  When Printing with this Font, use a large point size (above 24 pt.)
+
+If you have any questions or comments, you can e-mail me at
+aefonts[AT]frontiernet[DOT]net
+
+You can visit my Homepage <ÆNIGMA GAMES & FONTS> at
+http://www.aenigmafonts.com/
+
+____________
+!!! NOTE !!!
+¯¯¯¯¯¯¯¯¯¯¯¯
+This font has been updated!  I've edited the (BRK) in the font name
+to just BRK.  It seems that Adobe Illustrator and web pages with CSS
+don't like fonts with ( and ) in their name.
+
+________________
+INSTALLING FONTS
+¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
+  There's a couple of ways to install Fonts. The 'easy' way to
+install fonts is to just Unzip/place the font file [.ttf] into your
+Windows\Fonts directory (I always use this method). If you're unable
+to do it the 'easy' way, then try to do it this way (for Windows
+95/98/NT):
+
+1] Unzip the Font(s) to a folder (or somewhere, just remember where
+you unzipped it) on your Computer.
+
+2] Next, click on the START button, then select SETTINGS then
+CONTROL PANEL.
+
+3] When the Control Panel Window pops up, Double Click on FONTS.
+
+4] When the FONTS window pops up, select File then Install New Font...
+
+5] A Add Fonts window will pop up, just go to the folder that you
+unzipped the Font(s) to, select the Font(s) and then click on OK.
+Now the Font(s) are installed.
+
+  Now you can use the Font(s) in programs the utilize Fonts.  Make
+sure that you install the font(s) first, then open up your apps
+(so the app will recognize the font).    Sometimes you'll have to
+wait until you computer 'auto-refreshes' for programs to recognize
+fonts (Windows is sometimes slow to do that).  You can refresh your
+computer quicker by going into Windows Explorer -or- My Computer and
+press F5 (or in the menubar select VIEW then REFRESH).
+
+
+__________
+DISCLAIMER
+¯¯¯¯¯¯¯¯¯¯
+-The font(s) in this zip file were created by me (Brian Kent).  All
+of my Fonts are Freeware, you can use them any way you want to
+(Personal use, Commercial use, or whatever).
+
+-If you have a Font related site and would like to offer my fonts on
+your site, go right ahead. All I ask is that you keep this text file
+intact with the Font.
+
+-You may not Sell or Distribute my Fonts for profit or alter the font
+file(s) [.ttf .fon] in any way without asking me first. I can be
+reached at:
+aefonts[AT]frontiernet[DOT]net
+
+(make sure you replace the [AT] and [DOT] with the proper characters) .
--- a/styles/fonts/Adventure
+++ b/styles/fonts/Adventure
--- a/styles/fonts/Adventure.ttf
+++ b/styles/fonts/Adventure.ttf
--- a/styles/fonts/Beleren-Bold.ttf
+++ b/styles/fonts/Beleren-Bold.ttf
--- a/styles/fonts/Brody
+++ b/styles/fonts/Brody
--- a/styles/fonts/CollegiateBlackFLF.ttf
+++ b/styles/fonts/CollegiateBlackFLF.ttf
--- a/styles/fonts/CollegiateBorderFLF.ttf
+++ b/styles/fonts/CollegiateBorderFLF.ttf
--- a/styles/fonts/CollegiateFLF.ttf
+++ b/styles/fonts/CollegiateFLF.ttf
--- a/styles/fonts/CollegiateInsideFLF.ttf
+++ b/styles/fonts/CollegiateInsideFLF.ttf
--- a/styles/fonts/CollegiateOutlineFLF.ttf
+++ b/styles/fonts/CollegiateOutlineFLF.ttf
--- a/styles/fonts/EBGaramond.ttf
+++ b/styles/fonts/EBGaramond.ttf
--- a/styles/fonts/FiraSans-Regular.ttf
+++ b/styles/fonts/FiraSans-Regular.ttf
--- a/styles/fonts/FloralCapitals.ttf
+++ b/styles/fonts/FloralCapitals.ttf
--- a/styles/fonts/MODERNA_.TTF
+++ b/styles/fonts/MODERNA_.TTF
--- a/styles/fonts/Open
+++ b/styles/fonts/Open
--- a/styles/fonts/OxygenMono-Regular.ttf
+++ b/styles/fonts/OxygenMono-Regular.ttf
--- a/styles/fonts/Playbill.ttf
+++ b/styles/fonts/Playbill.ttf
--- a/styles/fonts/PoiretOne-Regular.ttf
+++ b/styles/fonts/PoiretOne-Regular.ttf
--- a/styles/fonts/StitchWarrior
+++ b/styles/fonts/StitchWarrior
--- a/styles/fonts/electrical.ttf
+++ b/styles/fonts/electrical.ttf
--- a/styles/main.css
+++ b/styles/main.css
@ -0,0 +1,57 @@
+:root{
+    --hf-padding: 1%;
+    --header-height: 10%;
+    --footer-height: 10%;
+    --main-height: 78%;
+}
+
+html {
+   height: 100%;
+   width: 100%;
+}
+
+body {
+   height: 100%;
+   width: 100%;
+   overflow-y:auto;
+}
+
+header{
+    height: var(--header-height);
+    font-size: 250%;
+    font-family: Beleren;
+    text-align:center;
+    padding: var(--hf-padding);
+}
+
+main{
+    font-family: fira;
+    width: 90%;
+    /*height: */
+    min-height: var(--main-height);
+    margin-left: auto;
+    margin-right: auto;
+    text-align: justify;
+    text-justify: inter-word;
+}
+
+footer{
+    text-align:center;
+    padding: var(--hf-padding);
+    color: black;
+}
+
+a{
+    color:inherit;
+}
+
+#socials{
+}
+
+#content{
+    width: 100%;
+    height: 100%;
+    overflow-x:hidden;
+    overflow-y:auto;
+
+}
--- a/styles/reset.css
+++ b/styles/reset.css
@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+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, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
				`@ -0,0 +1 @@`
				`//$("#main-header").css({"font-size":$("#main-header").height()+"px"})`