From 6d16e0076c494a88f4066894d3a76ee4bec2363b Mon Sep 17 00:00:00 2001
From: Ben Harris <ben@tilde.team>
Date: Fri, 28 Feb 2020 12:07:47 -0500
Subject: [PATCH] update links on homepage and newtab css

---
 blog/gophermap    |   0
 index.php         |   7 +-
 links.php         |  28 -------
 mypages.php       |  56 +++++++++++++
 newtab/index.html | 205 ++++++++++++++++++----------------------------
 5 files changed, 139 insertions(+), 157 deletions(-)
 mode change 100644 => 100755 blog/gophermap
 create mode 100644 mypages.php

diff --git a/blog/gophermap b/blog/gophermap
old mode 100644
new mode 100755
diff --git a/index.php b/index.php
index 230c44d..d12fc61 100644
--- a/index.php
+++ b/index.php
@@ -54,10 +54,9 @@
 
         <?php include "links.php"; ?>
 
-        <p>
-            here are some <a href="trafficstats/">traffic stats</a> and 
-            <a href="https://tilde.team/stats/">nginx stats</a>
-        </p>
+        <p>here are some of my things</p>
+
+        <?php include "mypages.php"; ?>
 
         <div v-cloak v-if="fonts.length > 0">
             <hr>
diff --git a/links.php b/links.php
index d251573..4b5d789 100644
--- a/links.php
+++ b/links.php
@@ -11,10 +11,6 @@ $links = [
         "href" => "benharri.asc",
         "icon" => "lock"
     ],
-    "blog" => [
-        "href" => "blog/",
-        "icon" => "rss"
-    ],
     "github" => [
         "href" => "https://github.com/benharri",
         "icon" => "github"
@@ -31,10 +27,6 @@ $links = [
         "href" => "https://stackoverflow.com/users/6352706/ben-harris",
         "icon" => "stack-overflow"
     ],
-    "my git guide" => [
-        "href" => "learngit/",
-        "icon" => "git"
-    ],
     "keybase" => [
         "href" => "https://keybase.io/bharris",
         "icon" => "key"
@@ -43,26 +35,6 @@ $links = [
         "href" => "https://benharr.is",
         "icon" => "globe"
     ],
-    "software design pattern book" => [
-        "href" => "patterns/",
-        "icon" => "book"
-    ],
-    "win solitaire" => [
-        "href" => "soli/",
-        "icon" => "gamepad"
-    ],
-    "webfont mirror" => [
-        "href" => "fonts/",
-        "icon" => "font"
-    ],
-    "cgi script collection" => [
-        "href" => "cgi-bin/",
-        "icon" => "database"
-    ],
-    "repo mirrors" => [
-        "href" => "https://mirror.bhh.sh/",
-        "icon" => "download"
-    ],
     "mastodon" => [
         "href" => "https://tilde.zone/~ben",
         "icon" => "mastodon-alt",
diff --git a/mypages.php b/mypages.php
new file mode 100644
index 0000000..f6bcaff
--- /dev/null
+++ b/mypages.php
@@ -0,0 +1,56 @@
+<?php
+$links = [
+    "blog" => [
+        "href" => "blog/",
+        "icon" => "rss"
+    ],
+    "my git guide" => [
+        "href" => "learngit/",
+        "icon" => "git"
+    ],
+    "software design pattern book" => [
+        "href" => "patterns/",
+        "icon" => "book"
+    ],
+    "win solitaire" => [
+        "href" => "soli/",
+        "icon" => "gamepad"
+    ],
+    "webfont mirror" => [
+        "href" => "fonts/",
+        "icon" => "font"
+    ],
+    "cgi script collection" => [
+        "href" => "cgi-bin/",
+        "icon" => "database"
+    ],
+    "repo mirrors" => [
+        "href" => "https://mirror.bhh.sh/",
+        "icon" => "download"
+    ],
+    "traffic stats" => [
+        "href" => "trafficstats/",
+        "icon" => "signal"
+    ],
+    "nginx stats" => [
+        "href" => "https://tilde.team/stats/",
+        "icon" => "dashboard"
+    ],
+    "glowing-bear" => [
+        "href" => "glowing-bear/",
+        "icon" => "commenting"
+    ],
+    "test combinator" => [
+        "href" => "testgen/",
+        "icon" => "calculator"
+    ],
+];
+?>
+
+<?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; ?>
+
diff --git a/newtab/index.html b/newtab/index.html
index 963bffa..7388ac3 100644
--- a/newtab/index.html
+++ b/newtab/index.html
@@ -1,146 +1,101 @@
 <!doctype html>
 <html lang="en">
 
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="x-ua-compatible" content="ie=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <head>
+        <meta charset="utf-8">
+        <meta http-equiv="x-ua-compatible" content="ie=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
 
-  <title>newtab</title>
+        <title>newtab</title>
 
-  <link rel="stylesheet" href="https://tilde.team/css/hacker.css">
-  <script>
-    window.onload = function() {
-      document.getElementById('search')
-        .addEventListener('keydown', function(e) {
-            if (e.keyCode == 13) {
-                var q = document.getElementById('search').value;
-                window.location.replace(
-                    e.ctrlKey 
-                        ? "//" + q 
-                        : "https://duckduckgo.com/?q=" + encodeURIComponent(q)
-                );
-            }
-        }, false);
-    };
-  </script>
-</head>
+        <link rel="stylesheet" href="https://tilde.team/~ben/gruvbox/gruvbox.css">
+        <script>
+            window.onload = function() {
+                document.getElementById('search')
+                    .addEventListener('keydown', function(e) {
+                        if (e.keyCode == 13) {
+                            var q = document.getElementById('search').value;
+                            window.location.replace(
+                                e.ctrlKey
+                                ? "//" + q
+                                : "https://duckduckgo.com/?q=" + encodeURIComponent(q)
+                            );
+                        }
+                    }, false);
+            };
+        </script>
+    </head>
 
-<body>
-<div class="container">
-    <div class="page-header">
-        <div class="row" style="display: flex; align-items: center;">
-            <div class="col-md-4">
-                <h1>new tab</h1>
-            </div>
-            <div class="col-md-8">
-                <br><input class="form-control" autofocus type="text" name="q" id="search">
-            </div>
-        </div>
-    </div>
+    <body>
+        <main>
+        <h1>new tab</h1>
+        <br>
+        <input autofocus type="text" name="q" id="search">
 
-    <div class="row">
-        <div class="col-md-4 col-xs-12"><h4>hia atlassian/git</h4><hr>
-            <ul>
-                <li><a href="https://hagerty.atlassian.net/">jira</a></li>
-                <li><a href="https://hagerty.atlassian.net/issues/?filter=20404">my assigned</a></li>
-                <li><a href="https://hagerty.atlassian.net/wiki/">confluence</a></li>
-                <li><a href="https://hagerty.service-now.com/sp">service now</a></li>
-                <li><a href="https://gitawse1.hagerty.com">enterprise github</a></li>
-                <li><a href="https://gitawse1.hagerty.com/bharris?tab=repositories">hia my repos</a></li>
-            </ul>
-        </div>
+        <h4>infra</h4><hr>
+        <a href="https://infra.bhh.sh:8006/">infra</a>
+        <a href="https://ca.ovh.com/manager/">ovh</a>
+        <a href="https://www.namesilo.com/account_domains.php">namesilo</a>
 
-        <div class="col-md-4 col-xs-12"><h4>envs</h4><hr>
-            <ul>
-                <li><a href="https://dev.hagerty.com/">dev</a></li>
-                <li><a href="https://qa.hagerty.com/">qa</a></li>
-                <li><a href="https://mo.hagerty.com/">mo</a></li>
-            </ul>
-        </div>
+        <h4>utils</h4><hr>
+        <a href="https://pad.tildeverse.org">cryptpad</a>
+        <a href="https://ttm.sh">nullpointer</a>
+        <a href="https://lobste.rs">lobste.rs</a>
+        <a href="https://dev.to">dev.to</a>
 
-        <div class="col-md-4 col-xs-12"><h4>hagerty</h4><hr>
-            <ul>
-                <li><a href="https://workday.hagerty.com">workday</a></li>
-                <li><a href="https://gearbox.hagerty.com/">gearbox</a></li>
-                <li><a href="https://hagerty.atlassian.net/wiki/spaces/RM/pages/45191683/Environment+Pages">environment pages</a></li>
-                <li><a href="http://vdcoctdeppd01/app#/">octopus deploy</a></li>
-                <li><a href="https://ci.hagerty.com/">teamcity</a></li>
-                <li><a href="https://psm.hagerty.com/">cyberark</a></li>
-            </ul>
-        </div>
+        <h4>fedi</h4><hr>
+        <a href="https://tilde.zone/">tilde.zone</a>
+        <a href="https://pleroma.tilde.zone/">pleroma.t.z</a>
+        <a href="https://halcyon.tilde.zone/">halcyon</a>
+        <a href="https://pinafore.tilde.zone/">pinafore</a>
 
-    </div>
+        <h4>git</h4><hr>
+        <a href="https://github.com">github</a>
+        <a href="https://github.com/benharri?tab=repositories">my repos</a>
+        <a href="https://github.com/benharri?tab=stars">my stars</a>
+        <a href="https://github.com/tilde-team">tilde gh org</a>
+        <a href="https://gist.github.com/new">new gist</a>
+        <a href="https://tildegit.org">tildegit</a>
 
-    <div class="row">
+        <h4>important</h4><hr>
+        <a href="https://stackoverflow.com">stackoverflow</a>
+        <a href="https://youtube.com">youtube</a>
+        <a href="https://bhh.sh/login">polr</a>
+        <a href="https://bhh.sh/sync/">syncthing</a>
+        <a href="https://cloud.bhh.sh/">gingko nextcloud</a>
 
-        <div class="col-md-4 col-xs-12"><h4>git</h4><hr>
-            <ul>
-                <li><a href="https://github.com">github</a></li>
-                <li><a href="https://github.com/benharri?tab=repositories">my repos</a></li>
-                <li><a href="https://github.com/benharri?tab=stars">my stars</a></li>
-                <li><a href="https://github.com/tilde-team">tilde gh org</a></li>
-                <li><a href="https://gist.github.com/new">new gist</a></li>
-                <li><a href="https://tildegit.org">tildegit</a></li>
-            </ul>
-        </div>
+        <h4>tilde</h4><hr>
+        <a href="https://tilde.team/">tilde.team</a>
+        <a href="https://tilde.news/">tildenews</a>
+        <a href="https://mail.tilde.team">tildemail</a>
+        <a href="https://tildeverse.org">tildeverse</a>
+        <a href="https://lists.tildeverse.org/postorius/lists/?count=200">lists</a>
+        <a href="https://cloud.tilde.team">tildecloud</a>
 
-        <div class="col-md-4 col-xs-12"><h4>important</h4><hr>
-            <ul>
-                <li><a href="https://stackoverflow.com">stackoverflow</a></li>
-                <li><a href="https://youtube.com">youtube</a></li>
-                <li><a href="https://bhh.sh/login">polr</a></li>
-                <li><a href="https://bhh.sh/u/">bhh.sh/u</a></li>
-                <li><a href="https://bhh.sh/sync/">gingko syncthing</a></li>
-                <li><a href="https://cloud.bhh.sh/">gingko nextcloud</a></li>
-                <li><a href="https://ben.tild3.org/glowing-bear/">glowing-bear</a></li>
-            </ul>
-        </div>
+        <h4>hia atlassian/git</h4><hr>
+        <a href="https://hagerty.atlassian.net/">jira</a>
+        <a href="https://hagerty.atlassian.net/wiki/">confluence</a>
+        <a href="https://hagerty.service-now.com/sp">service now</a>
+        <a href="https://gitawse1.hagerty.com">hia github</a>
+        <a href="https://gitawse1.hagerty.com/bharris?tab=repositories">my repos</a>
 
-        <div class="col-md-4 col-xs-12"><h4>tilde</h4><hr>
-            <ul>
-                <li><a href="https://tilde.team/">tilde.team</a></li>
-                <li><a href="https://tilde.news/">tildenews</a></li>
-                <li><a href="https://irc.tilde.team">tildelounge</a></li>
-                <li><a href="https://mail.tilde.team">tildemail</a></li>
-                <li><a href="https://tildeverse.org">tildeverse</a></li>
-                <li><a href="https://lists.tildeverse.org/postorius/lists/?count=200">lists</a></li>
-                <li><a href="https://cloud.tilde.team">tildecloud</a></li>
-            </ul>
-        </div>
-    </div>
+        <h4>envs</h4><hr>
+        <a href="https://dev.hagerty.com/">dev</a>
+        <a href="https://qa.hagerty.com/">qa</a>
+        <a href="https://mo.hagerty.com/">mo</a>
 
-    <div class="row">
-        <div class="col-md-4 col-xs-12"><h4>infra</h4><hr>
-            <ul>
-                <li><a href="https://infra.bhh.sh:8006/">infra</a></li>
-                <li><a href="https://ca.ovh.com/manager/">ovh</a></li>
-                <li><a href="https://www.namesilo.com/account_domains.php">namesilo</a></li>
-            </ul>
-        </div>
+        <h4>hagerty</h4><hr>
+        <a href="https://workday.hagerty.com">workday</a>
+        <a href="https://gearbox.hagerty.com/">gearbox</a>
+        <a href="https://hagerty.atlassian.net/wiki/spaces/RM/pages/45191683/Environment+Pages">envpages</a>
+        <a href="http://vdcoctdeppd01/app#/">octopus deploy</a>
+        <a href="https://ci.hagerty.com/">teamcity</a>
+        <a href="https://psm.hagerty.com/">cyberark</a>
 
-        <div class="col-md-4 col-xs-12"><h4>utils</h4><hr>
-            <ul>
-                <li><a href="https://pad.tildeverse.org">cryptpad</a></li>
-                <li><a href="https://ttm.sh">nullpointer</a></li>
-                <li><a href="https://lobste.rs">lobste.rs</a></li>
-                <li><a href="https://dev.to">dev.to</a></li>
-            </ul>
-        </div>
 
-        <div class="col-md-4 col-xs-12"><h4>fedi</h4><hr>
-            <ul>
-                <li><a href="https://tilde.zone/">mastildon</a></li>
-                <li><a href="https://pleroma.tilde.zone/">tilderoma</a></li>
-                <li><a href="https://halcyon.tilde.zone/">halcyon</a></li>
-                <li><a href="https://pinafore.tilde.zone/">pinafore</a></li>
-            </ul>
-        </div>
-    </div>
+        </main>
 
-</div>
-
-</body>
+    </body>
 
 </html>