From 5c78e99a4b1c69e7b3527ea1532510fe7c6b0360 Mon Sep 17 00:00:00 2001
From: Ben Harris <ben@tilde.team>
Date: Sun, 22 Jul 2018 20:28:25 -0400
Subject: [PATCH] homepage loads links without js

---
 blog/bashblog-and-your-gopherhole.html |  2 +-
 blog/bashblog-and-your-gopherhole.md   |  2 +-
 gh-pages.html                          |  1 -
 index.html => index.php                |  7 +--
 js/app.js                              | 79 +-------------------------
 links.php                              | 72 +++++++++++++++++++++++
 6 files changed, 77 insertions(+), 86 deletions(-)
 delete mode 100644 gh-pages.html
 rename index.html => index.php (93%)
 create mode 100644 links.php

diff --git a/blog/bashblog-and-your-gopherhole.html b/blog/bashblog-and-your-gopherhole.html
index 141429a..d121d91 100644
--- a/blog/bashblog-and-your-gopherhole.html
+++ b/blog/bashblog-and-your-gopherhole.html
@@ -41,7 +41,7 @@ bashblog and your gopherhole
 </div>
 <!-- text begin -->
 
-<p>i've created <a href="https://git.tildeverse.org/meta/basblog">a repo</a> for the tilde.team customizations to <a href="https://github.com/cfenollosa/bashblog">bashblog</a>.</p>
+<p>i've created <a href="https://git.tildeverse.org/meta/bashblog">a repo</a> for the tilde.team customizations to <a href="https://github.com/cfenollosa/bashblog">bashblog</a>.</p>
 
 <p>it will now make sure that your ~/public_gopher exists and symlink your blog into it with a nice gophermap to list all the markdown styled posts.</p>
 
diff --git a/blog/bashblog-and-your-gopherhole.md b/blog/bashblog-and-your-gopherhole.md
index 8d6e1d4..65f926b 100644
--- a/blog/bashblog-and-your-gopherhole.md
+++ b/blog/bashblog-and-your-gopherhole.md
@@ -1,6 +1,6 @@
 bashblog and your gopherhole
 
-i've created [a repo](https://git.tildeverse.org/meta/basblog) for the tilde.team customizations to [bashblog](https://github.com/cfenollosa/bashblog).
+i've created [a repo](https://git.tildeverse.org/meta/bashblog) for the tilde.team customizations to [bashblog](https://github.com/cfenollosa/bashblog).
 
 it will now make sure that your ~/public_gopher exists and symlink your blog into it with a nice gophermap to list all the markdown styled posts.
 
diff --git a/gh-pages.html b/gh-pages.html
deleted file mode 100644
index 1cf7c37..0000000
--- a/gh-pages.html
+++ /dev/null
@@ -1 +0,0 @@
-gh pages?
diff --git a/index.html b/index.php
similarity index 93%
rename from index.html
rename to index.php
index 17f9a93..781d174 100755
--- a/index.html
+++ b/index.php
@@ -41,12 +41,7 @@
         </p>
         <p>other places to find/contact me</p>
 
-        <ul v-cloak>
-            <li v-for="link in links">
-                <a :href="link.href">
-                    <i :class="faclass(link.icon)"></i> {{ link.text }}</a>
-            </li>
-        </ul>
+        <?php include "links.php"; ?>
 
         <div v-cloak v-if="fonts.length> 0">
             <hr>
diff --git a/js/app.js b/js/app.js
index e189c7f..622cb35 100755
--- a/js/app.js
+++ b/js/app.js
@@ -1,81 +1,9 @@
 var vm = new Vue({
     el: '#app',
     data: {
-        links: [
-            {
-                "text": "email",
-                "href": "mailto:ben@tilde.team",
-                "icon": "envelope"
-            },
-            {
-                "text": "pgp pubkey",
-                "href": "pubkey.txt",
-                "icon": "lock"
-            },
-            {
-                "text": "blog",
-                "href": "blog/",
-                "icon": "rss"
-            },
-            {
-                "text": "keybase",
-                "href": "https://keybase.io/bharris",
-                "icon": "key"
-            },
-            {
-                "text": "github",
-                "href": "https://github.com/benharri",
-                "icon": "github"
-            },
-            {
-                "text": "gitea",
-                "href": "https://git.tilde.team/ben",
-                "icon": "code-fork"
-            },
-            {
-                "text": "stack overflow",
-                "href": "https://stackoverflow.com/users/6352706/ben-harris",
-                "icon": "stack-overflow"
-            },
-            {
-                "text": "my git guide",
-                "href": "https://benharri.github.io/learngit/",
-                "icon": "git"
-            },
-            {
-                "text": "my personal site",
-                "href": "https://benharr.is",
-                "icon": "globe"
-            },
-            {
-                "text": "my discord bot",
-                "href": "https://bot.benharr.is",
-                "icon": "discord-alt"
-            },
-            {
-                "text": "software design pattern book",
-                "href": "patterns/",
-                "icon": "book"
-            },
-            {
-                "text": "win solitaire",
-                "href": "soli/",
-                "icon": "gamepad"
-            },
-            {
-                "text": "mastodon",
-                "href": "https://tilde.zone/@ben",
-                "icon": "mastodon-alt"
-            },
-            {
-                "text": "tilde irc",
-                "href": "https://tilde.chat",
-                "icon": "comments"
-            }
-        ],
-        text: 'type here',
+        text: 'make ascii art',
         output: '',
-        font: 'standard',
+        font: 'slant',
         fonts: [],
         yesno: '',
         yesnoimg: '',
@@ -111,9 +39,6 @@ var vm = new Vue({
             axios.get('api/').then(function (response) {
                 vm.tagline = response.data
             })
-        },
-        faclass: function (icon) {
-            return "fa fa-fw fa-" + icon
         }
     }
 })
diff --git a/links.php b/links.php
new file mode 100644
index 0000000..0293ae0
--- /dev/null
+++ b/links.php
@@ -0,0 +1,72 @@
+<?php
+function faclass($icon) {
+    return "fa fa-fw fa-$icon";
+}
+$links = [
+    "email" => [
+        "href" => "mailto:ben@tilde.team",
+        "icon" => "envelope"
+    ],
+    "pgp pubkey" => [
+        "href" => "pubkey.txt",
+        "icon" => "lock"
+    ],
+    "blog" => [
+        "href" => "blog/",
+        "icon" => "rss"
+    ],
+    "keybase" => [
+        "href" => "https://keybase.io/bharris",
+        "icon" => "key"
+    ],
+    "github" => [
+        "href" => "https://github.com/benharri",
+        "icon" => "github"
+    ],
+    "gitea" => [
+        "href" => "https://git.tilde.team/ben",
+        "icon" => "code-fork"
+    ],
+    "stack overflow" => [
+        "href" => "https://stackoverflow.com/users/6352706/ben-harris",
+        "icon" => "stack-overflow"
+    ],
+    "my git guide" => [
+        "href" => "https://benharri.github.io/learngit/",
+        "icon" => "git"
+    ],
+    "my personal site" => [
+        "href" => "https://benharr.is",
+        "icon" => "globe"
+    ],
+    "my discord bot" => [
+        "href" => "https://bot.benharr.is",
+        "icon" => "discord-alt"
+    ],
+    "software design pattern book" => [
+        "href" => "patterns/",
+        "icon" => "book"
+    ],
+    "win solitaire" => [
+        "href" => "soli/",
+        "icon" => "gamepad"
+    ],
+    "mastodon" => [
+        "href" => "https://tilde.zone/@ben",
+        "icon" => "mastodon-alt"
+    ],
+    "ben on tildenet irc" => [
+        "href" => "https://tilde.chat",
+        "icon" => "comments"
+    ],
+];
+
+foreach ($links as $name => $link): ?>
+    <ul>
+        <li>
+            <a href="<?=$link["href"]?>">
+                <i class="<?=faclass($link["icon"])?>"></i> <?=$name?></a>
+        </li>
+    </ul>
+
+<?php endforeach;