feat: Add blog post truncation, introduce fuchsia link hover, and enhance global and page-specific image styling with improved shadows and hover effects.

Author: Alexia Michelle

blog/2025-12-26-happy-holidays.md

@@ -9,6 +9,8 @@ Hello everyone, Alexia here, this is the mind behind GoldenDog Linux. In these l
 
 And believe me, every time I saw that comment, I thought: "One day I'll have to release a public version."
 
+<!-- truncate -->
+
 If you saw the [About](/about) page where I tell a bit about the history of GoldenDog Linux, you'll surely realize that this is a project that has been in development for years. Many!
 
 And although it has never been abandoned, it has gone through stages where my attention was not focused on it.

i18n/es/docusaurus-plugin-content-blog/2025-12-26-happy-holidays.md

@@ -9,6 +9,8 @@ Hola a todos, aquí Alexia, esta es la mente detrás de GoldenDog Linux. En esto
 
 Y créanme que cada vez que veía ese comentario, pensaba: Algún día tendré que lanzar una versión pública.
 
+<!-- truncate -->
+
 Si vieron la página [Acerca de](/about) donde cuento un poco acerca de la historia de GoldenDog Linux, seguramente se darán cuenta que es un proyecto que ha estado en desarrollo durante años. ¡Muchos!
 
 Y si bien nunca ha estado abandonado, si ha pasado por etapas donde mi atención no estuvo enfocada en él. 

src/css/custom.css

@@ -26,6 +26,11 @@
   --ifm-code-font-size: 90%;
   --docusaurus-highlighted-code-line-bg: rgba(155, 89, 182, 0.1);
   --ifm-background-color: #ffffff;
+
+  /* GoldenDog Fuchsia */
+  --goldendog-fuchsia: #ff00ff;
+  --ifm-link-hover-color: var(--goldendog-fuchsia);
+  --ifm-link-hover-decoration: none;
 }
 
 /* Premium Dark overrides */
@@ -56,6 +61,10 @@ html[data-theme='dark'] {
   --glass-bg: rgba(255, 255, 255, 0.03);
   --glass-border: rgba(255, 255, 255, 0.08);
   --glass-blur: blur(12px);
+
+  /* Override links in dark mode too */
+  --ifm-link-hover-color: #ff33ff;
+  /* Slightly brighter for dark mode */
 }
 
 
@@ -83,6 +92,44 @@ html[data-theme='dark'] {
   /* More padding for a premium feel */
   position: relative;
   overflow: hidden;
+  color: var(--ifm-font-color-base);
+  /* Ensure text color is inherited clearly */
+}
+
+/* Fix footer link contrast in light mode */
+html:not([data-theme='dark']) .footer__link-item {
+  color: #333 !important;
+  font-weight: 500;
+}
+
+html:not([data-theme='dark']) .footer__link-item:hover {
+  color: var(--goldendog-fuchsia) !important;
+}
+
+/* Sophisticated Screenshot Styling */
+article img,
+.markdown img {
+  border-radius: 12px;
+  border: 1px solid var(--glass-border);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+  transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+html[data-theme='dark'] article img,
+html[data-theme='dark'] .markdown img {
+  border: 1px solid rgba(255, 255, 255, 0.1);
+  box-shadow: 0 0 20px rgba(255, 0, 255, 0.05), 0 10px 40px rgba(0, 0, 0, 0.4);
+}
+
+article img:hover,
+.markdown img:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
+}
+
+html[data-theme='dark'] article img:hover,
+html[data-theme='dark'] .markdown img:hover {
+  box-shadow: 0 0 30px rgba(255, 0, 255, 0.15), 0 15px 50px rgba(0, 0, 0, 0.5);
 }
 
 

src/pages/index.module.css

@@ -85,13 +85,19 @@
   max-width: 1000px;
   width: 100%;
   border-radius: 16px;
-  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.9), 0 0 40px rgba(175, 115, 255, 0.05);
-  border: 1px solid var(--glass-border);
+  box-shadow: 0 40px 100px rgba(0, 0, 0, 0.9), 0 0 40px rgba(175, 115, 255, 0.15);
+  border: 1px solid rgba(255, 255, 255, 0.1);
   margin-top: 3rem;
   position: relative;
   z-index: 2;
   background: rgba(255, 255, 255, 0.01);
   backdrop-filter: var(--glass-blur);
+  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease;
+}
+
+.desktopScreenshot:hover {
+  transform: translateY(-8px) scale(1.01);
+  box-shadow: 0 50px 120px rgba(0, 0, 0, 1), 0 0 60px rgba(175, 115, 255, 0.25);
 }
 
 
@@ -142,30 +148,31 @@
 .cockpitImageSmall {
   position: absolute;
   width: 65%;
-  border-radius: 8px;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6);
+  border-radius: 12px;
+  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.6), 0 0 20px rgba(175, 115, 255, 0.1);
   top: 10%;
   left: 0;
   z-index: 1;
-  border: 1px solid rgba(255, 255, 255, 0.08);
-  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
+  border: 1px solid rgba(255, 255, 255, 0.15);
+  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
 .cockpitImageLarge {
   position: absolute;
   width: 85%;
-  border-radius: 8px;
-  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.8);
+  border-radius: 12px;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8), 0 0 30px rgba(175, 115, 255, 0.15);
   bottom: 0%;
   right: 0;
   z-index: 2;
-  border: 1px solid rgba(255, 255, 255, 0.12);
-  transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
+  border: 1px solid rgba(255, 255, 255, 0.2);
+  transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
 }
 
 .cockpitImageSmall:hover,
 .cockpitImageLarge:hover {
-  transform: translateY(-10px) scale(1.02);
+  transform: translateY(-15px) scale(1.03);
+  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.9), 0 0 50px rgba(175, 115, 255, 0.3);
   z-index: 3;
 }