use fork awesome, update links

This commit is contained in:
Ben Harris 2018-06-11 16:27:32 -04:00
parent 203418628b
commit 30f1cfa091
3 changed files with 20 additions and 45 deletions

View File

@ -2,4 +2,4 @@
my tilde homepage
this repo is just to keep a backup of my personal site on [tilde.team](https://tilde.team/) (also a [github org](https://github.com/tilde-team))
this repo is just to keep a backup of my personal site on [tilde.team](https://tilde.team/)

View File

@ -9,15 +9,10 @@
<meta name="author" content="Ben Harris">
<title>ben~tilde.team</title>
<link rel="manifest" href="/manifest.json">
<meta name="theme-color" content="#00cc00">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-310x310.png">
<link rel="icon" type="image/png" sizes="192x192" href="/apple-touch-icon-precomposed.png">
<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://tilde.team/apple-icon.png">
<link rel="stylesheet" href="/css/hacker.css">
<link rel="stylesheet" href="/css/font-awesome.css">
<link rel="stylesheet" href="https://tilde.team/css/hacker.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.0/css/fork-awesome.min.css" integrity="sha256-sX8HLspqYoXVPetzJRE4wPhIhDBu2NB0kYpufzkQSms=" crossorigin="anonymous">
<style>
[v-cloak] {
@ -30,9 +25,7 @@
<div id="app" class="container">
<div class="page-header">
<div class="pull-right">
<p>
<a href="/">&lt;- back to tilde team</a>
</p>
<p><a href="https://tilde.team/">&lt;- back to tilde team</a></p>
</div>
<h1>~ben</h1>
<p v-cloak>{{ tagline }}
@ -46,7 +39,7 @@
<p>come join the tilde team
<a href="https://tilde.team/signup/">:)</a>
</p>
<p>check out some of my stuff on:</p>
<p>other places to find/contact me</p>
<ul v-cloak>
<li v-for="link in links">
@ -55,21 +48,6 @@
</li>
</ul>
<hr>
<strong>
<h3>contact me</h3>
</strong>
<a href="mailto:ben@tilde.team" class="btn btn-primary">
<i class="fa fa-envelope"></i> send me an email</a>
or
<a href="https://wire.com" class="btn btn-warning">
<i class=" fa fa-comment "></i> find me on wire @bharris</a>
or
<a href="https://twitter.com/nebsirrah" class="btn btn-info">
<i class="fa fa-twitter"></i> hit me up on tweeter</a>
<div v-cloak v-if="fonts.length> 0">
<hr>
<strong>

View File

@ -2,6 +2,11 @@ var vm = new Vue({
el: '#app',
data: {
links: [
{
"text": "email",
"href": "mailto:ben@tilde.team",
"icon": "envelope"
},
{
"text": "blog",
"href": "blog/",
@ -40,7 +45,7 @@ var vm = new Vue({
{
"text": "my discord bot",
"href": "https://bot.benharr.is",
"icon": "comments-o"
"icon": "discord-alt"
},
{
"text": "software design pattern book",
@ -53,9 +58,9 @@ var vm = new Vue({
"icon": "gamepad"
},
{
"text": "tildebook",
"text": "mastodon",
"href": "https://tilde.zone/@ben",
"icon": "share-square"
"icon": "mastodon-alt"
},
{
"text": "tilde irc",
@ -69,27 +74,21 @@ var vm = new Vue({
fonts: [],
yesno: '',
yesnoimg: '',
tagline: '',
numtags: 0
tagline: ''
},
created: function () {
axios.get(
'api/?fonts'
'https://tilde.team/~ben/api/?fonts'
).then(function (response) {
vm.fonts = response.data
})
axios.get(
'api/?count'
).then(function (response) {
vm.numtags = response.data
vm.getnewtagline()
})
this.getnewtagline()
this.updateOutput()
},
methods: {
updateOutput: function () {
axios.get(
'api/?text=' + this.text + '&font=' + this.font
'https://tilde.team/~ben/api/?text=' + this.text + '&font=' + this.font
).then(function (response) {
vm.output = response.data
})
@ -104,14 +103,12 @@ var vm = new Vue({
})
},
getnewtagline: function () {
axios.get(
'api/?key=' + Math.floor(Math.random() * vm.numtags)
).then(function (response) {
axios.get('https://tilde.team/~ben/api/').then(function (response) {
vm.tagline = response.data
})
},
faclass: function (icon) {
return "fa fa-" + icon
return "fa fa-fw fa-" + icon
}
}
})