bold present

Author: apacheli

assets/index.css

@@ -305,36 +305,40 @@ p img {
 .scroll-to-top {
   --h: var(--theme);
   bottom: 1rem;
-  height: 3rem;
+  height: 2.5rem;
   left: 1rem;
   position: fixed;
-  width: 3rem;
+  width: 2.5rem;
   z-index: 1;
 }
 
+.scroll-to-top svg {
+  background-color: var(--dark);
+}
+
+.scroll-to-top svg:hover {
+  background-color: var(--key);
+}
+
 article {
   background-color: var(--dark);
   border-radius: .5rem;
-  padding: .125rem 1.5rem;
+  color: var(--text);
   margin: 1rem 0;
+  padding: .125rem 1.5rem;
 }
 
 article:hover {
   background-color: var(--key);
 }
 
-article header {
-  color: var(--text);
-}
-
-article div,
 article footer {
   color: var(--sub);
   margin: 1rem 0;
 }
 
-.author {
-  color: var(--theme);
+.present {
+  color: var(--text);
 }
 
 /** https://github.com/highlightjs/highlight.js/blob/main/src/styles/atom-one-dark.css */

components/Clickable.jsx

@@ -8,8 +8,7 @@ export default ({ title, description, date, url }) => (
                 <p>{description}</p>
             </div>
             <footer>
-                <span class="author">apacheli</span>
-                <span> - {date}</span>
+                <span>{date.endsWith("present") ? <strong class="present">{date}</strong> : date}</span>
             </footer>
         </article>
     </a>