inline contact info

diff --git a/contact.md b/contact.md
deleted file mode 100644 (file)
index b745ca5..0000000
--- a/contact.md
+++ /dev/null
@@ -1,8 +0,0 @@
-Medium   |   Handle
----------|-------------------------------------------
-GPG      |   [public key](https://za3k.com/gpg.pub)
-Email    |   [za3k@za3k.com](mailto:za3k@za3k.com)
-Website  |   https://za3k.com
-Blog     |   https://blog.za3k.com
-Twitter  |   [@unchoke](https://twitter.com/unchoke)
-IM       |   Ask by email

diff --git a/index.css b/index.css
index eeee01e9b04b440cd0bb12d020d1d3f86d03ec18..8399f12a5b02df3afe3991b9c2ac84b8e7b12357 100644 (file)
--- a/index.css
+++ b/index.css
@@ -43,8 +43,26 @@ section > * {
     -webkit-margin-before: 5px;
     -webkit-margin-after: 5px;
 }
+section > table {
+    margin-left: 20px;
+}
+section > span {
+    margin-left: 20px;
+}
 
 section > h1 {
     font-style: small-caps;
 }
 
+table {
+  border-collapse: separate;
+}
+
+td {
+  padding-left: 3px;
+  padding-right: 3px;
+}
+
+tr td:first-child {
+  background-color: #EAF2D3;
+}

diff --git a/index.html b/index.html
index ba015b5661a44d01cc9e56307660d8b50f7de5ad..b0c151f2c7ef60ce905c1c4c39be290a090f55c8 100644 (file)
--- a/index.html
+++ b/index.html
@@ -10,14 +10,41 @@
     </section>
     <section id="personal">
         <h1>Personal</h1>
-        <ul>
-            <li><a href="contact.md">Contact me</a></li>
-            <li>Schedule time with me at <a href="https://zachary.youcanbook.me">zachary.youcanbook.me</a></li>
-            <li>Read my <a href="https://blog.za3k.com">blog</a></li>
-            <li>Get my <a href="gpg.pub">GPG public key</a> or <a href="ssh.txt">SSH public key</a></li>
-            <li>Hire me for <a href="contact.md">contracting work</a></li>
-            <li>My <a href="resume.pdf">resume</a></li>
-        </ul>
+        <table>
+            <tr>
+                <td>Email</td>
+                <td><a href="mailto:za3k@za3k.com">za3k@za3k.com</a></td>
+            </tr>
+            <tr>
+                <td>Website</td>
+                <td><a href="https://za3k.com">za3k.com</a></td>
+            </tr>
+            <tr>
+                <td>Blog</td>
+                <td><a href="https://blog.za3k.com">blog.za3k.com</a></td>
+            </tr>
+            <tr>
+                <td>Twitter</td>
+                <td><a href="https://twitter.com/unchoke">@unchoke</a></td>
+            </tr>
+            <tr>
+                <td>Public key</td>
+                <td><a href="https://za3k.com/gpg.pub">GPG</a></td>
+            </tr>
+            <tr>
+                <td>Public key</td>
+                <td><a href="https://za3k.com/ssh.txt">SSH</a></td>
+            </tr>
+            <tr>
+                <td>Contracting</td>
+                <td><a href="mailto:za3k@za3k.com">za3k@za3k.com</a></td>
+            </tr>
+            <tr>
+                <td>Resume</td>
+                <td><a href="resume.pdf">pdf</a></td>
+            </tr>
+        </table>
+        <span class="scheduling">Schedule time with me at <a href="https://zachary.youcanbook.me">zachary.youcanbook.me</a></span>
     </section>
 
     <section id="games">