test

Author: JGonnermann

assets/css/custom.css

@@ -193,3 +193,140 @@
 [data-wc-theme="dark"] .content .news-light-blue a:hover {
   color: #dbeafe !important;
 }
+
+/* Hide images in blog posts */
+.article-container img,
+.post-content img,
+.content img,
+.blog-post img,
+.article img {
+  display: none !important;
+}
+
+/* Hide featured images in blog listings */
+.blog-card img,
+.post-card img,
+.collection img {
+  display: none !important;
+}
+
+/* Ensure blog posts are text-only */
+.blog-content,
+.post-content,
+.article-content {
+  img {
+    display: none !important;
+  }
+}
+
+/* Light blue frame for blog post cards */
+.collection .card,
+.blog-card,
+.post-card,
+.article-card {
+  background-color: #e6f3ff !important; /* Light blue background */
+  border: 2px solid #b3d9ff !important; /* Light blue border */
+  border-radius: 12px !important; /* Rounded corners */
+  box-shadow: 0 4px 8px rgba(0, 123, 255, 0.1) !important; /* Subtle blue shadow */
+  transition: all 0.3s ease !important; /* Smooth transitions */
+  margin-bottom: 1.5rem !important;
+}
+
+.collection .card:hover,
+.blog-card:hover,
+.post-card:hover,
+.article-card:hover {
+  background-color: #d1ecf1 !important; /* Slightly darker blue on hover */
+  border-color: #87ceeb !important; /* Darker border on hover */
+  transform: translateY(-2px) !important; /* Slight lift effect */
+  box-shadow: 0 6px 12px rgba(0, 123, 255, 0.15) !important; /* Enhanced shadow on hover */
+}
+
+/* Blog post card content styling */
+.collection .card-body,
+.blog-card .card-body,
+.post-card .card-body,
+.article-card .card-body {
+  padding: 1.5rem !important;
+  color: #2c5aa0 !important; /* Dark blue text */
+}
+
+.collection .card-title,
+.blog-card .card-title,
+.post-card .card-title,
+.article-card .card-title {
+  color: #1e40af !important; /* Darker blue for titles */
+  font-weight: 700 !important;
+  margin-bottom: 1rem !important;
+}
+
+.collection .card-text,
+.blog-card .card-text,
+.post-card .card-text,
+.article-card .card-text {
+  color: #4a6fa5 !important; /* Medium blue for text */
+  line-height: 1.6 !important;
+  margin-bottom: 1rem !important;
+}
+
+/* Ensure summary is displayed */
+.collection .summary,
+.blog-card .summary,
+.post-card .summary,
+.article-card .summary {
+  display: block !important;
+  color: #4a6fa5 !important;
+  font-style: italic !important;
+  margin-bottom: 1rem !important;
+  padding: 0.75rem !important;
+  background-color: rgba(255, 255, 255, 0.5) !important;
+  border-radius: 8px !important;
+  border-left: 4px solid #87ceeb !important;
+}
+
+/* Dark mode adjustments for blog cards */
+[data-wc-theme="dark"] .collection .card,
+[data-wc-theme="dark"] .blog-card,
+[data-wc-theme="dark"] .post-card,
+[data-wc-theme="dark"] .article-card {
+  background-color: #1a365d !important; /* Dark blue background */
+  border-color: #2d5a87 !important; /* Dark blue border */
+}
+
+[data-wc-theme="dark"] .collection .card:hover,
+[data-wc-theme="dark"] .blog-card:hover,
+[data-wc-theme="dark"] .post-card:hover,
+[data-wc-theme="dark"] .article-card:hover {
+  background-color: #2c5aa0 !important; /* Darker blue on hover */
+  border-color: #4a6fa5 !important; /* Lighter border on hover */
+}
+
+[data-wc-theme="dark"] .collection .card-body,
+[data-wc-theme="dark"] .blog-card .card-body,
+[data-wc-theme="dark"] .post-card .card-body,
+[data-wc-theme="dark"] .article-card .card-body {
+  color: #e6f3ff !important; /* Light blue text */
+}
+
+[data-wc-theme="dark"] .collection .card-title,
+[data-wc-theme="dark"] .blog-card .card-title,
+[data-wc-theme="dark"] .post-card .card-title,
+[data-wc-theme="dark"] .article-card .card-title {
+  color: #e6f3ff !important; /* Light blue for titles */
+}
+
+[data-wc-theme="dark"] .collection .card-text,
+[data-wc-theme="dark"] .blog-card .card-text,
+[data-wc-theme="dark"] .post-card .card-text,
+[data-wc-theme="dark"] .article-card .card-text {
+  color: #b3d9ff !important; /* Medium light blue for text */
+}
+
+[data-wc-theme="dark"] .collection .summary,
+[data-wc-theme="dark"] .blog-card .summary,
+[data-wc-theme="dark"] .post-card .summary,
+[data-wc-theme="dark"] .article-card .summary {
+  color: #b3d9ff !important;
+  background-color: rgba(0, 0, 0, 0.2) !important;
+  border-left-color: #4a6fa5 !important;
+}

content/blog/_index.md

@@ -4,14 +4,14 @@ date: 2023-10-24
 type: landing
 
 design:
-  spacing: '5rem'
+  spacing: '3rem'
 
 # Page sections
 sections:
   - block: collection
     content:
-      title: Blog
-      subtitle: 'more to come soon'
+      title: blog
+      subtitle: 
       text: ''
       page_type: blog
       count: 10
@@ -26,5 +26,13 @@ sections:
       offset: 0
       order: desc
     design:
-      view: card
+      view: citation
+      show_date: true
+      show_read_time: false
+      show_read_more: true
+      show_image: false
+      show_links: false
+      show_summary: true
+      columns: '1'
+      css_class: 'text-left'
 ---