Fix css loc

art/404.html

@@ -10,7 +10,7 @@
         <title>Starter Template for Bootstrap</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="stylesheets/bootstrap.css" rel="stylesheet">
+        <link href="/css/bootstrap.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->

art/develop.html

@@ -10,7 +10,7 @@
         <title>Arona Jones</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="/stylesheets/art.css" rel="stylesheet">
+        <link href="/css/art.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->

art/index.html

@@ -10,7 +10,7 @@
         <title>Arona Jones - Art GCSE 2015</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="/stylesheets/art.css" rel="stylesheet">
+        <link href="/css/art.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->

art/present.html

@@ -10,7 +10,7 @@
         <title>Arona Jones</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="/stylesheets/art.css" rel="stylesheet">
+        <link href="/css/art.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->

art/record.html

@@ -10,7 +10,7 @@
         <title>Arona Jones</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="/stylesheets/art.css" rel="stylesheet">
+        <link href="/css/art.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->

art/refine.html

@@ -10,7 +10,7 @@
         <title>Arona Jones</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="/stylesheets/art.css" rel="stylesheet">
+        <link href="/css/art.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->

forge.html

@@ -10,7 +10,7 @@
         <title>Starter Template for Bootstrap</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="/stylesheets/main.min.css" rel="stylesheet">
+        <link href="/css/main.min.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->

index.html

@@ -10,7 +10,7 @@
         <title>Arona Jones</title>
 
         <!-- Bootstrap core CSS -->
-        <link href="/stylesheets/main.min.css" rel="stylesheet">
+        <link href="/css/main.min.css" rel="stylesheet">
         <link href="https://netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css" rel="stylesheet">
 
         <!-- Custom styles for this template -->
@@ -49,13 +49,9 @@
             </div>
         </nav>
         <div class="container">
-            <div class="starter-template">
+            <script src="/javascripts/semantic.min.js"></script>
-                <img src="/images/avatar.png">
+            <div class="ui sidebar">
-                <h1 style="color:#6d9bc5">Arona Jones</h1>
+                 <h5>Me on the web:</h5>
-                <h3><em>warlordjones</em></h3>
-                <p>Welcome to the website of Arona Jones, usually known as warlordjones on the Internet, although my alternative pseudonames include: Jacknif98, Big Mek Gobsmasha and Major Vincent Smith. I'm a regular 16 year old internet nerd (yes, I do wear glasses), hand-coding a website, learning by doing. I'v a passion for physics and computing, although I also enjoy History, Philosophy/RS and Art.<br><br>I taught myself to code in HTML/CSS (still working on it - can you tell?) and Java. My advice? Learn the basics of code first, rather than trying to learn by doing. It helps to give you coding independence, and not always rely on tutorials. Trust me, I did it the wrong way around.<br><br>I am an avid reader who greatly enjoys fantasy books such as Discworld, Sovereign of the Seven Isles and Edge Chronicles; classics like Nineteen Eighty-Four, A Swiss Family Robinson and A Journey to the Center of the Earth and sci-fi such as Larklight.</p>
-                <div align="left">
-                <h5>Me on the web:</h5>
                     <a href="http://twitter.com/jacknife98"><img src="http://seven50.org/wp-content/uploads/2014/08/twitter-icon.png" width="2%"></a>
                     <a href="https://plus.google.com/u/0/100791479736569815145"><img src="http://kollaj.typepad.com/googleplusicon.png" width="2%"></a>
                     <a href="https://www.youtube.com/user/warlordjones"><img src="http://icons.iconarchive.com/icons/marcus-roberto/google-play/256/YouTube-icon.png" width="2%"></a>
@@ -64,9 +60,16 @@
                     <a href="http://www.minecraftforum.net/members/warlordjones" width="2%"><img src="http://fc07.deviantart.net/fs71/f/2013/034/e/2/minecraft_icon_for_faenza_theme_by_raymih-d5trt0s.png" width="2%"></a>
                     <a href="mailto://warlordjones@gmail.com"><img src="http://icons.iconarchive.com/icons/cornmanthe3rd/plex/512/Communication-gmail-icon.png" width="2%"></a>
                     <a href="404.html"><img src="http://images3.wikia.nocookie.net/__cb20110728041007/warhammer40k/images/thumb/4/40/Bad_Moons_Icon.jpg/200px-Bad_Moons_Icon.jpg" width="2%"></a>
-                </div>
-                <h6>Web development by Arona Jones. Site uses <a href="http://getbootstrap.com">Bootstrap</a> with modified CSS. Main site has CSS based off <a href="http://bootswatch.com/">the Cyborg Theme</a>. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly. Also used <a href="http://game-icons.net">GameIcons.net</a> for parts</h6>
             </div>
+            <div class="starter-template">
+                <img src="/images/avatar.png">
+                <h1 style="color:#6d9bc5">Arona Jones</h1>
+                <h3><em>warlordjones</em></h3>
+                <p>Welcome to the website of Arona Jones, usually known as warlordjones on the Internet, although my alternative pseudonames include: Jacknif98, Big Mek Gobsmasha and Major Vincent Smith. I'm a regular 16 year old internet nerd (yes, I do wear glasses), hand-coding a website, learning by doing. I'v a passion for physics and computing, although I also enjoy History, Philosophy/RS and Art.<br><br>I taught myself to code in HTML/CSS (still working on it - can you tell?) and Java. My advice? Learn the basics of code first, rather than trying to learn by doing. It helps to give you coding independence, and not always rely on tutorials. Trust me, I did it the wrong way around.<br><br>I am an avid reader who greatly enjoys fantasy books such as Discworld, Sovereign of the Seven Isles and Edge Chronicles; classics like Nineteen Eighty-Four, A Swiss Family Robinson and A Journey to the Center of the Earth and sci-fi such as Larklight.</p>
+                
+                <h6>Web development by Arona Jones. Site uses <a href="http://getbootstrap.com">Bootstrap</a> with modified CSS and Semantic. Main site has CSS based off <a href="http://bootswatch.com/">the Cyborg Theme</a>. Kindly Hosted by Github. Avatar is the IronOctocat from Github, edited by yours truly. Also used <a href="http://game-icons.net">GameIcons.net</a> for parts</h6>
+            </div>
+            
         </div>
         <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>