Update sidebar

2 files changed, 51 insertions, 35 deletions

diff --git a/sidebar.mdwn b/sidebar.mdwn
index bab0db1..2c35ef6 100644
--- a/sidebar.mdwn
+++ b/sidebar.mdwn
@@ -2,7 +2,7 @@
 
 <div id="sidebar-text">
 <p>
-Living in the UK, studying Computer Science.
+Living in the UK,<br>working at [[Thread|https://thread.com/]].
 </p>
 
 <p>
@@ -10,8 +10,10 @@ I enjoy cats, coding and good company.
 </p>
 </div>
 
+<div id="sidebar-links">
 [[Home|index]]
 [[Posts]]
 [[Projects]]
 [[About]]
 [[Contact]]
+</div>
diff --git a/style.css b/style.css
index 4795dab..2082092 100644
--- a/style.css
+++ b/style.css
@@ -634,6 +634,12 @@ div.pageheader {
     height: auto;
 }
 
+#pagebody {
+    margin-left: 180px;
+}
+
+/* Sidebar */
+
 div.sidebar {
     float: left;
     width: 160px;
@@ -663,52 +669,60 @@ div.sidebar table img {
     border-radius: 15px;
 }
 
-#pagebody {
-    margin-left: 180px;
-}
-
 @media screen and (max-device-width: 480px) {
-#pagebody {
-    clear: left;
-    margin: auto;
-}
-div.pageheader {
-    clear: left;
-    margin: auto;
-}
-div.sidebar {
-    width: 100%;
+    #pagebody {
+        clear: left;
+        margin: auto;
+    }
 
-    margin: auto;
-    background: none;
+    div.pageheader {
+        clear: left;
+        margin: auto;
+    }
 
-    padding-top: 10px;
-    padding-left: 0px;
-    padding-right: 10px;
+    div.sidebar {
+        width: 100%;
 
-    border: 0px;
-    font-size: 120%;
-}
-#sidebar-text {
-    display: none;
-}
-div.sidebar a {
-    text-align: center;
-    font-size: 130%;
-}
-div.sidebar span {
-    text-align: center;
-    font-size: 130%;
-}
+        margin: auto;
+        background: none;
+
+        padding-top: 10px;
+        padding-left: 0px;
+        padding-right: 10px;
+
+        border: 0px;
+        font-size: 120%;
+    }
+
+    #sidebar-text {
+        display: none;
+    }
+
+    #sidebar-links a {
+        text-align: center;
+        font-size: 130%;
+    }
+
+    div.sidebar span {
+        text-align: center;
+        font-size: 130%;
+    }
 }
 
 .pageheader .actions ul {
     border-bottom: 0px
 }
 
-div.sidebar a {
+#sidebar-links span {
+    border-bottom: 1px solid rgb(222, 222, 220);
+    display: block;
+    font-size: large;
+}
+
+#sidebar-links a {
     border-bottom: 1px solid rgb(222, 222, 220);
     display: block;
+    font-size: large;
 }
 
 div.sidebar span {