diff --git a/README.md b/README.md
index 62dd1a4..e11e458 100755
--- a/README.md
+++ b/README.md
@@ -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/)
diff --git a/index.html b/index.html
index aea757b..75a1a0d 100755
--- a/index.html
+++ b/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="/">&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>
diff --git a/js/app.js b/js/app.js
index 1c56d30..a897a4e 100755
--- a/js/app.js
+++ b/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
         }
     }
 })