From 9cae9bf605f9e6548676e8fe4067ab59a0743d93 Mon Sep 17 00:00:00 2001
From: Camil Staps
Date: Fri, 1 May 2020 13:56:06 +0200
Subject: Use brand icons for Academia.edu, Twitter, GitHub, and LinkedIn links

---
 gulpfile.js                    |  8 +++++++-
 package.json                   |  2 ++
 resources/pug/finals/index.pug | 20 +++++++++++---------
 resources/sass/style.scss      | 21 +++++++++++++++++++--
 4 files changed, 39 insertions(+), 12 deletions(-)

diff --git a/gulpfile.js b/gulpfile.js
index 5ec8951..965371e 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -16,7 +16,9 @@ function css() {
 				outputStyle: 'compressed',
 				includePaths: [
 					'./resources/sass',
-					'./node_modules/bootstrap-sass/assets/stylesheets'
+					'./node_modules/bootstrap-sass/assets/stylesheets',
+					'./node_modules/@fortawesome/fontawesome-free/scss',
+					'./node_modules/academicons/css'
 				]
 			})
 			.on('error', notify.onError(function (error) {
@@ -45,6 +47,10 @@ function img() {
 }
 
 function fonts() {
+	gulp.src('./node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands*')
+		.pipe(gulp.dest('./build/assets/webfonts'));
+	gulp.src('./node_modules/academicons/fonts/*')
+		.pipe(gulp.dest('./build/assets/fonts'));
 	return gulp.src('./resources/fonts/*')
 		.pipe(gulp.dest('./build/assets/fonts'));
 }
diff --git a/package.json b/package.json
index 5572462..496fa54 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,8 @@
     "markdown-js": "0.0.4"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-free": "^5.13.0",
+    "academicons": "^1.8.6",
     "natives": "^1.1.4"
   }
 }
diff --git a/resources/pug/finals/index.pug b/resources/pug/finals/index.pug
index 096b0f1..e264daf 100644
--- a/resources/pug/finals/index.pug
+++ b/resources/pug/finals/index.pug
@@ -15,15 +15,17 @@ block content
 				span dummy
 				| aps.nl
 		p
-			| GPG ID: #[tt: a(href="http://pgp.mit.edu/pks/lookup?op=get&search=0x4A9BFD4F6A415F83") 6A415F83]
-			br
-			| Fingerprint: #[span.tt 7F41 677C FA51 D2AE 8A4A	C47D 4A9B FD4F 6A41 5F83]
-		p
-			a(href="https://leidenuni.academia.edu/CamilStaps") Academia.edu
-			br
-			a(href="https://github.com/camilstaps") GitHub
-			br
-			a(href="https://nl.linkedin.com/in/camilstaps") LinkedIn
+			a(href="https://leidenuni.academia.edu/CamilStaps")
+				i.ai.ai-lg.ai-academia(title="Academia.edu")
+			|  
+			a(href="https://twitter.com/SemiCamil")
+				i.fab.fa-lg.fa-twitter(title="Twitter")
+			|  
+			a(href="https://github.com/camilstaps")
+				i.fab.fa-lg.fa-github(title="GitHub")
+			|  
+			a(href="https://nl.linkedin.com/in/camilstaps")
+				i.fab.fa-lg.fa-linkedin(title="LinkedIn")
 
 	hr
 
diff --git a/resources/sass/style.scss b/resources/sass/style.scss
index cda20c8..70f23ff 100644
--- a/resources/sass/style.scss
+++ b/resources/sass/style.scss
@@ -1,5 +1,10 @@
 @import "bootstrap";
 
+@import "fontawesome";
+@import "brands";
+
+@import "academicons";
+
 @font-face {
     font-family: Hebrew;
     src: url('/assets/fonts/SBL_Hebrew.ttf');
@@ -35,8 +40,20 @@ hr {
 	margin: 0;
 }
 
-a code {
-	color: inherit;
+a {
+	code {
+		color: inherit;
+	}
+
+	/* FontAwesome and Academicons */
+	.ai, .fab {
+		color: $text-color;
+	}
+	&:hover {
+		.ai, .fab {
+			color: $link-color;
+		}
+	}
 }
 
 table {
-- 
cgit v1.2.3