implement blog index page with featured and all posts

1 files changed, 2 insertions, 47 deletions

diff --git a/clams-server/src/main/resources/public/css/common.css b/clams-server/src/main/resources/public/css/common.css
index 3c8d927..ffed73f 100644
--- a/clams-server/src/main/resources/public/css/common.css
+++ b/clams-server/src/main/resources/public/css/common.css
@@ -57,50 +57,13 @@ h2 {
 .left-column { text-align: right; }
 .right-column { text-align: left; }
 
-ul {
+.main-container ul {
     list-style-type: none;
     padding: 0;
     margin: 0;
 }
 
-li { margin-bottom: 1rem; }
-
-details {
-    margin-bottom: 1rem;
-    cursor: pointer;
-}
-
-summary {
-    font-weight: bold;
-    list-style: none; /* Removes the default arrow in some browsers */
-}
-
-summary::-webkit-details-marker {
-    display: none; /* Removes the default arrow in Safari/Chrome */
-}
-
-summary:hover {
-    opacity: 0.7;
-}
-
-.tag {
-    display: inline-block;
-    background-color: rgba(0,0,0,0.05);
-    padding: 2px 8px;
-    border-radius: 4px;
-    font-size: 0.75rem;
-    font-weight: bold;
-    text-transform: uppercase;
-    letter-spacing: 1px;
-    margin-right: 5px;
-    border: 1px solid var(--border-color);
-}
-
-details ul {
-    margin-top: 10px;
-    padding-left: 20px;
-    border-left: 2px solid var(--border-color);
-}
+.main-container li { margin-bottom: 1rem; }
 
 a {
     color: var(--text-color);
@@ -143,12 +106,6 @@ footer p {
     opacity: 0.5;
 }
 
-.intro-text {
-    text-align: center;
-    max-width: 600px;
-    margin: 0 auto 60px auto;
-}
-
 @media (max-width: 600px) {
     .content-grid {
         grid-template-columns: 1fr;
@@ -169,7 +126,6 @@ footer p {
     }
 }
 
-/* Subtle Scrollbar Styling */
 ::-webkit-scrollbar {
     width: 10px;
 }
@@ -188,7 +144,6 @@ footer p {
     background-color: #bbb;
 }
 
-/* Firefox Support */
 * {
     scrollbar-width: thin;
     scrollbar-color: #d1d1cd var(--bg-color);