Add an external link icon using FontAwesome

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>

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",

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"
   },

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 {

Website/wwwroot/webfonts

@@ -0,0 +1 @@
+/media/Data/Code/C#/Robware/Website/node_modules/@fortawesome/fontawesome-free/webfonts