diff options
| author | Camil Staps | 2020-05-01 13:56:06 +0200 |
|---|---|---|
| committer | Camil Staps | 2020-05-01 13:56:06 +0200 |
| commit | 9cae9bf605f9e6548676e8fe4067ab59a0743d93 (patch) | |
| tree | 8dd1d4d766c9863504fc02b6afc47256e13db2cb | |
| parent | Obfuscate email address (diff) | |
Use brand icons for Academia.edu, Twitter, GitHub, and LinkedIn links
| -rw-r--r-- | gulpfile.js | 8 | ||||
| -rw-r--r-- | package.json | 2 | ||||
| -rw-r--r-- | resources/pug/finals/index.pug | 20 | ||||
| -rw-r--r-- | 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 { |