use fork awesome, update links
This commit is contained in:
parent
203418628b
commit
30f1cfa091
|
@ -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/)
|
||||
|
|
32
index.html
32
index.html
|
@ -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="/"><- back to tilde team</a>
|
||||
</p>
|
||||
<p><a href="https://tilde.team/"><- 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>
|
||||
|
|
31
js/app.js
31
js/app.js
|
@ -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
|
||||
}
|
||||
}
|
||||
})
|
||||
|
|
Loading…
Reference in New Issue