From 2a7698cfeb7a84d187e519f63684cbe2c67f3eb2 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Thu, 20 Sep 2018 16:07:57 +0800
Subject: [PATCH] update side panel content; add some styles

---
 _layouts/default.html |  4 ++--
 assets/main.scss      | 25 ++++++++++++++++++++++++-
 2 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 1ca72a5..01f8471 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -59,8 +59,8 @@
                     <div class="ayo-thumb">
                         <img src="../assets/images/ayo.jpg" alt="Free exclusive web development tips!" />
                     </div>
-                    <h2 style="font-weight: bold; text-align: center">Hi! I'm Ayo!</h2>
-                    <p>Thanks for dropping by! I started this website with the hope of having a place to share things I think will be helpful to technology and productivity enthusiasts such as myself. I hope you come by more often and find some interesting stuff!</p>
+                    <h2 style="font-weight: bold; text-align: center">Web Technologies and Productivity Hacks</h2>
+                    <p>Learn how to use the best and latest web applications and technologies to boost your productivity.</p>
                     <div class="post-readmore"><a class="button" href="/about/">About The Author</a></div>
                 </div>
                 {% endif %}
diff --git a/assets/main.scss b/assets/main.scss
index 5c20797..3e3e8bc 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -187,11 +187,34 @@ caption {
     width: 100%;
 }
 
+#side-nav > * {
+    font-size: 14px;
+}
+
 #about-me {
-    padding: 30px 15px 15px;
+    padding: 1rem 1rem 1.25rem;
+    position: relative;
+    text-align: center;
+}
+
+#about-me::after {
+    content: "";
+    margin-left: -8px;
+    display: block;
+    width: 0;
+    height: 0;
+    position: absolute;
+    bottom: -8px;
+    left: 50%;
+    border-bottom: 0 inset transparent;
+    border-left: 8px inset transparent;
+    border-right: 8px inset transparent;
+    border-top: 8px solid #8dbf42;
+
 }
 
 #donate-form {
+    background-color: #80ae3c !important;
     height: 50px;
     padding: 30px 0;
 }