diff --git a/favicon/android-chrome-192x192.png b/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..1925bec
Binary files /dev/null and b/favicon/android-chrome-192x192.png differ
diff --git a/favicon/android-chrome-512x512.png b/favicon/android-chrome-512x512.png
new file mode 100644
index 0000000..1e25895
Binary files /dev/null and b/favicon/android-chrome-512x512.png differ
diff --git a/favicon/apple-touch-icon.png b/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..cceccba
Binary files /dev/null and b/favicon/apple-touch-icon.png differ
diff --git a/favicon/favicon-16x16.png b/favicon/favicon-16x16.png
new file mode 100644
index 0000000..cf32375
Binary files /dev/null and b/favicon/favicon-16x16.png differ
diff --git a/favicon/favicon-32x32.png b/favicon/favicon-32x32.png
new file mode 100644
index 0000000..ec88a76
Binary files /dev/null and b/favicon/favicon-32x32.png differ
diff --git a/favicon/favicon.ico b/favicon/favicon.ico
new file mode 100644
index 0000000..052ce7b
Binary files /dev/null and b/favicon/favicon.ico differ
diff --git a/favicon/site.webmanifest b/favicon/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/favicon/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/index.html b/index.html
index 8df857f..68879a5 100644
--- a/index.html
+++ b/index.html
@@ -1,11 +1,14 @@
 <html>
 <head>
-  <title>Mediocre Gopher</title>
 
-  <!--
-  <link rel="icon" href="favicon.ico" type="image/x-icon"/>
-  <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
-  -->
+  <title>Mediocre Hub</title>
+
+  <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
+  <link rel="manifest" href="favicon/site.webmanifest">
+
+  <link rel="stylesheet" type="text/css" href="simple-grid.min.css" />
 
   <style type="text/css">
 
@@ -14,128 +17,198 @@
       src: url(Raleway-VariableFont_wght.ttf);
     }
 
-    body { background-color:#434343; color:#bada55; font-family:Raleway; }
+    * {
+      color:#bada55;
+      font-family:Raleway;
+    }
+
+    body { background-color:#434343; }
+
     a:link { color:#bada55; font-weight: bold; }
     a:visited { color:#bada55; font-weight: normal; }
     a:hover { color:#bada55; text-decoration: none; }
-    .fuck-it-up { font-family:Courier,monospace; font-size:8pt; line-height:4pt; color:#bada55; }
-    .block { padding:3rem 0 3rem 3rem; float:left; }
+
+    .pre-container {
+      width: 100%;
+    }
+
+    .pre-container pre {
+      padding-top: 2rem;
+      float: right;
+    }
+
+    .fuck-it-up {
+      font-family:Courier,monospace;
+      font-size:8pt;
+      line-height:4pt;
+      color:#bada55;
+    }
+
   </style>
 </head>
 
-<body>
-  <div class="block">
-    <pre class="fuck-it-up">
-                 .%*.                                                        .-.
-                .%@@@+.                                                .--=%@@@-
-                =@@@@@@-                                         :--+@@@@@@@@@*
-                *@%@@@@@%:                               :--=#@@@@@@@@@@@@#@@+
-                @@::%@@@@@@-:                   :::-=%@@@@@@@@@@@@@@%#*-  :@*
-               .@@   =@@@@@@@@@+-:::::::-=*@@@@@@@@@@@@@@@@@@@%##-        @@:
-               #@#     +%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#*:              -@@
-               #@-        *%@@@@@@@@@@@@@@@@@%%%#=                       %@=
-               @@:             -=+++==     ..                            @@:
-               @@        .               -@@@                           +@@
-              #@%     =@@@@-            +@@@@#              *+          %@#
-              #@-   -@@@@@@@.          +@@@@@%           .%@@@@=        @@:
-              @@:  +@@@@@@@@@         +@+ +@@@         %@@@@@@@@@      -@@
-              @@  *@%@*  :@@@        *@+  -@@@       %@@@@@@@@@@@#     @@@
-             #@% %@ @%    %@@       *@*   .@@@     =@@@*@@   :@@@@     @@:
-             %@:## *@+    :@@      :@@     @@@    %@@: @#     .@@@    .@@
-             @@:.  @@:    .@@      @@      @@@   %@:  @@       @@%    @@%
-             @@   -@@.    =@@     @@.      @@@  %@.  #@-       @@#    @@.
-            %@%   +@@.    @@.    %@-       @@@ #@    @@.      :@@    -@@
-            %@:   +@@+   .@%    #@=        @@@.@    *@@       +@+    @@*
-            @@:   +@@%. .%%    *@+         @@@      %@@      -@#     @@
-            @@    :@@@@@@%    :@@          @@%      %@@      @#     *@@
-           %@@     #@@@@*     @@           @@%      %@@.    %@.     @@:
-           @@:      ===:     @@.           @@%      %@@:  =@%.     .@@
-           @@.              #@=            @@%      %@@%+%@#.      @@%
-           @@              +@*             @@#      -@@@@@*       .@@
-          %@@             :@@              @@#       %@@#:        =@@
-          @@:            .@@               @@#        :           @@=
-          @@.            @@.               @@#                   :@@
-          @@            #@=                @@%                   %@%
-         #@@           +@+                 #@%                  .@@
-         @@:          =@#                  +@%                  =@%
-         @@          :@%                   -@@                  @@+
-         @@         .@@                    -@:                 -@@
-        -@@         @%                     .:                  *@#
-        @@*         #                                          @@.
-        @@                                                    =@@
-       .@@                                                    @@*
-       .@@                                                   .@@
-       *@@                                                   =@#
-       @@*                                                   @@*
-       @@                                                   -@@
-      .@@                                                   +@*
-      .@@                                                   @@-
-      -@@                                                  =@@
-      %@%                                                  #@*
-      @@                                                   @@:
-      @@                                                  +@@
-     .@@                                                  %@+
-     :@%                                                  @@.
-     :@%                                                 *@%
-     -@.                                                 %@=
-     %@                                                  @@.
-     @@                                                 *@%
-     @@                                                 %@=
-     @%                                                 @@:
-    :@%                                                +@@
-    :@*                =+-                             #@+
-    :@:              .%@@@.                            @@-
-    -@              =@@@@@#                           :@@
-    =@             *@#.=@@%                           #@%
-    *@            #@-  -@@%                           %@-
-    @@           #@:   :@@%                           @@:
-    @@          #%     .@@%               .#@@*      -@@
-    @%         #%      .@@%              +@@@@@-     %@%
-    @#        %@       :@@%            .@@@@@@@@     %@:
-    @#       %@        :@@%           +@@% .@@@@     @@:
-    @#      %@         :@@%          #@@:   :@@@    -@@
-    @#     @@.         .@@@        .@@%     .@@@=   %@%
-    @#    @@.          .@@@:      %@@-       @@@%   %@:
-    @#   @@             @@@@    %@@@         *@@@   @@:
-    @# .@@              @@@@@@@@@@=          :@@@   @@
-    * @@@               :@@@@@@@@.           :@@@  *@@
- .@@@@@%                 -@@@@@.             .@@@  @@=
- @@@@@:                    ..                 @@@  @@.
- -@%:                                         @@@  @@.
-                                              @@@  @@
-                                              -@@ =@@
-                                              .@@ @@+
-                                              .@@:@@.
-                                               @@#@-
-                                               @@@.
-                                               +@-
-                                                -
-    </pre>
-  </div>
-  <div class="block">
-    <h1>Social</h1>
-    <ul>
-      <li><a href="https://blog.mediocregopher.com">Blog</a> is for WIP projects.</li>
-      <li><a href="https://twitter.com/mediocre_gopher">Twitter</a> is for shitcoins.</li>
-    </ul>
-    <h1>Portfolios</h1>
-    <ul>
-      <li><a href="https://github.com/mediocregopher">GitHub</a> is for code I've written.
-      <li>
-        Exchange.art is for art I've made.
+<body><div class="container">
+
+    <div class="row">
+
+      <div class="col-4">
+
+        <h1>mediocregopher</h1>
+
+        <p>
+          Fuck Web 2.0
+        </p>
+
+        <p>
+          This page acts as the hub of my web presence. Everything I do is
+          linked to from here.
+        </p>
+
+      </div>
+
+      <div class="col-2"></div>
+
+      <div class="col-6">
+
+        <div class="pre-container"><pre class="fuck-it-up">
+                .%*.                                                        .-.
+               .%@@@+.                                                .--=%@@@-
+               =@@@@@@-                                         :--+@@@@@@@@@*
+               *@%@@@@@%:                               :--=#@@@@@@@@@@@@#@@+
+               @@::%@@@@@@-:                   :::-=%@@@@@@@@@@@@@@%#*-  :@*
+              .@@   =@@@@@@@@@+-:::::::-=*@@@@@@@@@@@@@@@@@@@%##-        @@:
+              #@#     +%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%%#*:              -@@
+              #@-        *%@@@@@@@@@@@@@@@@@%%%#=                       %@=
+              @@:             -=+++==     ..                            @@:
+              @@        .               -@@@                           +@@
+             #@%     =@@@@-            +@@@@#              *+          %@#
+             #@-   -@@@@@@@.          +@@@@@%           .%@@@@=        @@:
+             @@:  +@@@@@@@@@         +@+ +@@@         %@@@@@@@@@      -@@
+             @@  *@%@*  :@@@        *@+  -@@@       %@@@@@@@@@@@#     @@@
+            #@% %@ @%    %@@       *@*   .@@@     =@@@*@@   :@@@@     @@:
+            %@:## *@+    :@@      :@@     @@@    %@@: @#     .@@@    .@@
+            @@:.  @@:    .@@      @@      @@@   %@:  @@       @@%    @@%
+            @@   -@@.    =@@     @@.      @@@  %@.  #@-       @@#    @@.
+           %@%   +@@.    @@.    %@-       @@@ #@    @@.      :@@    -@@
+           %@:   +@@+   .@%    #@=        @@@.@    *@@       +@+    @@*
+           @@:   +@@%. .%%    *@+         @@@      %@@      -@#     @@
+           @@    :@@@@@@%    :@@          @@%      %@@      @#     *@@
+          %@@     #@@@@*     @@           @@%      %@@.    %@.     @@:
+          @@:      ===:     @@.           @@%      %@@:  =@%.     .@@
+          @@.              #@=            @@%      %@@%+%@#.      @@%
+          @@              +@*             @@#      -@@@@@*       .@@
+         %@@             :@@              @@#       %@@#:        =@@
+         @@:            .@@               @@#        :           @@=
+         @@.            @@.               @@#                   :@@
+         @@            #@=                @@%                   %@%
+        #@@           +@+                 #@%                  .@@
+        @@:          =@#                  +@%                  =@%
+        @@          :@%                   -@@                  @@+
+        @@         .@@                    -@:                 -@@
+       -@@         @%                     .:                  *@#
+       @@*         #                                          @@.
+       @@                                                    =@@
+      .@@                                                    @@*
+      .@@                                                   .@@
+      *@@                                                   =@#
+      @@*                                                   @@*
+      @@                                                   -@@
+     .@@                                                   +@*
+     .@@                                                   @@-
+     -@@                                                  =@@
+     %@%                                                  #@*
+     @@                                                   @@:
+     @@                                                  +@@
+    .@@                                                  %@+
+    :@%                                                  @@.
+    :@%                                                 *@%
+    -@.                                                 %@=
+    %@                                                  @@.
+    @@                                                 *@%
+    @@                                                 %@=
+    @%                                                 @@:
+   :@%                                                +@@
+   :@*                =+-                             #@+
+   :@:              .%@@@.                            @@-
+   -@              =@@@@@#                           :@@
+   =@             *@#.=@@%                           #@%
+   *@            #@-  -@@%                           %@-
+   @@           #@:   :@@%                           @@:
+   @@          #%     .@@%               .#@@*      -@@
+   @%         #%      .@@%              +@@@@@-     %@%
+   @#        %@       :@@%            .@@@@@@@@     %@:
+   @#       %@        :@@%           +@@% .@@@@     @@:
+   @#      %@         :@@%          #@@:   :@@@    -@@
+   @#     @@.         .@@@        .@@%     .@@@=   %@%
+   @#    @@.          .@@@:      %@@-       @@@%   %@:
+   @#   @@             @@@@    %@@@         *@@@   @@:
+   @# .@@              @@@@@@@@@@=          :@@@   @@
+   * @@@               :@@@@@@@@.           :@@@  *@@
+.@@@@@%                 -@@@@@.             .@@@  @@=
+@@@@@:                    ..                 @@@  @@.
+-@%:                                         @@@  @@.
+                                             @@@  @@
+                                             -@@ =@@
+                                             .@@ @@+
+                                             .@@:@@.
+                                              @@#@-
+                                              @@@.
+                                              +@-
+                                               -
+        </pre></div>
+      </div>
+    </div>
+
+    <div class="row">
+
+      <div class="col-4">
+
+        <h2>Social</h2>
         <ul>
-          <li><a href="https://exchange.art/collections/Cat%20Season">Cat Season</a></li>
+          <li><a href="https://blog.mediocregopher.com">Mediocre Blog</a> is for WIP projects.</li>
+          <li><a href="https://twitter.com/mediocre_gopher">Twitter</a> is for shilling, shitcoins, and hot takes.</li>
+          <li><a href="https://bgpicciano.com">Resume</a> is for jobs I've had.</li>
         </ul>
-      </li>
-      <li><a href="https://bgpicciano.com">Resume</a> is for jobs I've had.
-    </ul>
-    <h1>Projects</h1>
-    <ul>
-      <li><a href="https://github.com/mediocregopher/radix">radix</a> is for using redis with go.
-      <li><a href="https://dehub.dev">dehub</a> is for decentralized git projects.
-    </ul>
-  </div>
-</body>
+
+      </div>
+
+      <div class="col-4">
+
+        <h2>Dev</h2>
+        <ul>
+          <li><a href="https://github.com/mediocregopher">GitHub</a> is for open-source code I've written.</li>
+          <li><a href="https://github.com/mediocregopher/radix">radix</a> is for using redis with go.</li>
+          <li><a href="https://dehub.dev">dehub</a> is for decentralized git projects.</li>
+        </ul>
+
+      </div>
+
+      <div class="col-4">
+
+        <h2>Art</h2>
+        <ul>
+          <li><a href="https://mediocregopher.holaplex.com">Holaplex</a> is for NFTs I've made.</li>
+          <li><a href="https://exchange.art/collections/Cat%20Season">Cat Season</a> is there too.</li>
+        </ul>
+
+      </div>
+
+    </div>
+
+    <div class="row">
+
+      <div class="col-4">
+
+        <h2>Misc</h2>
+        <ul>
+          <li><a href="https://news.cryptic.io">Cryptic News</a> aggregates interesting blogs.</li>
+        </ul>
+
+      </div>
+
+    </div>
+
+</div></body>
 
 <script>
   function replaceAt(str, index, replacement) {
diff --git a/simple-grid.min.css b/simple-grid.min.css
new file mode 100644
index 0000000..d3f2cc2
--- /dev/null
+++ b/simple-grid.min.css
@@ -0,0 +1 @@
+@import url(https://fonts.googleapis.com/css?family=Lato:400,300,300italic,400italic,700,700italic);body,html{height:100%;width:100%;margin:0;padding:0;left:0;top:0;font-size:100%}.center,.container{margin-left:auto;margin-right:auto}*{font-family:Lato,Helvetica,sans-serif;color:#333447;line-height:1.5}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.375rem}h4{font-size:1.125rem}h5{font-size:1rem}h6{font-size:.875rem}p{font-size:1.125rem;font-weight:200;line-height:1.8}.font-light{font-weight:300}.font-regular{font-weight:400}.font-heavy{font-weight:700}.left{text-align:left}.right{text-align:right}.center{text-align:center}.justify{text-align:justify}.container{width:90%}.row{position:relative;width:100%}.row [class^=col]{float:left;margin:.5rem 2%;min-height:.125rem}.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:96%}.col-1-sm{width:4.33%}.col-2-sm{width:12.66%}.col-3-sm{width:21%}.col-4-sm{width:29.33%}.col-5-sm{width:37.66%}.col-6-sm{width:46%}.col-7-sm{width:54.33%}.col-8-sm{width:62.66%}.col-9-sm{width:71%}.col-10-sm{width:79.33%}.col-11-sm{width:87.66%}.col-12-sm{width:96%}.row::after{content:"";display:table;clear:both}.hidden-sm{display:none}@media only screen and (min-width:33.75em){.container{width:80%}}@media only screen and (min-width:45em){.col-1{width:4.33%}.col-2{width:12.66%}.col-3{width:21%}.col-4{width:29.33%}.col-5{width:37.66%}.col-6{width:46%}.col-7{width:54.33%}.col-8{width:62.66%}.col-9{width:71%}.col-10{width:79.33%}.col-11{width:87.66%}.col-12{width:96%}.hidden-sm{display:block}}@media only screen and (min-width:60em){.container{width:75%;max-width:60rem}}
