diff --git a/cgi-bin/tagline.sh b/cgi-bin/tagline.sh
new file mode 100755
index 0000000..d71ec59
--- /dev/null
+++ b/cgi-bin/tagline.sh
@@ -0,0 +1,7 @@
+#!/bin/sh
+
+printf "Content-type: text/plain; Charset: UTF-8\n"
+printf "\n"
+
+shuf -n1 ../taglines.txt
+
diff --git a/counter/logs/index.txt b/counter/logs/index.txt
index 2a14d60..58dc5af 100644
--- a/counter/logs/index.txt
+++ b/counter/logs/index.txt
@@ -1 +1 @@
-270
\ No newline at end of file
+303
\ No newline at end of file
diff --git a/index.php b/index.php
index 32b8cac..2642988 100755
--- a/index.php
+++ b/index.php
@@ -7,11 +7,19 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="description" content="ben @ tilde.team unix group">
     <meta name="author" content="Ben Harris">
+
+    <meta property="og:title" content="ben@tilde.team">
+    <meta property="og:site_name" content="ben at tilde dot team">
+    <meta property="og:url" content="https://tilde.team/~ben/">
+    <meta property="og:description" content="my tilde page">
+    <meta property="og:type" content="website">
+    <meta property="og:image" content="https://tilde.team/apple-icon.png">
+
     <title>ben~tilde.team</title>
 
     <link rel="icon" type="image/png" sizes="192x192" href="https://tilde.team/apple-icon.png">
 
-    <link rel="stylesheet" href="https://tilde.team/css/dracula.css">
+    <link rel="stylesheet" href="https://tilde.team/~ben/gruvbox/gruvbox.css">
     <link rel="stylesheet" href="https://tilde.team/css/fork-awesome.css">
 
     <style>
@@ -22,17 +30,18 @@
 </head>
 
 <body>
-    <div id="app" class="container">
-        <div class="page-header">
+    <main id="app">
+        <div>
             <div class="pull-right">
                 <p><a href="https://tilde.team/">&lt;- back to tilde team</a></p>
             </div>
             <h1>~ben</h1>
             <p v-cloak>{{ tagline }}
-                <button class="btn btn-xs btn-primary" @click="getnewtagline">
+                <button @click="getnewtagline">
                     <i class="fa fa-refresh"></i>
                 </button>
             </p>
+            <hr>
         </div>
 
         <p>i built and maintain tilde.team. come join the tilde team
@@ -48,25 +57,25 @@
         <p>here are some <a href="trafficstats">traffic stats</a> and <a href="https://tilde.team/stats/">web log stats</a></p>
         <p>some <a href="cgi-bin/">cgi scripts</a></p>
 
-        <div v-cloak v-if="fonts.length> 0">
+        <div v-cloak v-if="fonts.length > 0">
             <hr>
             <strong>
                 <h3>play with some ascii art</h3>
             </strong>
             <form>
-                <div class="form-group">
+                <div>
                     <label for="font-selector">pick a font</label>
-                    <select v-model="font" id="font-selector" @change="updateOutput" class="form-control">
+                    <select v-model="font" id="font-selector" @change="updateOutput">
                         <option v-for="font in fonts" :value="font">{{ font }}</option>
                     </select>
                 </div>
 
-                <div class="form-group">
+                <div>
                     <label for="asciiinput">put some text here</label>
-                    <input v-model="text" id="asciiinput" @input="updateOutput" placeholder="put some text here" class="form-control">
+                    <input v-model="text" id="asciiinput" @input="updateOutput" placeholder="put some text here">
                 </div>
 
-                <div class="form-group" v-if="output">
+                <div v-if="output">
                     <pre>{{ output }}</pre>
                 </div>
             </form>
@@ -74,16 +83,16 @@
 
         <hr>
         <div v-cloak>
-            <img :src="yesnoimg" :alt="yesno" class="img-responsive">
+            <img :src="yesnoimg" :alt="yesno">
             <h3>should u do it</h3>
             <strong>{{ yesno }}</strong>
         </div>
-        <a class="btn btn-danger" @click="getyesno">find out</a>
+        <button @click="getyesno">find out</button>
 
         <h3>page hits as of jan 2020</h3>
         <script type="text/javascript" src="counter/gcount.php?page=index">
 
-    </div>
+    </main>
 
     <script src="js/es6-promise.auto.min.js"></script>
     <script src="js/vue.js"></script>
diff --git a/links.php b/links.php
index f9307ca..910151e 100644
--- a/links.php
+++ b/links.php
@@ -57,13 +57,12 @@ $links = [
         "extra_attrs" => 'rel="me"'
     ],
 ];
+?>
 
-foreach ($links as $name => $link): ?>
-    <ul>
-        <li>
-            <a <?=$link["extra_attrs"] ?? ""?> href="<?=$link["href"]?>">
-                <i class="<?=faclass($link["icon"])?>"></i> <?=$name?></a>
-        </li>
-    </ul>
+<?php foreach ($links as $name => $link): ?>
+    -&gt; <a <?=$link["extra_attrs"] ?? ""?> href="<?=$link["href"]?>">
+        <i class="<?=faclass($link["icon"])?>"></i> <?=$name?>
+    </a>
+    <br>
+<?php endforeach; ?>
 
-<?php endforeach;
diff --git a/taglines.txt b/taglines.txt
old mode 100755
new mode 100644
