Update

1 files changed, 67 insertions, 24 deletions

diff --git a/resources/views/pages/home.blade.php b/resources/views/pages/home.blade.php
index 6ad3013..9471a9e 100644
--- a/resources/views/pages/home.blade.php
+++ b/resources/views/pages/home.blade.php
@@ -1,18 +1,37 @@
 @extends('layouts.default')
-@section('title', 'home')
+@section('title', 'Home')
 @section('description', 'This is the personal homepage of floppydisk.')
 @section('content')
-        <h1>About me</h1>
-        <p>Hi!<br/>
-            This is the personal homepage of floppydisk.
-        </p>
-        <h2>Interests</h2>
-        <p>
-            &#9670; <b>Tech Theatre</b> - Lighting, Stage Management, etc.<br/>
-            &#9670; <b>Programming</b>&nbsp; - HTML, JavaScript, C#, Java, PHP, Ruby<br/>
-            &#9670; <b>Photography</b>&nbsp; - <a href="https://www.flickr.com/photos/floppydisk/">Flickr</a>
-        </p>
+    <p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.
+    </p>
 
+    <table class="infotable">
+        <tr>
+            <td colspan="2">
+                <h1>Interests</h1>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2">
+                <hr>
+            </td>
+        </tr>
+        <tr>
+            <td>&#9670; <b>Tech Theatre</b></td>
+            <td>- Lighting, Stage Management, etc.</td>
+        </tr>
+        <tr>
+            <td>&#9670; <b>Programming</b></td>
+            <td>- HTML, JavaScript, C#, Java, PHP, Ruby</td>
+        </tr>
+        <tr>
+            <td>&#9670; <b>Photography</b></td>
+            <td>- <a href="https://www.flickr.com/photos/floppydisk/">Flickr</a></td>
+        </tr>
+    </table>
+    <br>
+
+    {{--
         <!-- Last.fm -->
         @include('components.lastfm')
 
@@ -21,18 +40,42 @@
 
         <!-- Site Updates -->
         @include('components.git')
+        --}}
 
-        <h1>Contact</h1>
-        <p><strong>Mail</strong>:&nbsp;<a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a><br/>
-            <strong>IRC</strong>:&nbsp;&nbsp;<a href="https://r-type.ca/page.php?id=1034">floppydisk @ r-type</a><br/>
-        </p>
-
-        <h1>Elsewhere</h1>
-        <p><strong>Mastodon:</strong>&nbsp;<a rel="me" href="https://c.im/@floppydisk">@floppydisk@c.im</a><br/>
-            <strong>Matrix:</strong>&nbsp;&nbsp;&nbsp;<a href="https://matrix.to/#/@floppydisk:arcticfoxes.net">@floppydisk:arcticfoxes.net</a><br/>
-            <strong>Twitter:</strong>&nbsp;&nbsp;<a href="https://twitter.com/floppydisk__">@floppydisk__</a><br/>
-            <strong>GitHub:</strong>&nbsp;&nbsp;&nbsp;<a href="https://github.com/floppydisk05">floppydisk05</a><br/>
-            <strong>SDF:</strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://floppydisk.sdf.org/">~floppydisk</a><br/>
-            <a href="https://stackoverflow.com/users/15933092/floppydisk"><img src="https://stackoverflow.com/users/flair/15933092.png?theme=dark" width="208" height="58" alt="profile for floppydisk at Stack Overflow, Q&amp;A for professional and enthusiast programmers" title="profile for floppydisk at Stack Overflow, Q&amp;A for professional and enthusiast programmers"></a>
-        </p>
+    <table class="infotable">
+        <tr>
+            <td colspan="2">
+                <h1>Contact &amp; social</h1>
+            </td>
+        </tr>
+        <tr>
+            <td colspan="2">
+                <hr>
+            </td>
+        </tr>
+        <tr>
+            <td><strong>E-mail</strong></td>
+            <td><a href="mailto:contact@diskfloppy.me">contact (at) diskfloppy (dot) me</a></td>
+        </tr>
+        <tr>
+            <td><strong>Mastodon:</strong></td>
+            <td><a rel="me" href="https://c.im/@floppydisk">@floppydisk@c.im</a></td>
+        </tr>
+        <tr>
+            <td><strong>Matrix:</strong></td>
+            <td><a href="https://matrix.to/#/@floppydisk:arcticfoxes.net">@floppydisk:arcticfoxes.net</a></td>
+        </tr>
+        <tr>
+            <td><strong>GitHub:</strong></td>
+            <td><a href="https://github.com/floppydisk05">floppydisk05</a></td>
+        </tr>
+        <!--<tr>
+                    <td colspan="2">
+                        <a href="https://stackoverflow.com/users/15933092/floppydisk"><img
+                                src="https://stackoverflow.com/users/flair/15933092.png?theme=dark" width="208" height="58"
+                                alt="profile for floppydisk at Stack Overflow, Q&amp;A for professional and enthusiast programmers"
+                                title="profile for floppydisk at Stack Overflow, Q&amp;A for professional and enthusiast programmers"></a>
+                    </td>
+                </tr>-->
+    </table>
 @stop