added images to articles

assets/css/compiled/main.css

@@ -1502,6 +1502,18 @@ select {
   margin-top: 1.5rem;
 }
 
+.mb-10 {
+  margin-bottom: 2.5rem;
+}
+
+.mb-5 {
+  margin-bottom: 1.25rem;
+}
+
+.mb-\[5rem\] {
+  margin-bottom: 5rem;
+}
+
 .mr-3 {
   margin-right: 0.75rem;
 }
@@ -1586,6 +1598,10 @@ select {
   height: 3rem;
 }
 
+.h-32 {
+  height: 8rem;
+}
+
 .h-24 {
   height: 6rem;
 }
@@ -1682,6 +1698,10 @@ select {
   flex: 1 1 0%;
 }
 
+.flex-shrink-0 {
+  flex-shrink: 0;
+}
+
 .grow {
   flex-grow: 1;
 }
@@ -1745,6 +1765,12 @@ select {
   justify-content: space-between;
 }
 
+.space-y-10 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
+}
+
 .space-x-3 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.75rem * var(--tw-space-x-reverse));
@@ -2862,27 +2888,17 @@ body:has(#menu-controller:checked) {
           text-decoration-line: underline;
 }
 
-/* Responsive hides for hybrid header 
-@screen sm {
-  .hidebasic {
-    @apply invisible;
-  }
+/* */
 
-  .hidehamburger {
-    @apply visibile;
-  }
+.thumbnail {
+  min-width: 300px;
+  height: 180px;
+  background-repeat:no-repeat;
+  background-size:cover;
+  background-position:center;
+  box-shadow: 10px 10px 30px 2px rgba(0, 0, 0, 0.6);
 }
 
-@screen md {
-  .hidebasic {
-    @apply visibile;
-  };
-
-  .hidehamburger {
-    @apply invisible;
-  }
-}*/
-
 .first\:mt-8:first-child {
   margin-top: 2rem;
 }
@@ -3301,10 +3317,22 @@ body:has(#menu-controller:checked) {
     margin-bottom: 0px;
   }
 
+  .sm\:mr-7 {
+    margin-right: 1.75rem;
+  }
+
+  .sm\:flex {
+    display: flex;
+  }
+
   .sm\:w-1\/2 {
     width: 50%;
   }
 
+  .sm\:w-32 {
+    width: 8rem;
+  }
+
   .sm\:flex-row {
     flex-direction: row;
   }
@@ -3355,6 +3383,10 @@ body:has(#menu-controller:checked) {
 }
 
 @media (min-width: 768px) {
+  .md\:mb-0 {
+    margin-bottom: 0px;
+  }
+
   .md\:ml-12 {
     margin-left: 3rem;
   }

assets/css/main.css

@@ -337,23 +337,12 @@ body:has(#menu-controller:checked) {
   @apply underline;
 }
 
-/* Responsive hides for hybrid header 
-@screen sm {
-  .hidebasic {
-    @apply invisible;
-  }
-
-  .hidehamburger {
-    @apply visibile;
-  }
-}
-
-@screen md {
-  .hidebasic {
-    @apply visibile;
-  };
-
-  .hidehamburger {
-    @apply invisible;
-  }
-}*/
+/* */
+.thumbnail {
+  min-width: 300px;
+  height: 180px;
+  background-repeat:no-repeat;
+  background-size:cover; 
+  background-position:center;
+  box-shadow: 10px 10px 30px 2px rgba(0, 0, 0, 0.6);
+}

assets/css/schemes/blowfish.css

@@ -0,0 +1,37 @@
+/* Ocean scheme */
+:root {
+  --color-neutral: 255, 255, 255;
+  /* Gray */
+  --color-neutral-50: 248, 250, 252;
+  --color-neutral-100: 241, 245, 249;
+  --color-neutral-200: 226, 232, 240;
+  --color-neutral-300: 203, 213, 225;
+  --color-neutral-400: 148, 163, 184;
+  --color-neutral-500: 100, 116, 139;
+  --color-neutral-600: 71, 85, 105;
+  --color-neutral-700: 51, 65, 85;
+  --color-neutral-800: 30, 41, 59;
+  --color-neutral-900: 15, 23, 42;
+  /* Blue */
+  --color-primary-50: 239, 246, 255;
+  --color-primary-100: 219, 234, 254;
+  --color-primary-200: 191, 219, 254;
+  --color-primary-300: 147, 197, 253;
+  --color-primary-400: 96, 165, 250;
+  --color-primary-500: 59, 130, 246;
+  --color-primary-600: 37, 99, 235;
+  --color-primary-700: 29, 78, 216;
+  --color-primary-800: 30, 64, 175;
+  --color-primary-900: 30, 58, 138;
+  /* Cyan */
+  --color-secondary-50: 236, 254, 255;
+  --color-secondary-100: 207, 250, 254;
+  --color-secondary-200: 165, 243, 252;
+  --color-secondary-300: 103, 232, 249;
+  --color-secondary-400: 34, 211, 238;
+  --color-secondary-500: 6, 182, 212;
+  --color-secondary-600: 8, 145, 178;
+  --color-secondary-700: 14, 116, 144;
+  --color-secondary-800: 21, 94, 117;
+  --color-secondary-900: 22, 78, 99;
+}