grim/peacock

Update for font-awesome 5 and add patreon link
draft
2018-05-26, Gary Kramlich
3e444a686381
Parents 13d711f5f347
Children 57b21b7b7b3c
Update for font-awesome 5 and add patreon link
--- a/static/index.html Sat May 26 17:38:15 2018 -0500
+++ b/static/index.html Sat May 26 18:05:34 2018 -0500
@@ -2,7 +2,9 @@
<html>
<head>
<script src="https://unpkg.com/vue/dist/vue.min.js"></script>
- <script src="https://use.fontawesome.com/5854255963.js"></script>
+ <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/regular.js" integrity="sha384-IJ3h7bJ6KqiB70L7/+fc44fl+nKF5eOFkgM9l/zZii9xs7W2aJrwIlyHZiowN+Du" crossorigin="anonymous"></script>
+ <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/brands.js" integrity="sha384-G/XjSSGjG98ANkPn82CYar6ZFqo7iCeZwVZIbNWhAmvCF2l+9b5S21K4udM7TGNu" crossorigin="anonymous"></script>
+ <script defer src="https://use.fontawesome.com/releases/v5.0.13/js/fontawesome.js" integrity="sha384-6OIrr52G08NpOFSZdxxz1xdNSndlD4vdcf/q2myIUVO0VsqaGHJsB0RaBE01VTOY" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Source+Code+Pro" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="/css/app.css">
@@ -22,7 +24,7 @@
<div class="vcard">
<div><span class="identifier">source</span> <span class="operator">=</span> <span class="token">{</span></div>
<div v-for="item in vcard">
- &nbsp;&nbsp;<span class="string">&quot;<i v-bind:class="'fa fa-' + item.icon"></i>&quot;</span><span class="token">:</span> <span class="string">&quot;<a v-bind:href="item.href">{{item.text}}</a>&quot;</span><span class="token">,</span>
+ &nbsp;&nbsp;<span class="string">&quot;<i v-bind:class="item.icon"></i>&quot;</span><span class="token">:</span> <span class="string">&quot;<a v-bind:href="item.href">{{item.text}}</a>&quot;</span><span class="token">,</span>
</div>
<div><span class="token">}</span></div>
</div>
--- a/static/js/app.js Sat May 26 17:38:15 2018 -0500
+++ b/static/js/app.js Sat May 26 18:05:34 2018 -0500
@@ -9,39 +9,43 @@
"IM Freedom Secretary"
],
vcard: [{
- 'icon': 'bitbucket',
+ 'icon': 'fab fa-bitbucket',
'href': 'https://bitbucket.org/rw_grim',
'text': 'rw_grim',
}, {
- 'icon': 'envelope-o',
+ 'icon': 'far fa-envelope',
'href': 'mailto:grim@reaperworld.com',
'text': 'grim@reaperworld.com',
}, {
- 'icon': 'github',
+ 'icon': 'fab fa-github',
'href': 'https://github.com/grimmy',
'text': 'grimmy',
}, {
- 'icon': 'reddit-alien',
+ 'icon': 'fab fa-patreon',
+ 'href': 'https://www.patreon.com/rw_grim',
+ 'text': 'rw_grim',
+ }, {
+ 'icon': 'fab fa-reddit-alien',
'href': 'https://www.reddit.com/user/rw_grim',
'text': 'rw_grim',
}, {
- 'icon': 'stack-overflow',
+ 'icon': 'fab fa-stack-overflow',
'href': 'https://stackoverflow.com/users/852948/grim',
'text': '852948',
}, {
- 'icon': 'steam',
+ 'icon': 'fab fa-steam',
'href': 'http://steamcommunity.com/id/rw_grim',
'text': 'rw_grim',
}, {
- 'icon': 'twitch',
+ 'icon': 'fab fa-twitch',
'href': 'https://twitch.tv/rw_grim',
'text': 'rw_grim',
}, {
- 'icon': 'twitter',
+ 'icon': 'fab fa-twitter',
'href': 'https://www.twitter.com/rw_grim',
'text': 'rw_grim',
}, {
- 'icon': 'youtube',
+ 'icon': 'fab fa-youtube',
'href': 'https://www.youtube.com/garykramlich',
'text': 'garykramlich',
}]