From 851a0031f29550979431aa5c279fbc97af708fa3 Mon Sep 17 00:00:00 2001
From: minikin <djminikin@gmail.com>
Date: Fri, 29 Nov 2024 16:10:13 +0100
Subject: [PATCH] feat: update main page

---
 source/_includes/components/favicon.jinja |   9 +
 source/_includes/components/footer.jinja  |   6 +-
 source/_includes/components/header.jinja  |   8 +
 source/images/branding/logo.png           | Bin 0 -> 14677 bytes
 source/index.jinja                        |  61 +----
 source/styles/footer.sass                 |  21 ++
 source/styles/header.sass                 |  33 +++
 source/styles/home.sass                   | 294 ++++++----------------
 source/styles/styles.sass                 |  32 ---
 source/styles/theme.sass                  | 129 ++++++++++
 10 files changed, 290 insertions(+), 303 deletions(-)
 create mode 100644 source/_includes/components/favicon.jinja
 create mode 100644 source/_includes/components/header.jinja
 create mode 100644 source/images/branding/logo.png
 create mode 100644 source/styles/footer.sass
 create mode 100644 source/styles/header.sass
 delete mode 100644 source/styles/styles.sass
 create mode 100644 source/styles/theme.sass

diff --git a/source/_includes/components/favicon.jinja b/source/_includes/components/favicon.jinja
new file mode 100644
index 0000000..60ed23e
--- /dev/null
+++ b/source/_includes/components/favicon.jinja
@@ -0,0 +1,9 @@
+<link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
+<link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
+<link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
+<link rel="manifest" href="/images/favicon/site.webmanifest">
+<link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
+<link rel="shortcut icon" href="/images/favicon/favicon.ico">
+<meta name="msapplication-TileColor" content="#da532c">
+<meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
+<meta name="theme-color" content="#ffffff">
\ No newline at end of file
diff --git a/source/_includes/components/footer.jinja b/source/_includes/components/footer.jinja
index 14ed376..bca33c1 100644
--- a/source/_includes/components/footer.jinja
+++ b/source/_includes/components/footer.jinja
@@ -1,3 +1,5 @@
-<footer>
-  <p>Catalyst Voice © 2025</p>
+<footer class="footer">
+  <div class="footer-content">
+    <p class="copyright">© 2024 Project Catalyst. All rights reserved.</p>
+  </div>
 </footer>
\ No newline at end of file
diff --git a/source/_includes/components/header.jinja b/source/_includes/components/header.jinja
new file mode 100644
index 0000000..dc79baf
--- /dev/null
+++ b/source/_includes/components/header.jinja
@@ -0,0 +1,8 @@
+<!-- Main header -->
+<nav class="top-nav" id="mainNav">
+    <div class="nav-content">
+        <div class="logo">
+            <img src="/images/branding/logo.png" alt="Project Catalyst Logo" class="logo-image">
+        </div>
+    </div>
+</nav>
\ No newline at end of file
diff --git a/source/images/branding/logo.png b/source/images/branding/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..c601c67a1d87179420ee66c591e53e6bee1e6411
GIT binary patch
literal 14677
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
R|M|C2MnX}%M${na{{d`YvF88)

literal 0
HcmV?d00001

diff --git a/source/index.jinja b/source/index.jinja
index d118f7f..ec9f9d2 100644
--- a/source/index.jinja
+++ b/source/index.jinja
@@ -6,40 +6,22 @@ title: Catalyst Voices Updates
 
 <head>
   <meta charset="utf-8">
+
   <title>{{ title }}</title>
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="description" content="Latest updates and news from Catalyst Voices">
 
-  <link rel="apple-touch-icon" sizes="180x180" href="/images/favicon/apple-touch-icon.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon/favicon-16x16.png">
-  <link rel="manifest" href="/images/favicon/site.webmanifest">
-  <link rel="mask-icon" href="/images/favicon/safari-pinned-tab.svg" color="#5bbad5">
-  <link rel="shortcut icon" href="/images/favicon/favicon.ico">
-  <meta name="msapplication-TileColor" content="#da532c">
-  <meta name="msapplication-config" content="/images/favicon/browserconfig.xml">
-  <meta name="theme-color" content="#ffffff">
+  {{ components.favicon() }}
 
-  <link rel="stylesheet" href="/styles/styles.css">
+  <link rel="stylesheet" href="/styles/theme.css">
+  <link rel="stylesheet" href="/styles/header.css">
   <link rel="stylesheet" href="/styles/home.css">
+  <link rel="stylesheet" href="/styles/footer.css">
 </head>
 
 <body>
-  <!-- Main header -->
-  <nav class="top-nav" id="mainNav">
-    <div class="nav-content">
-      <div class="logo">
-        <img src="/images/logo.svg" alt="Project Catalyst Logo" class="logo-image">
-      </div>
-    </div>
-  </nav>
-
-  <!-- Sticky header (shows on scroll) -->
-  <nav class="sticky-nav" id="stickyNav">
-    <div class="nav-content">
-      <h1 class="sticky-title">Catalyst Voices: What's <span class="accent">New</span></h1>
-    </div>
-  </nav>
+  {{ components.header() }}
 
   <!-- Hero section -->
   <header class="hero-section" id="heroSection">
@@ -109,34 +91,7 @@ title: Catalyst Voices Updates
     </div>
   </div>
 
-  <script>
-    document.addEventListener('DOMContentLoaded', function () {
-      const mainNav = document.getElementById('mainNav');
-      const stickyNav = document.getElementById('stickyNav');
-      const heroSection = document.getElementById('heroSection');
-      let lastScrollTop = 0;
-
-      window.addEventListener('scroll', function () {
-        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
-        const heroBottom = heroSection.offsetTop + heroSection.offsetHeight;
-
-        if (scrollTop >= heroBottom) {
-          mainNav.classList.add('nav-hidden');
-          stickyNav.classList.add('nav-visible');
-        } else {
-          mainNav.classList.remove('nav-hidden');
-          stickyNav.classList.remove('nav-visible');
-        }
-
-        if (scrollTop > lastScrollTop && scrollTop > heroBottom) {
-          stickyNav.classList.add('nav-up');
-        } else {
-          stickyNav.classList.remove('nav-up');
-        }
-        lastScrollTop = scrollTop;
-      });
-    });
-  </script>
+  {{ components.footer() }}
 </body>
 
 </html>
\ No newline at end of file
diff --git a/source/styles/footer.sass b/source/styles/footer.sass
new file mode 100644
index 0000000..39250c3
--- /dev/null
+++ b/source/styles/footer.sass
@@ -0,0 +1,21 @@
+@use 'theme' as *;
+@use "sass:map";
+
+.footer {
+  width: 100%;
+  padding: 1rem 0;
+  border-top: 1px solid #EAECF0;
+  margin-top: auto;
+  color:white
+
+}
+
+.footer-content {
+  margin: 0 auto;
+  padding: 0 2rem;
+}
+
+.copyright {
+  @include typography("body");
+  color: get-color("text-light");
+}
\ No newline at end of file
diff --git a/source/styles/header.sass b/source/styles/header.sass
new file mode 100644
index 0000000..66bfbd8
--- /dev/null
+++ b/source/styles/header.sass
@@ -0,0 +1,33 @@
+@import 'theme';
+
+// Top Navigation
+.top-nav {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  z-index: 100;
+  background: rgba(white, 0.9);
+  backdrop-filter: blur(8px);
+  padding: map-get($spacing, sm) 0;
+}
+
+.nav-content {
+  align-content: start;
+  width: 100%;
+  margin: 0 auto;
+  padding: 0 map-get($spacing, lg);
+  display: flex;
+  justify-content: start;
+  align-items: left;
+}
+
+.logo {
+  display: flex;
+  align-items: left;
+
+  img {
+    height: 40px;
+    width: auto;
+  }
+}
\ No newline at end of file
diff --git a/source/styles/home.sass b/source/styles/home.sass
index d2b1c17..af87134 100644
--- a/source/styles/home.sass
+++ b/source/styles/home.sass
@@ -1,322 +1,184 @@
-// Variables
-$colors: (primary-blue: #1976E5,
-  timeline-blue: #1444EF,
-  text-dark: #1B2559,
-  text-light: #64748B,
-  tag-bg: #F4F7FE,
-  white: #FFFFFF,
-  purple: #8247FF);
+@use 'theme' as *;
+@use "sass:map";
+
+// Site content container
+.site-content {
+  position: relative;
+  z-index: 1;
+}
 
 // Base styles
 body {
   margin: 0;
   padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
-  color: map-get($colors, text-dark);
-  line-height: 1.5;
-}
-
-// Top Navigation
-.top-nav {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(8px);
-  z-index: 100;
-  padding: 1rem 0;
-}
-
-.nav-content {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: 0 1.5rem;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-
-.logo {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  color: map-get($colors, text-dark);
-  text-decoration: none;
-}
-
-.logo-image {
-  height: 32px;
-  width: auto;
-}
-
-.search-button {
-  background: none;
-  border: none;
-  cursor: pointer;
-  padding: 0.5rem;
-  color: map-get($colors, text-dark);
-
-  &:hover {
-    color: map-get($colors, primary-blue);
-  }
+  background: $background-gradient;
+  min-height: 100vh;
+  background-attachment: fixed;
 }
 
 // Hero Section
 .hero-section {
-  background: linear-gradient(135deg, #F7F3FF 0%, #FFFFFF 100%);
-  padding-top: calc(8rem + 64px);
+  margin-top: 250px;
   text-align: center;
 }
 
 .hero-title {
-  font-size: 3.5rem;
-  font-weight: 700;
-  color: map-get($colors, text-dark);
-  margin-bottom: 1rem;
+  @include typography("hero");
+  color: get-color("text-dark");
+  margin-bottom: get-spacing("sm");
 
   .accent {
-    color: map-get($colors, purple);
+    color: get-color("hero-purple");
   }
 }
 
 .hero-subtitle {
-  font-size: 1.125rem;
-  color: map-get($colors, text-light);
-  max-width: 600px;
+  @include typography("body");
+  color: get-color("text-light");
   margin: 0 auto;
 }
 
-// Wrapper
+// Main Content Layout
 .wrapper {
-  max-width: 1200px;
+  display: flex;
+  width: 100%;
   margin: 0 auto;
-  padding: 2rem 1rem;
+  padding: get-spacing("lg") 0;
+  margin-top: 100px;
+  justify-content: center;
 }
 
-// Post List
 .post-list {
+  margin: 0 auto;
   display: flex;
   flex-direction: column;
-  gap: 3rem;
-  max-width: 1000px;
-  margin: 0 auto;
-  position: relative;
+  gap: get-spacing("xl");
 }
 
-// Post Layout
 .post {
-  display: grid;
-  grid-template-columns: 300px 1fr;
-  gap: 2rem;
-  padding: 0 1rem;
+  display: flex;
   position: relative;
 
-  @media (max-width: 768px) {
-    grid-template-columns: 1fr;
-    gap: 1rem;
+  &:first-child .post-meta::before {
+    top: 10px;
+  }
+
+  &:last-child .post-meta::before {
+    bottom: 0;
   }
 }
 
-// Post Meta (Left Column)
 .post-meta {
+  width: get-layout("meta-width");
+  flex-shrink: 0;
+  padding-right: get-spacing("xl");
   position: relative;
-  padding-left: 1.5rem;
 
-  // Timeline connector
   &::before {
     content: '';
     position: absolute;
     left: 0;
     top: 0;
-    bottom: -3rem; // Extends to the next post
+    bottom: -4rem;
     width: 2px;
-    background-color: map-get($colors, timeline-blue);
+    background-color: get-color("timeline-blue");
     opacity: 0.1;
   }
 
-  // Date dot
   .date {
     position: relative;
     display: inline-block;
-    color: map-get($colors, timeline-blue);
-    font-size: 0.875rem;
-    margin-bottom: 0.75rem;
-    font-weight: 500;
-    padding-left: 1rem;
+    color: black;
+    @include typography("label");
+    padding-left: get-spacing("md");
 
     &::before {
       content: '';
       position: absolute;
-      left: -1.5rem;
+      left: 0;
       top: 50%;
       transform: translateY(-50%);
       width: 4px;
       height: 16px;
-      background-color: map-get($colors, timeline-blue);
+      background-color: get-color("timeline-blue");
       border-radius: 2px;
     }
   }
 
   .title {
-    font-size: 1.75rem;
-    font-weight: 600;
-    line-height: 1.3;
-    margin: 0.5rem 0 1rem;
-    color: map-get($colors, text-dark);
+    @include typography("title");
+    color:  get-color("footer-txt");
+    margin-left: get-spacing("md");
   }
 }
 
-// Platform Tags
-.platform-tags {
-  display: flex;
-  gap: 0.5rem;
-  flex-wrap: wrap;
-}
-
-.platform-tag {
-  display: inline-block;
-  padding: 0.5rem 1rem;
-  background: map-get($colors, tag-bg);
-  border-radius: 100px; // Pill shape
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: map-get($colors, text-dark);
-}
-
-// Post Content (Right Column)
 .post-content {
+  flex-grow: 1;
+  max-width: get-layout("content-width");
+
   .post-media {
-    margin-bottom: 1.5rem;
-    border-radius: 1rem;
+    margin-bottom: get-spacing("lg");
+    border-radius: 8px;
     overflow: hidden;
-    background: map-get($colors, text-dark);
 
     img,
     video {
       width: 100%;
+      height: auto;
       display: block;
     }
 
     &.video-container {
+      position: relative;
       aspect-ratio: 16/9;
-
-      video {
-        width: 100%;
-        height: 100%;
-        object-fit: cover;
-      }
     }
   }
 
   .description {
-    color: map-get($colors, text-dark);
-    font-size: 1rem;
-    line-height: 1.6;
-    margin-bottom: 1.5rem;
+    @include typography("body");
+    color: get-color("text-light");
+    margin-bottom: get-spacing("lg");
   }
 }
 
 // Read More Button
 .read-more {
   display: inline-block;
-  padding: 0.75rem 1.5rem;
-  background-color: map-get($colors, primary-blue);
-  color: map-get($colors, white);
+  padding: get-spacing("xs") get-spacing("md");
+  background-color: get-color("primary-blue");
+  color: white;
+  justify-content: center;
+  align-items: center;
   text-decoration: none;
-  border-radius: 0.5rem;
-  font-size: 0.875rem;
-  font-weight: 500;
-  transition: background-color 0.2s ease;
+  text-align: center;
+  border-radius: 40px;
+  @include typography("label");
+  transition: background-color 0.3s ease;
 
   &:hover {
-    background-color: darken(map-get($colors, primary-blue), 5%);
+    background-color: darken(get-color("primary-blue"), 5%);
+    color: white;
   }
 }
 
-// Hide timeline for last post
-.post:last-child {
-  .post-meta::before {
-    bottom: 0;
-  }
-}
-
-// Responsive Adjustments
-@media (max-width: 768px) {
-  .hero-title {
-    font-size: 2.5rem;
-  }
-
-  .hero-subtitle {
-    font-size: 1rem;
+// Responsive adjustments
+@media (max-width: 1024px) {
+  .wrapper {
+    padding: 0 get-spacing("md");
   }
 
   .post {
-    padding: 0;
+    flex-direction: column;
   }
 
   .post-meta {
-    padding-left: 1rem;
-  }
-
-  .platform-tag {
-    font-size: 0.75rem;
-    padding: 0.375rem 0.75rem;
+    width: 100%;
+    padding-right: 0;
+    padding-left: get-spacing("md");
+    margin-bottom: get-spacing("md");
   }
-}
 
-// Navigation Base Styles
-.top-nav,
-.sticky-nav {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  background: rgba(255, 255, 255, 0.9);
-  backdrop-filter: blur(8px);
-  z-index: 100;
-  padding: 1rem 0;
-  transition: transform 0.3s ease-in-out;
-}
-
-// Main Navigation
-.top-nav {
-  transform: translateY(0);
-
-  &.nav-hidden {
-    transform: translateY(-100%);
-  }
-}
-
-// Sticky Navigation
-.sticky-nav {
-  background: rgba(255, 255, 255, 0.95);
-  transform: translateY(-100%);
-
-  &.nav-visible {
-    transform: translateY(0);
-  }
-
-  &.nav-up {
-    transform: translateY(-100%);
-  }
-
-  .nav-content {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 0 1.5rem;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  .sticky-title {
-    font-size: 1.25rem;
-    font-weight: 600;
-    margin: 0;
-
-    .accent {
-      color: map-get($colors, purple);
-    }
+  .hero-title {
+    @include typography("title");
   }
 }
\ No newline at end of file
diff --git a/source/styles/styles.sass b/source/styles/styles.sass
deleted file mode 100644
index a622131..0000000
--- a/source/styles/styles.sass
+++ /dev/null
@@ -1,32 +0,0 @@
-html, body {
-  margin: 0;
-  padding: 0;
-}
-
-main {
-  max-width: 800px;
-  margin-left: auto;
-  margin-right: auto;
-
-  padding: 48px;
-
-  line-height: 1.4em;
-
-  li {
-    margin-bottom: 1em;
-  }
-}
-
-footer {
-  width: 100%;
-  padding-top: 48px;
-  padding-bottom: 48px;
-
-  background: YELLOW;
-
-  color: BLACK;
-  font-size: 14px;
-  font-family: sans-serif;
-  text-align: center;
-  text-transform: uppercase;
-}
\ No newline at end of file
diff --git a/source/styles/theme.sass b/source/styles/theme.sass
new file mode 100644
index 0000000..c9b1dd9
--- /dev/null
+++ b/source/styles/theme.sass
@@ -0,0 +1,129 @@
+@use "sass:map";
+
+// Colors
+$colors: (
+  primary-blue: #113CD3,
+  timeline-blue: #1444EF,
+  text-dark: #1B2559,
+  text-light: #64748B,
+  tag-bg: #F4F7FE,
+  hero-purple: #935CD6,
+  footer-txt: #212A3D
+);
+
+// Font Families
+$font-families: (
+  primary: ('Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif),
+  titles: ('Poppins', sans-serif),
+  accent: ('Roboto', sans-serif)
+);
+
+// Font Sizes
+$font-sizes: (
+  xs: 0.875rem,    // 14px
+  sm: 1rem,        // 16px
+  base: 1.125rem,  // 18px
+  lg: 1.5rem,      // 24px
+  xl: 2.5rem,      // 40px
+  '2xl': 3.5rem    // 56px
+);
+
+// Font Weights
+$font-weights: (
+  regular: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+);
+
+// Layout
+$layout: (
+  max-width: 1200px,
+  content-width: 720px,
+  meta-width: 280px
+);
+
+// Spacing
+$spacing: (
+  xs: 0.5rem,    // 8px
+  sm: 1rem,      // 16px
+  md: 1.5rem,    // 24px
+  lg: 2rem,      // 32px
+  xl: 4rem       // 64px
+);
+
+// Effects
+$background-gradient: linear-gradient(
+  135deg,
+  rgba(247, 237, 255, 1) 0%,
+  rgba(255, 255, 255, 1) 60%,
+  rgba(237, 240, 255, 1) 100%
+);
+
+// Typography Styles
+$typography-styles: (
+  hero: (
+    font-family: map.get($font-families, "primary"),
+    font-size: 64px,
+    line-height: 64px,
+    font-weight: 700,
+    letter-spacing: -0.02em
+  ),
+  title: (
+    font-family: map.get($font-families, "titles"),
+    font-size: 22px,
+    line-height: 28px,
+    font-weight: 700,
+    letter-spacing: 0.03em
+  ),
+  body: (
+    font-family: map.get($font-families, "primary"),
+    font-size: 16px,
+    line-height: 24px,
+    font-weight: 500,
+    letter-spacing: 0.005em
+  ),
+  label: (
+    font-family: map.get($font-families, "primary"),
+    font-size: 14px,
+    line-height: 20px,
+    font-weight: 500,
+    letter-spacing: 0.1px
+  )
+);
+
+// Functions
+@function get-color($key) {
+  @return map.get($colors, $key);
+}
+
+@function get-font-family($key) {
+  @return map.get($font-families, $key);
+}
+
+@function get-font-size($key) {
+  @return map.get($font-sizes, $key);
+}
+
+@function get-spacing($key) {
+  @return map.get($spacing, $key);
+}
+
+@function get-layout($key) {
+  @return map.get($layout, $key);
+}
+
+// Typography Mixin
+@mixin typography($style) {
+  $settings: map.get($typography-styles, $style);
+  font-family: map.get($settings, "font-family");
+  font-size: map.get($settings, "font-size");
+  font-weight: map.get($settings, "font-weight");
+  line-height: map.get($settings, "line-height");
+  letter-spacing: map.get($settings, "letter-spacing");
+}
+
+Base styles
+body {
+  font-family: map.get($font-families, "primary");
+}
\ No newline at end of file