Make altering links on pages simpler

_data/navigation.yml

@@ -0,0 +1,24 @@
+- title: Blog
+  description: Where I post updates about projects I'm doing.
+  url: https://blog.mgrove.uk
+  icon: pencil
+- title: Reading School BBC Young Reporter
+  description: A site for Reading School's year 8 students to post news articles they have written.
+  url: https://youngreporter.mgrove.uk
+  icon: graduation-cap
+- title: Black Thunder
+  description: Reading School's robotics team, which also runs the school's Robotics Club.
+  url: https://blackthunder.gq
+  icon: bolt
+- title: Photography Feed
+  description: A place for me to post my snaps.
+  url: https://instagram.com/mgrove36.photos
+  icon: camera
+- title: Dogs
+  description: An Instagram account for my dogs.
+  url: https://instagram.com/morganandmeganbichons
+  icon: paw
+- title: Traqua
+  description: "\"An innovative, water-saving solution for the home.\" A small STEM project based around using Raspberry Pis to track and reduce household water usage."
+  url: https://traqua.ml
+  icon: tint

_data/other-links.yml

@@ -0,0 +1,9 @@
+- title: Photography
+  url: https://instagram.com/mgrove36.photos
+  icon: camera
+- title: Dogs
+  url: https://instagram.com/morganandmeganbichons
+  icon: paw
+- title: Email me
+  url: mailto:me@mgrove.uk
+  icon: envelope

_data/social-media.yml

@@ -0,0 +1,15 @@
+- title: GitHub
+  url: https://github.com/mgrove36
+  icon: github
+- title: Twitter
+  url: https://twitter.com/mgrove36
+  icon: twitter
+- title: Instagram
+  url: https://instagram.com/mgrove36
+  icon: instagram
+- title: LinkedIn
+  url: https://linkedin.com/in/mgrove36
+  icon: linkedin
+- title: Facebook
+  url: https://facebook.com/mgrove36
+  icon: facebook

_includes/footer.html

@@ -7,20 +7,17 @@
     <section>
         <h4>Other Links</h4>
         <ul class="plain">
-            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i
+            {% for link in site.data.other-links %}
-                        class="icon fa-camera">&nbsp;</i>Photography</a></li>
+            <li><a href="{{ link.url }}" target="_blank"><i class="icon fa-{{ link.icon }}">&nbsp;</i>{{ link.title }}</a></li>
-            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i
+            {% endfor %}
-                        class="icon fa-paw">&nbsp;</i>Dogs</a></li>
-            <li><a href="mailto:me@mgrove.uk"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
         </ul>
     </section>
     <section>
         <h4>Social Media</h4>
         <ul class="plain">
-            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>Github</a></li>
+            {% for link in site.data.social-media %}
-            <li><a href="https://twitter.com/mgrove36" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            <li><a href="{{ link.url }}" target="_blank"><i class="icon fa-{{ link.icon }}">&nbsp;</i>{{ link.title }}</a></li>
-            <li><a href="https://instagram.com/mgrove36" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            {% endfor %}
-            <li><a href="https://facebook.com/mgrove36" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
         </ul>
     </section>
 </div>

_includes/header.html

@@ -11,9 +11,8 @@
 <nav id="menu">
 	<ul class="links">
 		<li><a href="/" {% if page.url == "/" or page.url == "/index.html" %} class="current-page-link" {% endif %}>Home</a></li>
-		<li><a href="https://blog.mgrove.uk">Blog</a></li>
 
-		{% assign all_pages = site.pages | sort: "title" %}
+		{% assign all_pages = site.pages | concat: site.data.navigation | sort: "title" %}
 		{% for project in all_pages %}
 		{% assign project_url_end = project.url| slice: -4, 4 %}
 		{% if project.url != "/" and project.url != "/index.html" and project.url != "/sitemap.xml" and project_url_end != ".css" %}

_site/comsci/index.html

@@ -57,7 +57,6 @@
 <nav id="menu">
 	<ul class="links">
 		<li><a href="/" >Home</a></li>
-		<li><a href="https://blog.mgrove.uk">Blog</a></li>
 
 		
 		
@@ -71,6 +70,16 @@
 		
 		
 		
+		<li><a href="https://blackthunder.gq" >Black Thunder</a></li>
+		
+		
+		
+		
+		<li><a href="https://blog.mgrove.uk" >Blog</a></li>
+		
+		
+		
+		
 		<li><a href="/comsci/"  class="current-page-link"
 				>Computer Science</a></li>
 		
@@ -80,14 +89,34 @@
 		
 		
 		
+		<li><a href="https://instagram.com/morganandmeganbichons" >Dogs</a></li>
+		
+		
+		
+		
 		<li><a href="/luhn-algorithm/" >Luhn Algorithm</a></li>
 		
 		
 		
 		
+		<li><a href="https://instagram.com/mgrove36.photos" >Photography Feed</a></li>
+		
+		
+		
+		
+		<li><a href="https://youngreporter.mgrove.uk" >Reading School BBC Young Reporter</a></li>
+		
+		
+		
+		
 		<li><a href="/site-theme/" >Site Theme</a></li>
 		
 		
+		
+		
+		<li><a href="https://traqua.ml" >Traqua</a></li>
+		
+		
 	</ul>
 </nav>
 
@@ -125,20 +154,29 @@
     <section>
         <h4>Other Links</h4>
         <ul class="plain">
-            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i
+            
-                        class="icon fa-camera">&nbsp;</i>Photography</a></li>
+            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i class="icon fa-camera">&nbsp;</i>Photography</a></li>
-            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i
+            
-                        class="icon fa-paw">&nbsp;</i>Dogs</a></li>
+            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i class="icon fa-paw">&nbsp;</i>Dogs</a></li>
-            <li><a href="mailto:me@mgrove.uk"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
+            <li><a href="mailto:me@mgrove.uk" target="_blank"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
         </ul>
     </section>
     <section>
         <h4>Social Media</h4>
         <ul class="plain">
-            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>Github</a></li>
+            
+            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>GitHub</a></li>
+            
             <li><a href="https://twitter.com/mgrove36" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            
             <li><a href="https://instagram.com/mgrove36" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            
+            <li><a href="https://linkedin.com/in/mgrove36" target="_blank"><i class="icon fa-linkedin">&nbsp;</i>LinkedIn</a></li>
+            
             <li><a href="https://facebook.com/mgrove36" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+            
         </ul>
     </section>
 </div>

_site/index.html

@@ -57,7 +57,6 @@
 <nav id="menu">
 	<ul class="links">
 		<li><a href="/"  class="current-page-link" >Home</a></li>
-		<li><a href="https://blog.mgrove.uk">Blog</a></li>
 
 		
 		
@@ -71,6 +70,16 @@
 		
 		
 		
+		<li><a href="https://blackthunder.gq" >Black Thunder</a></li>
+		
+		
+		
+		
+		<li><a href="https://blog.mgrove.uk" >Blog</a></li>
+		
+		
+		
+		
 		<li><a href="/comsci/" >Computer Science</a></li>
 		
 		
@@ -79,14 +88,34 @@
 		
 		
 		
+		<li><a href="https://instagram.com/morganandmeganbichons" >Dogs</a></li>
+		
+		
+		
+		
 		<li><a href="/luhn-algorithm/" >Luhn Algorithm</a></li>
 		
 		
 		
 		
+		<li><a href="https://instagram.com/mgrove36.photos" >Photography Feed</a></li>
+		
+		
+		
+		
+		<li><a href="https://youngreporter.mgrove.uk" >Reading School BBC Young Reporter</a></li>
+		
+		
+		
+		
 		<li><a href="/site-theme/" >Site Theme</a></li>
 		
 		
+		
+		
+		<li><a href="https://traqua.ml" >Traqua</a></li>
+		
+		
 	</ul>
 </nav>
 
@@ -134,6 +163,34 @@
 				
 				
 				
+				<section>
+					<div class="content">
+						<header>
+							<a href="https://blackthunder.gq" class="icon fa-bolt"><span class="label"></span></a>
+							<h3>Black Thunder</h3>
+						</header>
+						<p>Reading School's robotics team, which also runs the school's Robotics Club.</p>
+						<a href="https://blackthunder.gq" class="button small">See more</a>
+					</div>
+				</section>
+				
+				
+				
+				
+				<section>
+					<div class="content">
+						<header>
+							<a href="https://blog.mgrove.uk" class="icon fa-pencil"><span class="label"></span></a>
+							<h3>Blog</h3>
+						</header>
+						<p>Where I post updates about projects I'm doing.</p>
+						<a href="https://blog.mgrove.uk" class="button small">See more</a>
+					</div>
+				</section>
+				
+				
+				
+				
 				<section>
 					<div class="content">
 						<header>
@@ -151,6 +208,20 @@
 				
 				
 				
+				<section>
+					<div class="content">
+						<header>
+							<a href="https://instagram.com/morganandmeganbichons" class="icon fa-paw"><span class="label"></span></a>
+							<h3>Dogs</h3>
+						</header>
+						<p>An Instagram account for my dogs.</p>
+						<a href="https://instagram.com/morganandmeganbichons" class="button small">See more</a>
+					</div>
+				</section>
+				
+				
+				
+				
 				<section>
 					<div class="content">
 						<header>
@@ -165,6 +236,34 @@
 				
 				
 				
+				<section>
+					<div class="content">
+						<header>
+							<a href="https://instagram.com/mgrove36.photos" class="icon fa-camera"><span class="label"></span></a>
+							<h3>Photography Feed</h3>
+						</header>
+						<p>A place for me to post my snaps.</p>
+						<a href="https://instagram.com/mgrove36.photos" class="button small">See more</a>
+					</div>
+				</section>
+				
+				
+				
+				
+				<section>
+					<div class="content">
+						<header>
+							<a href="https://youngreporter.mgrove.uk" class="icon fa-graduation-cap"><span class="label"></span></a>
+							<h3>Reading School BBC Young Reporter</h3>
+						</header>
+						<p>A site for Reading School's year 8 students to post news articles they have written.</p>
+						<a href="https://youngreporter.mgrove.uk" class="button small">See more</a>
+					</div>
+				</section>
+				
+				
+				
+				
 				<section>
 					<div class="content">
 						<header>
@@ -177,6 +276,20 @@
 				</section>
 				
 				
+				
+				
+				<section>
+					<div class="content">
+						<header>
+							<a href="https://traqua.ml" class="icon fa-tint"><span class="label"></span></a>
+							<h3>Traqua</h3>
+						</header>
+						<p>"An innovative, water-saving solution for the home." A small STEM project based around using Raspberry Pis to track and reduce household water usage.</p>
+						<a href="https://traqua.ml" class="button small">See more</a>
+					</div>
+				</section>
+				
+				
 			</div>
 		</div>
 	</section>
@@ -193,20 +306,29 @@
     <section>
         <h4>Other Links</h4>
         <ul class="plain">
-            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i
+            
-                        class="icon fa-camera">&nbsp;</i>Photography</a></li>
+            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i class="icon fa-camera">&nbsp;</i>Photography</a></li>
-            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i
+            
-                        class="icon fa-paw">&nbsp;</i>Dogs</a></li>
+            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i class="icon fa-paw">&nbsp;</i>Dogs</a></li>
-            <li><a href="mailto:me@mgrove.uk"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
+            <li><a href="mailto:me@mgrove.uk" target="_blank"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
         </ul>
     </section>
     <section>
         <h4>Social Media</h4>
         <ul class="plain">
-            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>Github</a></li>
+            
+            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>GitHub</a></li>
+            
             <li><a href="https://twitter.com/mgrove36" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            
             <li><a href="https://instagram.com/mgrove36" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            
+            <li><a href="https://linkedin.com/in/mgrove36" target="_blank"><i class="icon fa-linkedin">&nbsp;</i>LinkedIn</a></li>
+            
             <li><a href="https://facebook.com/mgrove36" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+            
         </ul>
     </section>
 </div>

_site/luhn-algorithm/index.html

@@ -57,7 +57,6 @@
 <nav id="menu">
 	<ul class="links">
 		<li><a href="/" >Home</a></li>
-		<li><a href="https://blog.mgrove.uk">Blog</a></li>
 
 		
 		
@@ -71,6 +70,16 @@
 		
 		
 		
+		<li><a href="https://blackthunder.gq" >Black Thunder</a></li>
+		
+		
+		
+		
+		<li><a href="https://blog.mgrove.uk" >Blog</a></li>
+		
+		
+		
+		
 		<li><a href="/comsci/" >Computer Science</a></li>
 		
 		
@@ -79,15 +88,35 @@
 		
 		
 		
+		<li><a href="https://instagram.com/morganandmeganbichons" >Dogs</a></li>
+		
+		
+		
+		
 		<li><a href="/luhn-algorithm/"  class="current-page-link"
 				>Luhn Algorithm</a></li>
 		
 		
 		
 		
+		<li><a href="https://instagram.com/mgrove36.photos" >Photography Feed</a></li>
+		
+		
+		
+		
+		<li><a href="https://youngreporter.mgrove.uk" >Reading School BBC Young Reporter</a></li>
+		
+		
+		
+		
 		<li><a href="/site-theme/" >Site Theme</a></li>
 		
 		
+		
+		
+		<li><a href="https://traqua.ml" >Traqua</a></li>
+		
+		
 	</ul>
 </nav>
 
@@ -143,20 +172,29 @@
     <section>
         <h4>Other Links</h4>
         <ul class="plain">
-            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i
+            
-                        class="icon fa-camera">&nbsp;</i>Photography</a></li>
+            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i class="icon fa-camera">&nbsp;</i>Photography</a></li>
-            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i
+            
-                        class="icon fa-paw">&nbsp;</i>Dogs</a></li>
+            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i class="icon fa-paw">&nbsp;</i>Dogs</a></li>
-            <li><a href="mailto:me@mgrove.uk"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
+            <li><a href="mailto:me@mgrove.uk" target="_blank"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
         </ul>
     </section>
     <section>
         <h4>Social Media</h4>
         <ul class="plain">
-            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>Github</a></li>
+            
+            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>GitHub</a></li>
+            
             <li><a href="https://twitter.com/mgrove36" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            
             <li><a href="https://instagram.com/mgrove36" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            
+            <li><a href="https://linkedin.com/in/mgrove36" target="_blank"><i class="icon fa-linkedin">&nbsp;</i>LinkedIn</a></li>
+            
             <li><a href="https://facebook.com/mgrove36" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+            
         </ul>
     </section>
 </div>

_site/site-theme/index.html

@@ -57,7 +57,6 @@
 <nav id="menu">
 	<ul class="links">
 		<li><a href="/" >Home</a></li>
-		<li><a href="https://blog.mgrove.uk">Blog</a></li>
 
 		
 		
@@ -71,6 +70,16 @@
 		
 		
 		
+		<li><a href="https://blackthunder.gq" >Black Thunder</a></li>
+		
+		
+		
+		
+		<li><a href="https://blog.mgrove.uk" >Blog</a></li>
+		
+		
+		
+		
 		<li><a href="/comsci/" >Computer Science</a></li>
 		
 		
@@ -79,15 +88,35 @@
 		
 		
 		
+		<li><a href="https://instagram.com/morganandmeganbichons" >Dogs</a></li>
+		
+		
+		
+		
 		<li><a href="/luhn-algorithm/" >Luhn Algorithm</a></li>
 		
 		
 		
 		
+		<li><a href="https://instagram.com/mgrove36.photos" >Photography Feed</a></li>
+		
+		
+		
+		
+		<li><a href="https://youngreporter.mgrove.uk" >Reading School BBC Young Reporter</a></li>
+		
+		
+		
+		
 		<li><a href="/site-theme/"  class="current-page-link"
 				>Site Theme</a></li>
 		
 		
+		
+		
+		<li><a href="https://traqua.ml" >Traqua</a></li>
+		
+		
 	</ul>
 </nav>
 
@@ -605,20 +634,29 @@ print 'It took ' + i + ' iterations to sort the deck.';
     <section>
         <h4>Other Links</h4>
         <ul class="plain">
-            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i
+            
-                        class="icon fa-camera">&nbsp;</i>Photography</a></li>
+            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i class="icon fa-camera">&nbsp;</i>Photography</a></li>
-            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i
+            
-                        class="icon fa-paw">&nbsp;</i>Dogs</a></li>
+            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i class="icon fa-paw">&nbsp;</i>Dogs</a></li>
-            <li><a href="mailto:me@mgrove.uk"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
+            <li><a href="mailto:me@mgrove.uk" target="_blank"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
         </ul>
     </section>
     <section>
         <h4>Social Media</h4>
         <ul class="plain">
-            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>Github</a></li>
+            
+            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>GitHub</a></li>
+            
             <li><a href="https://twitter.com/mgrove36" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            
             <li><a href="https://instagram.com/mgrove36" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            
+            <li><a href="https://linkedin.com/in/mgrove36" target="_blank"><i class="icon fa-linkedin">&nbsp;</i>LinkedIn</a></li>
+            
             <li><a href="https://facebook.com/mgrove36" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+            
         </ul>
     </section>
 </div>

_site/sitemap.xml

@@ -5,7 +5,7 @@
     
     <url>
         <loc>/luhn-algorithm/</loc>
-        <lastmod>2020-12-26</lastmod>
+        <lastmod>2020-12-29</lastmod>
         <changefreq>weekly</changefreq>
         <priority>0.5</priority>
     </url>
@@ -15,7 +15,7 @@
     
     <url>
         <loc>/site-theme/</loc>
-        <lastmod>2020-12-26</lastmod>
+        <lastmod>2020-12-29</lastmod>
         <changefreq>weekly</changefreq>
         <priority>0.5</priority>
     </url>
@@ -25,7 +25,7 @@
     
     <url>
         <loc>/young-reporter/</loc>
-        <lastmod>2020-12-26</lastmod>
+        <lastmod>2020-12-29</lastmod>
         <changefreq>weekly</changefreq>
         <priority>0.5</priority>
     </url>
@@ -35,7 +35,7 @@
     
     <url>
         <loc>/</loc>
-        <lastmod>2020-12-26</lastmod>
+        <lastmod>2020-12-29</lastmod>
         <changefreq>weekly</changefreq>
         <priority>0.5</priority>
     </url>
@@ -45,7 +45,7 @@
     
     <url>
         <loc>/comsci/</loc>
-        <lastmod>2020-12-26</lastmod>
+        <lastmod>2020-12-29</lastmod>
         <changefreq>weekly</changefreq>
         <priority>0.5</priority>
     </url>

_site/young-reporter/index.html

@@ -57,7 +57,6 @@
 <nav id="menu">
 	<ul class="links">
 		<li><a href="/" >Home</a></li>
-		<li><a href="https://blog.mgrove.uk">Blog</a></li>
 
 		
 		
@@ -72,6 +71,16 @@
 		
 		
 		
+		<li><a href="https://blackthunder.gq" >Black Thunder</a></li>
+		
+		
+		
+		
+		<li><a href="https://blog.mgrove.uk" >Blog</a></li>
+		
+		
+		
+		
 		<li><a href="/comsci/" >Computer Science</a></li>
 		
 		
@@ -80,14 +89,34 @@
 		
 		
 		
+		<li><a href="https://instagram.com/morganandmeganbichons" >Dogs</a></li>
+		
+		
+		
+		
 		<li><a href="/luhn-algorithm/" >Luhn Algorithm</a></li>
 		
 		
 		
 		
+		<li><a href="https://instagram.com/mgrove36.photos" >Photography Feed</a></li>
+		
+		
+		
+		
+		<li><a href="https://youngreporter.mgrove.uk" >Reading School BBC Young Reporter</a></li>
+		
+		
+		
+		
 		<li><a href="/site-theme/" >Site Theme</a></li>
 		
 		
+		
+		
+		<li><a href="https://traqua.ml" >Traqua</a></li>
+		
+		
 	</ul>
 </nav>
 
@@ -379,20 +408,29 @@ blockquote {
     <section>
         <h4>Other Links</h4>
         <ul class="plain">
-            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i
+            
-                        class="icon fa-camera">&nbsp;</i>Photography</a></li>
+            <li><a href="https://instagram.com/mgrove36.photos" target="_blank"><i class="icon fa-camera">&nbsp;</i>Photography</a></li>
-            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i
+            
-                        class="icon fa-paw">&nbsp;</i>Dogs</a></li>
+            <li><a href="https://instagram.com/morganandmeganbichons" target="_blank"><i class="icon fa-paw">&nbsp;</i>Dogs</a></li>
-            <li><a href="mailto:me@mgrove.uk"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
+            <li><a href="mailto:me@mgrove.uk" target="_blank"><i class="icon fa-envelope">&nbsp;</i>Email me</a></li>
+            
         </ul>
     </section>
     <section>
         <h4>Social Media</h4>
         <ul class="plain">
-            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>Github</a></li>
+            
+            <li><a href="https://github.com/mgrove36" target="_blank"><i class="icon fa-github">&nbsp;</i>GitHub</a></li>
+            
             <li><a href="https://twitter.com/mgrove36" target="_blank"><i class="icon fa-twitter">&nbsp;</i>Twitter</a></li>
+            
             <li><a href="https://instagram.com/mgrove36" target="_blank"><i class="icon fa-instagram">&nbsp;</i>Instagram</a></li>
+            
+            <li><a href="https://linkedin.com/in/mgrove36" target="_blank"><i class="icon fa-linkedin">&nbsp;</i>LinkedIn</a></li>
+            
             <li><a href="https://facebook.com/mgrove36" target="_blank"><i class="icon fa-facebook">&nbsp;</i>Facebook</a></li>
+            
         </ul>
     </section>
 </div>