Merge pull request #7 from PALP31/copilot/update-visual-identity-triticum-tale

Upgrade Triticum Tale visual identity with Lux theme and hero CTA

Author: PALP31

docs/_quarto.yml

@@ -4,6 +4,7 @@ project:
 website:
   title: "Triticum Tale"
   navbar:
+    logo: logo-placeholder.svg
     left:
       - href: index.qmd
         text: Home
@@ -14,6 +15,5 @@ website:
 
 format:
   html:
-    theme: cosmo
-    css: ../assets/custom_theme.css
+    theme: [lux, custom.scss]
     toc: true

docs/custom.scss

@@ -0,0 +1,29 @@
+@import url("https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&display=swap");
+
+$primary: #c5a059; // Candeal Gold (keep aligned with docs/logo-placeholder.svg)
+$navbar-bg: #f8f9fa;
+$navbar-hl: #003b71; // PUC Blue (Pontificia Universidad Católica palette) for hover/focus
+
+h1,
+h2 {
+  color: $primary;
+  font-family: "Merriweather", "Georgia", serif;
+}
+
+.navbar .navbar-nav .nav-link:hover,
+.navbar .navbar-nav .nav-link:focus {
+  color: $navbar-hl;
+  text-decoration: underline;
+}
+
+.navbar .navbar-nav .nav-link:focus-visible {
+  outline: 2px solid $navbar-hl;
+  outline-offset: 2px;
+}
+
+.hero {
+  padding: 3rem 1.5rem;
+  margin: 1.5rem 0 2rem;
+  background: linear-gradient(135deg, rgba($primary, 0.15), rgba($navbar-bg, 1));
+  border-radius: 0.75rem;
+}

docs/index.qmd

@@ -2,6 +2,14 @@
 title: "Triticum Tale"
 ---
 
+::: {.hero}
+# Decode Durum Resilience
+
+**Triticum Tale** transforms multi-omic stress data into a clear scientific narrative of how *Triticum durum* adapts under heat and drought pressure.
+
+[Explore Meta-QTL Explorer](meta-qtl-explorer.qmd){.btn .btn-primary}
+:::
+
 Welcome to **Triticum Tale**, a digital museum for multi-omic stress data in *Triticum durum*.
 
 This project brings together transcriptomic, metabolomic, and integrative analyses to explore how durum wheat responds to heat and drought stress through interactive, narrative-driven visualizations.