Improvements I made today

layouts/_default/li.html

@@ -1,8 +1,8 @@
 <a href="{{ .Permalink }}" class="card-link-wrapper" rel="bookmark" title="Link to {{ .Title }}" >
   <article class="card">
     <h2 class="card-title">{{ .Title }}</h2>
-    <span class="post-date">Published {{ .Date.Format "Jan 2, 2006" }}</span>
-    <p>{{ .Description }}</p>
+    <div class="post-date card-date">Posted <time datetime="{{ .PublishDate.Format "2006-01-02 12:00" }}">{{ .PublishDate.Format "Jan 2, 2006" }}</time></div>
+    <p class="card-text">{{ .Description }}</p>
     <!-- {{ if .Truncated }}<a class="moretag" href="{{ .Permalink }}">Continue reading</a>{{ end }} -->
   </article>
 </a>

layouts/partials/head.html

@@ -8,6 +8,7 @@
   <link rel="icon" type="image/x-icon" href="{{ .Site.BaseURL }}/img/favicon.ico">
   <!-- Recommended favicon format -->
   <link rel="icon" type="image/png" href="{{ .Site.BaseURL }}/img/favicon.png">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.0/normalize.min.css" />
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/style.css" />
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/xcode.css" />
   <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/latolatinfonts.css" />

static/css/style.css

@@ -55,16 +55,30 @@ img {
     justify-content: center;
 }
 .card-link-wrapper {
+    color: #3A3B3C;
     display: block;
-}
-.card {
     background-color: white;
-    padding: 15px;
     border-radius: 5px;
+    transition: transform 0.3s, box-shadow 0.3s;
     box-shadow: 0 20px 25px 0px rgba(0, 0, 0, 0.05);
 }
+.card-link-wrapper:active {
+    transform: scale(0.95);
+    box-shadow: 0 15px 22px 0px rgba(0, 0, 0, 0.08);
+}
+.card {
+    padding: 15px;
+}
 .card-title {
-    margin: 5px 0;
+    margin: 10px 0 5px 0;
+    text-align: center;
+}
+.card-date {
+    display: block;
+    text-align: center;
+}
+.card-text {
+    
 }
 blockquote {
     border-left: 5px solid #D1D1D1;
@@ -77,6 +91,7 @@ blockquote p {
 }
 ul,
 ol {
+    line-height: 1.5rem;
      padding-left: 35px 
 }
 li ul, li ol {
@@ -88,7 +103,7 @@ li > p {
 code {
     font-family: monospace;
     padding: .2em .5em;
-    font-size: 0.95em;
+    line-height: 1.5em;
     border-radius: 3px;
     background-color: #f3f3f3;
 }