update look

sass/style.scss

@@ -1,6 +1,7 @@
 $color: #E6E1CF;
 $bgcolor: #14191F;
-$code: #FFAA00;
+$code: #7abec2;
+$accent: #4d7577;
 $codeblock: #0f1419;
 
 /*
@@ -138,8 +139,9 @@ code {
 
 blockquote {
   background-color: $codeblock;
-  border-left: 4px #FFAA00 solid;
-  padding:0px 10px;
+  border-left: 4px $accent solid;
+  padding: 0.02em 10px;
+  margin: 6px 0px;
 }
 
 .container {
@@ -207,7 +209,7 @@ ul {
 
 h1,h2 {
   border-bottom: 2px $color solid;
-  border-bottom-color: #FFAA00;
+  border-bottom-color: $accent;
   margin-bottom: 1rem;
 }
 
@@ -232,3 +234,7 @@ th, td {
 }
 
 tr:nth-child(even) {background-color: #1b2127;}
+
+.footer {
+  border-top: 2px $accent solid
+}

templates/base.html

@@ -55,7 +55,7 @@
       {% block content %} {% endblock %}
     </section>
 
-    <section class="section container" style="border-top: 2px #FFAA00 solid">
+    <section class="section container footer">
         <p>Copyright &copy; 2019-2024 Edgar Luque</p>
         <p>This page is licensed under a <a href="https://creativecommons.org/licenses/by-nd/4.0/">Creative Commons Attribution-NoDerivatives 4.0 International License</a>.</p>
     </section>

templates/index.html

@@ -17,7 +17,7 @@
 <ul class="posts">
   {% for page in section.pages %}
   <li>
-    <span><time datetime="{{ page.date }}">{{ page.date }}</time>: </span>
+    <span><time datetime="{{ page.date }}">{{ page.date }}</time> - </span>
     <a href="{{ page.permalink }}" title="{{ page.description }}">{{ page.title }}</a>
   </li>
   {% endfor %}