translate posts listing

2 files changed, 79 insertions, 21 deletions

diff --git a/assets/scss/input.css b/assets/scss/input.css
index f9bf4b2..6e02371 100644
--- a/assets/scss/input.css
+++ b/assets/scss/input.css
@@ -2,9 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
-/* HERO */
-#hero {
-  text-shadow: 2px 2px 3px black;
+.baskerville {
+  font-family: baskerville, serif;
 }
 
 blockquote::before {
@@ -18,18 +17,17 @@ blockquote::before {
   top: -15px;
 }
 
-.baskerville {
-  font-family: baskerville, serif;
-}
-.w3-theme-border {
-  border-color: #79c753;
-}
-
 @layer base {
   blockquote {
-    @apply border-l-4 p-6 pb-1 mx-8 relative w3-theme-border baskerville;
+    @apply border-l-4 p-6 pb-1 mx-8 relative border-lime-500 baskerville;
   }
   blockquote p:last-of-type {
-    @apply text-center uppercase mt-4;
+    @apply text-center uppercase mt-4 tracking-wide;
+  }
+}
+
+@layer components {
+  #hero {
+    text-shadow: 2px 2px 3px black;
   }
 }
diff --git a/assets/scss/tailwind.css b/assets/scss/tailwind.css
index d6b07ae..f6418e1 100644
--- a/assets/scss/tailwind.css
+++ b/assets/scss/tailwind.css
@@ -579,16 +579,22 @@ blockquote {
   margin-left: 2rem;
   margin-right: 2rem;
   border-left-width: 4px;
+  --tw-border-opacity: 1;
+  border-color: rgb(132 204 22 / var(--tw-border-opacity, 1));
   padding: 1.5rem;
   padding-bottom: 0.25rem;
   font-family: baskerville, serif;
-  border-color: #79c753;
 }
 
 blockquote p:last-of-type {
   margin-top: 1rem;
   text-align: center;
   text-transform: uppercase;
+  letter-spacing: 0.025em;
+}
+
+#hero {
+  text-shadow: 2px 2px 3px black;
 }
 
 .absolute {
@@ -644,6 +650,11 @@ blockquote p:last-of-type {
   margin-bottom: 1rem;
 }
 
+.my-6 {
+  margin-top: 1.5rem;
+  margin-bottom: 1.5rem;
+}
+
 .ml-2 {
   margin-left: 0.5rem;
 }
@@ -692,6 +703,16 @@ blockquote p:last-of-type {
   overflow: hidden;
 }
 
+.border-y {
+  border-top-width: 1px;
+  border-bottom-width: 1px;
+}
+
+.border-gray-200 {
+  --tw-border-opacity: 1;
+  border-color: rgb(229 231 235 / var(--tw-border-opacity, 1));
+}
+
 .bg-black {
   --tw-bg-opacity: 1;
   background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
@@ -728,6 +749,16 @@ blockquote p:last-of-type {
   padding-right: 0.5rem;
 }
 
+.px-4 {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.px-8 {
+  padding-left: 2rem;
+  padding-right: 2rem;
+}
+
 .py-1 {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
@@ -743,6 +774,10 @@ blockquote p:last-of-type {
   padding-bottom: 0.5rem;
 }
 
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
 .pl-2 {
   padding-left: 0.5rem;
 }
@@ -774,6 +809,11 @@ blockquote p:last-of-type {
   line-height: 1;
 }
 
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
 .font-bold {
   font-weight: 700;
 }
@@ -786,15 +826,23 @@ blockquote p:last-of-type {
   line-height: 1.5;
 }
 
+.text-lime-500 {
+  --tw-text-opacity: 1;
+  color: rgb(132 204 22 / var(--tw-text-opacity, 1));
+}
+
+.text-slate-900 {
+  --tw-text-opacity: 1;
+  color: rgb(15 23 42 / var(--tw-text-opacity, 1));
+}
+
 .underline {
   -webkit-text-decoration-line: underline;
           text-decoration-line: underline;
 }
 
-/* HERO */
-
-#hero {
-  text-shadow: 2px 2px 3px black;
+.baskerville {
+  font-family: baskerville, serif;
 }
 
 blockquote::before {
@@ -808,10 +856,22 @@ blockquote::before {
   top: -15px;
 }
 
-.baskerville {
-  font-family: baskerville, serif;
+.odd\:bg-white:nth-child(odd) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
 
-.w3-theme-border {
-  border-color: #79c753;
+.even\:bg-gray-200:nth-child(even) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
+}
+
+@media (min-width: 768px) {
+  .md\:flex {
+    display: flex;
+  }
+
+  .md\:shrink-0 {
+    flex-shrink: 0;
+  }
 }