From de4748bd154cd6d877494e9e04485c6e997cba00 Mon Sep 17 00:00:00 2001
From: Robert Marshall <rob@robware.uk>
Date: Sun, 15 Mar 2020 13:59:19 +0000
Subject: [PATCH] Add an external link icon using FontAwesome

---
 Website/Views/Home/Index.cshtml |  2 +-
 Website/package-lock.json       |  5 +++++
 Website/package.json            |  4 +++-
 Website/wwwroot/css/style.less  | 12 ++++++++++++
 Website/wwwroot/webfonts        |  1 +
 5 files changed, 22 insertions(+), 2 deletions(-)
 create mode 120000 Website/wwwroot/webfonts

diff --git a/Website/Views/Home/Index.cshtml b/Website/Views/Home/Index.cshtml
index a023123..b9ff96b 100644
--- a/Website/Views/Home/Index.cshtml
+++ b/Website/Views/Home/Index.cshtml
@@ -4,7 +4,7 @@
 	ViewData["Title"] = "Welcome";
 }
 
-<p>Hello, I'm Rob. I'm a senior software engineer at <a href="https://www.codecomputerlove.com/">Code Computerlove</a> where I focus on back end development primarily using C#. In my spare time I spend my time riding bikes or making stuff, typically involving an Arduino.</p>
+<p>Hello, I'm Rob<i class="fas fa-external-link-alt"></i>. I'm a senior software engineer at <a href="https://www.codecomputerlove.com/">Code Computerlove</a> where I focus on back end development primarily using C#. In my spare time I spend my time riding bikes or making stuff, typically involving an Arduino.</p>
 <p>This website is primarily an outlet for me to write about things which have been technically challenging, either in a professional or personal capacity, though not limited to that.</p>
 <p>If you wish to get in contact, then get in touch via my <a href="http://uk.linkedin.com/in/robertmarshall/"><img alt="LinkedIn profile" src="https://static.licdn.com/scds/common/u/img/webpromo/btn_liprofile_blue_80x15.png" title=""></a>.</p>
 <h2>Latest Blog Post</h2>
diff --git a/Website/package-lock.json b/Website/package-lock.json
index 21f7ff1..b1caf8a 100644
--- a/Website/package-lock.json
+++ b/Website/package-lock.json
@@ -4,6 +4,11 @@
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
+    "@fortawesome/fontawesome-free": {
+      "version": "5.12.1",
+      "resolved": "https://registry.npmjs.org/@fortawesome/fontawesome-free/-/fontawesome-free-5.12.1.tgz",
+      "integrity": "sha512-ZtjIIFplxncqxvogq148C3hBLQE+W3iJ8E4UvJ09zIJUgzwLcROsWwFDErVSXY2Plzao5J9KUYNHKHMEUYDMKw=="
+    },
     "accord": {
       "version": "0.29.0",
       "resolved": "https://registry.npmjs.org/accord/-/accord-0.29.0.tgz",
diff --git a/Website/package.json b/Website/package.json
index b57746d..4a9c985 100644
--- a/Website/package.json
+++ b/Website/package.json
@@ -8,7 +8,9 @@
     "gulp-clean-css": "^4.0.0",
     "gulp-less": "^4.0.1"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@fortawesome/fontawesome-free": "^5.12.1"
+  },
   "scripts": {
     "gulp": "gulp"
   },
diff --git a/Website/wwwroot/css/style.less b/Website/wwwroot/css/style.less
index 879f153..d5e84d6 100644
--- a/Website/wwwroot/css/style.less
+++ b/Website/wwwroot/css/style.less
@@ -1,5 +1,8 @@
 @import url('https://fonts.googleapis.com/css?family=Public+Sans&display=swap');
 @import "colours.less";
+@fa-font-path: "../webfonts";
+@import "../../node_modules/@fortawesome/fontawesome-free/less/fontawesome.less";
+@import "../../node_modules/@fortawesome/fontawesome-free/less/solid.less";
 
 * {
 	box-sizing: border-box;
@@ -45,6 +48,15 @@ a {
 		color: white;
 		background-size: 100% 100%;
 	}
+
+	&[href^="http"] {
+		&:after {
+			.fa-icon;
+			.fas;
+			content: @fa-var-external-link-alt;
+			margin-left: 5px;
+		}
+	}
 }
 
 h1, h2, h3, h4, h5, h6 {
diff --git a/Website/wwwroot/webfonts b/Website/wwwroot/webfonts
new file mode 120000
index 0000000..50e39e2
--- /dev/null
+++ b/Website/wwwroot/webfonts
@@ -0,0 +1 @@
+/media/Data/Code/C#/Robware/Website/node_modules/@fortawesome/fontawesome-free/webfonts
\ No newline at end of file