From 35fe27f8ce69ff968e99007f3731a4f6472ddaf1 Mon Sep 17 00:00:00 2001
From: Ayo <ramon.aycojr@gmail.com>
Date: Mon, 22 May 2023 22:49:02 +0200
Subject: [PATCH] move message to side panel

---
 _includes/message.html   |  1 +
 _includes/post-item.html |  4 +++-
 _layouts/default.html    |  3 +++
 assets/main.scss         | 28 ++++++++--------------------
 4 files changed, 15 insertions(+), 21 deletions(-)

diff --git a/_includes/message.html b/_includes/message.html
index da76eaa..5bbf033 100644
--- a/_includes/message.html
+++ b/_includes/message.html
@@ -5,6 +5,7 @@
     border-radius: 5px;
     border: 3px dotted rgba(141, 191, 66, 1);
     padding: 1em;
+    font-size: small;
   "
 >
   <h2 style="font-weight: bold">Hello there, fellow human!</h2>
diff --git a/_includes/post-item.html b/_includes/post-item.html
index 9a51805..3178d7d 100644
--- a/_includes/post-item.html
+++ b/_includes/post-item.html
@@ -32,6 +32,8 @@
     {% endif %} {{ post.excerpt }}
   </div>
   <div class="blog-home__list-items__item__readmore">
-    <a href="{{ post.url | relative_url }}" class="button">Continue Reading</a>
+    <a href="{{ post.url | relative_url }}" class="button"
+      >Continue Reading &raquo;</a
+    >
   </div>
 </li>
diff --git a/_layouts/default.html b/_layouts/default.html
index aa6a253..74ef29b 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -32,6 +32,9 @@
                         </script> 
                     </div>
                 </div>
+                <div>
+                    {% include message.html %}
+                </div>
             </nav>
             <div class="clear-both"></div>
         </div>
diff --git a/assets/main.scss b/assets/main.scss
index ecb0471..d87a44c 100644
--- a/assets/main.scss
+++ b/assets/main.scss
@@ -242,10 +242,10 @@ main.page-content {
 nav#side-nav {
   width: calc(30% - 10px);
   margin: 1em 0;
-  box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
-  position: sticky;
-  position: -webkit-sticky;
-  top: 1em;
+  // box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
+  // position: sticky;
+  // position: -webkit-sticky;
+  // top: 1em;
 }
 
 .side-panel-top {
@@ -499,27 +499,15 @@ table.image caption {
       }
 
       &__readmore {
-        margin-top: 15px;
+        margin-top: 1em;
 
         a:hover {
           color: #ee4a03;
-          border: 1px solid #ee4a03;
         }
 
         a {
           color: #bb4a03;
-          background-color: #f5f5f5;
-          border: 1px solid #ccc;
-          border-radius: 5px;
-          padding: 10px 15px;
-          width: calc(100% - 1em);
-          text-align: center;
-          display: inline-block;
-          font-size: 18px;
           font-weight: bold;
-          font-family: medium-content-sans-serif-font, -apple-system,
-            BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
-            "Open Sans", "Helvetica Neue", sans-serif !important;
         }
       }
     }
@@ -594,11 +582,11 @@ table.image caption {
   nav#side-nav {
     width: 100%;
     margin: 0 0 1em;
-    box-shadow: 5px 25px 30px -25px rgba(34, 34, 34, 0.25);
+    padding: 0 1em;
   }
   .side-panel {
-    width: calc(100%-1em) !important;
-    margin: 0 15px;
+    width: 100%; // calc(100%-1em) !important;
+    // margin: 0 15px;
   }
 
   .jumbotron {