rob/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add an external link icon using FontAwesome

Browse source
This commit is contained in:
Robert Marshall 2020-03-15 13:59:19 +00:00
parent cd3a7efdaa
commit de4748bd15
5 changed files with 22 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

2
Website/Views/Home/Index.cshtml
View file

@ -4,7 +4,7 @@
ViewData["Title"] = "Welcome"; 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>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> <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> <h2>Latest Blog Post</h2>

5
Website/package-lock.json generated
View file

@ -4,6 +4,11 @@
"lockfileVersion": 1, "lockfileVersion": 1,
"requires": true, "requires": true,
"dependencies": { "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": { "accord": {
"version": "0.29.0", "version": "0.29.0",
"resolved": "https://registry.npmjs.org/accord/-/accord-0.29.0.tgz", "resolved": "https://registry.npmjs.org/accord/-/accord-0.29.0.tgz",

4
Website/package.json
View file

@ -8,7 +8,9 @@
"gulp-clean-css": "^4.0.0", "gulp-clean-css": "^4.0.0",
"gulp-less": "^4.0.1" "gulp-less": "^4.0.1"
}, },
"dependencies": {}, "dependencies": {
"@fortawesome/fontawesome-free": "^5.12.1"
},
"scripts": { "scripts": {
"gulp": "gulp" "gulp": "gulp"
}, },

12
Website/wwwroot/css/style.less
View file

@ -1,5 +1,8 @@
@import url('https://fonts.googleapis.com/css?family=Public+Sans&display=swap'); @import url('https://fonts.googleapis.com/css?family=Public+Sans&display=swap');
@import "colours.less"; @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; box-sizing: border-box;
@ -45,6 +48,15 @@ a {
color: white; color: white;
background-size: 100% 100%; 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 { h1, h2, h3, h4, h5, h6 {

1
Website/wwwroot/webfonts Symbolic link
View file

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