Unified icons for media

index.html

@@ -89,6 +89,7 @@
         <img src="/images/header.png" class="animated lightSpeedIn img-rounded">
     </div>
     <div class="jumbotron row">
+        <h3>About Me:</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. My self-granted titles are the Supreme Overlord of Hellfire, Snr. Officer of HMS Brassgoggles and Eternal Vampyre Lord of the Twilight. They're on my card, that makes it official, right?
             <br>
             <br>I'm a 17 year old internet nerd, tabletop/video gamer and self-taught programmer/modder. I am the leader of an international Minecraft modding team, more information on which can be found under the Forge Modding tab. Criminally Insane. Contains geek. Warning: Sharp Object. I've a passion for physics and computing, although I also enjoy History, Philosophy/RS and Art.
@@ -96,52 +97,77 @@
             <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>
     <br>
+    <div class="jumbotron row">
+        <h3>Computer Specs:</h3>
+        <p>My main computer is currently a mid-2012 Macbook Pro, which I have modified considerably. I've upgraded the ram to 8GB, and replaced the optical drive with a hard drive caddy, which contains a WD Blue 1TB. I'll probably purchase another 1TB drive to put in the normal hard drive slot too.</p>
+    </div>
+    <br>
     <div class="footer" style="margin-left: 50px; margin-right: 50px">
         <div class="row animated fadeInRightBig" style="float: none;
     margin: 0 auto; margin-left: 200px;">
             <div class="col-md-1">
                 <a href="http://twitter.com/warlordjones_">
-                    <img src="https://cdn1.iconfinder.com/data/icons/iconza-circle-social/64/697029-twitter-512.png" class="icon">
+                    <img src="/images/links/twitter.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
-                <a href="https://plus.google.com/108369795393135583813" rel="publisher">
-                    <img src="https://lh3.googleusercontent.com/-GGx_RjZKLes/UzwUIhvya7I/AAAAAAAAPWM/sdv03qRYpu0/w800-h800/google-official.png" class="icon">
+                <a href="https://www.facebook.com/aronajohnjones">
+                    <img src="/images/links/facebook.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
-                <a href="https://www.youtube.com/user/warlordjones">
-                    <img src="http://icons.iconarchive.com/icons/marcus-roberto/google-play/256/YouTube-icon.png" class="icon">
+                <a href="http://steamcommunity.com/id/warlordjones/">
+                    <img src="/images/links/steam.png" class="icon">
+                </a>
+            </div>
+            <div class="col-md-1">
+                <a href="https://plus.google.com/108369795393135583813">
+                    <img src="/images/links/google.png" class="icon">
+                </a>
+            </div>
+            <div class="col-md-1">
+                <a href="https://www.youtube.com/channel/UCcuDkMFN5RBK1L_rsaWFCpw?&ab_channel=AronaJones">
+                    <img src="/images/links/youtube.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
                 <a href="https://github.com/warlordjones">
-                    <img src="http://fc05.deviantart.net/fs71/i/2012/223/4/3/github_flurry_ios_style_icon_by_flakshack-d5ariic.png" class="icon">
+                    <img src="/images/links/github.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
                 <a href="http://brassgoggles.co.uk/forum/index.php?action=profile;u=18504;sa=summary">
-                    <img src="http://brassgoggles.org/forum/Themes/Steampunk/images/on.gif" class="icon">
+                    <img src="/images/links/bg.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
                 <a href="http://www.minecraftforum.net/members/warlordjones">
-                    <img src="http://fc07.deviantart.net/fs71/f/2013/034/e/2/minecraft_icon_for_faenza_theme_by_raymih-d5trt0s.png" class="icon">
+                    <img src="/images/links/mc.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
                 <a href="mailto://warlordjones@gmail.com">
-                    <img src="http://icons.iconarchive.com/icons/cornmanthe3rd/plex/512/Communication-gmail-icon.png" class="icon">
+                    <img src="/images/links/mail.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
-                <a href="404.html">
-                    <img src="http://vignette3.wikia.nocookie.net/warhammer40k/images/2/29/Orks_Icon.png/revision/20140712035902" class="icon">
+                <a href="https://reddit.com/u/warlordjones">
+                    <img src="/images/links/reddit.png" class="icon">
                 </a>
             </div>
             <div class="col-md-1">
                 <a href="https://player.me/warlordjones">
-                    <img src="https://camo.githubusercontent.com/e401006a8755a5cc84b813dc9bf49f90cbb2bbf9/68747470733a2f2f706c617965722e6d652f6c6f676f2d3235302e706e67" class="icon">
+                    <img src="/images/links/player.png" class="icon">
+                </a>
+            </div>
+            <div class="col-md-1">
+                <a href="https://open.spotify.com/user/warlordjones">
+                    <img src="/images/links/spotify.png" class="icon">
+                </a>
+            </div>
+            <div class="col-md-1">
+                <a href="http://cardsagainstinsanity.blogspot.co.uk/">
+                    <img src="/images/links/blogger.png" class="icon">
                 </a>
             </div>
         </div>
@@ -157,7 +183,7 @@
                 </button>
             </div>
             <div class="btn-group">
-                <button type="button" class="btn btn-default"><a href="http://bootswatch.com/">The Cyborg Theme</a>
+                <button type="button" class="btn btn-default"><a href="http://bootswatch.com/">Cyborg Theme</a>
                 </button>
             </div>
             <div class="btn-group">
@@ -181,6 +207,8 @@
                 </button>
             </div>
         </div>
+        <br>
+        <br>
     </div>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>