fixing over flow

PrashantUnity · PrashantUnity · commit 811dd1cd4bf1 · 2026-02-23T09:09:33.000+05:30
diff --git a/assets/css/home.css b/assets/css/home.css
@@ -6,6 +6,12 @@ body {
     color: var(--text-primary)
 }
 
+#main-content {
+    min-width: 0;
+    max-width: 100%;
+    overflow-x: clip;
+}
+
 .page-header {
     text-align: center;
     margin-bottom: 3rem
@@ -43,9 +49,12 @@ body {
 }
 
 .category-section {
+    box-sizing: border-box;
     width: min(75rem, 100%);
+    max-width: 100%;
     margin-inline: auto;
-    margin-bottom: 3rem
+    margin-bottom: 3rem;
+    padding-inline: 0.35rem;
 }
 
 .category-title {
@@ -62,7 +71,8 @@ body {
 .button-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(7rem, 8rem));
-    gap: 1.25rem
+    gap: 1.25rem;
+    min-width: 0;
 }
 
 a.neumorphic-button {
@@ -125,7 +135,9 @@ a.neumorphic-button:active>span {
 
 /* Home intro – neumorphic panel matching site style (category-section + search) */
 .home-intro {
+    box-sizing: border-box;
     width: min(75rem, 100%);
+    max-width: 100%;
     margin-inline: auto;
     margin-bottom: 3rem;
     margin-top: 1rem;
@@ -143,6 +155,8 @@ a.neumorphic-button:active>span {
     display: grid;
     grid-template-columns: 1fr;
     gap: 1.25rem 1.5rem;
+    overflow-wrap: break-word;
+    word-break: break-word;
 }
 
 /* Welcome – matches page-header feel */
@@ -264,12 +278,14 @@ a.neumorphic-button:active>span {
 
 /* CTA strip – primary = same neumorphic as category buttons */
 .home-cta-wrapper {
+    box-sizing: border-box;
     display: flex;
     flex-wrap: wrap;
     gap: 1rem;
     justify-content: center;
     margin: 0 auto 2.5rem;
     width: min(75rem, 100%);
+    max-width: 100%;
 }
 
 .home-cta-primary,
@@ -316,7 +332,9 @@ a.neumorphic-button:active>span {
 
 /* FAQ section */
 .faq-section {
+    box-sizing: border-box;
     width: min(75rem, 100%);
+    max-width: 100%;
     margin-inline: auto;
     margin-top: 2.5rem;
     margin-bottom: 2rem;
@@ -403,6 +421,10 @@ body {
     width: 100%;
 }
 
+.home-intro {
+    padding: 1rem;
+}
+
 .button-grid {
     grid-template-columns: repeat(3, 1fr);
     gap: .75rem;
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -2,12 +2,15 @@
 <html lang="en">
 <head>
     {{ partial "header.html" . }}
+    {{ with resources.Get "css/home.css" }}
+      {{ $minifiedCSS := . | resources.Minify }}
+      <link rel="stylesheet" href="{{ $minifiedCSS.RelPermalink }}">
+    {{ end }}
+    <link rel="stylesheet" href="/css/internal.css">
 </head>
 <body>
     {{ partial "skip-link.html" . }}
-    <header role="banner">
-        <h1>{{ .Title | default "CodeFryDev" }}</h1>
-    </header>
+    {{ partial "page-header.html" . }}
     <main id="main-content" role="main">
         {{ .Content }}
     </main>
diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
@@ -1,22 +1,30 @@
-{{ define "main" }}
-  <main class="main-content">
-    <header class="page-header">
-       {{/* This shows the title, like "All Tags" */}}
-      <h1>{{ .Title }}</h1>
-    </header>
-
-    {{/* This creates a simple list */}}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    {{ partial "header.html" . }}
+    {{ with resources.Get "css/home.css" }}
+      {{ $minifiedCSS := . | resources.Minify }}
+      <link rel="stylesheet" href="{{ $minifiedCSS.RelPermalink }}">
+    {{ end }}
+    <link rel="stylesheet" href="/css/internal.css">
+</head>
+<body>
+  {{ partial "skip-link.html" . }}
+  {{ partial "page-header.html" . }}
+  <main id="main-content" role="main">
+    <h1>{{ .Title }}</h1>
     <ul>
-      {{/* This loops through all the available tags or categories */}}
       {{ range .Data.Terms.ByCount }}
         <li>
           <a href="{{ .Page.Permalink }}">
             {{ .Page.Title }}
-            {{/* This shows how many posts have that tag */}}
             <span>({{ .Count }})</span>
           </a>
         </li>
       {{ end }}
     </ul>
   </main>
-{{ end }}
+  {{ partial "footer.html" . }}
+  <script src="/js/theme.js"></script>
+</body>
+</html>
diff --git a/layouts/about-us/about-us.html b/layouts/about-us/about-us.html
@@ -11,6 +11,10 @@
     <meta property="og:image:alt" content="CodeFryDev Logo">
     <meta property="og:type" content="website">
     
+    {{ with resources.Get "css/home.css" }}
+      {{ $minifiedCSS := . | resources.Minify }}
+      <link rel="stylesheet" href="{{ $minifiedCSS.RelPermalink }}">
+    {{ end }}
     <link rel="stylesheet" href="/css/internal.css">
     <style>
         .about-us-container {
@@ -106,13 +110,8 @@
 </head>
 <body>
   {{ partial "skip-link.html" . }}
-    <main id="main-content" role="main">
-        <div class="MainButtonParent">
-            <a href="/" aria-label="CodeFryDev Homepage">
-                <img style="align-items: center;" src="/images/IconCodefrydev.svg" srcset="/images/IconCodefrydev.svg" alt="CodeFryDev logo" height="96" width="96">
-            </a>
-        </div>
-        {{ partial "navigation.html" . }}
+  {{ partial "page-header.html" . }}
+  <main id="main-content" role="main">
         <div class="about-us-container">
             <div class="about-us-header">
                 <h1>About us</h1>
diff --git a/layouts/about/about.html b/layouts/about/about.html
@@ -4,6 +4,10 @@
     {{ partial "header.html" . }} 
     <meta name="keywords" content="about codefrydev, codefrydev team, digital tools, web development, mobile apps, games, tutorials">
     
+    {{ with resources.Get "css/home.css" }}
+      {{ $minifiedCSS := . | resources.Minify }}
+      <link rel="stylesheet" href="{{ $minifiedCSS.RelPermalink }}">
+    {{ end }}
     <link rel="stylesheet" href="/css/internal.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <style>
@@ -318,13 +322,8 @@
 </head>
 <body>
   {{ partial "skip-link.html" . }}
-    <main id="main-content" role="main">
-        <div class="MainButtonParent">
-            <a href="/" aria-label="CodeFryDev Homepage">
-                <img style="align-items: center;" src="/images/IconCodefrydev.svg" srcset="/images/IconCodefrydev.svg" alt="CodeFryDev logo" height="96" width="96">
-            </a>
-        </div>
-        
+  {{ partial "page-header.html" . }}
+  <main id="main-content" role="main">
         <div class="about-container">
             <div class="about-header">
                 <h1>About CodeFryDev</h1>
diff --git a/layouts/about/users/list.html b/layouts/about/users/list.html
@@ -5,6 +5,10 @@
     {{ partial "header.html" . }}
     <meta name="keywords" content="codefrydev team, developers, designers, contributors, about team">
     
+    {{ with resources.Get "css/home.css" }}
+      {{ $minifiedCSS := . | resources.Minify }}
+      <link rel="stylesheet" href="{{ $minifiedCSS.RelPermalink }}">
+    {{ end }}
     <link rel="stylesheet" href="/css/internal.css">
     <style>
         .users-container {
@@ -180,17 +184,14 @@
 </head>
 
 <body>
-    <main>
-        <div class="MainButtonParent">
-            <img style="align-items: center;" src="/images/IconCodefrydev.svg" srcset="/images/IconCodefrydev.svg" alt="CodeFryDev Logo" width="96" height="96">
-        </div>
-        
+  {{ partial "skip-link.html" . }}
+  {{ partial "page-header.html" . }}
+  <main id="main-content" role="main">
         <div class="users-container">
             <div class="users-header">
                 <h1>{{ .Title }}</h1>
                 <p class="subtitle">Meet the talented folks who contribute to this project</p>
             </div>
-            
             <ol class="users-grid">
                 {{ range sort .Pages "Weight" }}
                 <li class="member-card-wrapper">
diff --git a/layouts/ai/ai.html b/layouts/ai/ai.html
@@ -15,7 +15,7 @@
 <body>
   {{ partial "skip-link.html" . }}
 
-  {{ partial "page-header.html" (dict "context" . "title" "Free AI tools &amp; generators" "tagline" "CodeFryDev") }}
+  {{ partial "page-header.html" . }}
 
   <main id="main-content" role="main">
     {{ partial "search.html" (dict "containerClass" "search-container" "placeholder" "Search for AI tools, generators, and utilities..." "autofocus" false "Site" .Site "Scratch" .Scratch) }}
diff --git a/layouts/designlab/designlab.html b/layouts/designlab/designlab.html
@@ -15,7 +15,7 @@
 <body>
   {{ partial "skip-link.html" . }}
 
-  {{ partial "page-header.html" (dict "context" . "title" "Design tools &amp; creative resources" "tagline" "CodeFryDev") }}
+  {{ partial "page-header.html" . }}
 
   <main id="main-content" role="main">
     {{ partial "search.html" (dict "containerClass" "search-container" "placeholder" "Search for design tools, visualizations, and creative resources..." "autofocus" false "Site" .Site "Scratch" .Scratch) }}
diff --git a/layouts/games/games.html b/layouts/games/games.html
@@ -15,7 +15,7 @@
 <body>
   {{ partial "skip-link.html" . }}
 
-  {{ partial "page-header.html" (dict "context" . "title" "Free online games—play in your browser" "tagline" "CodeFryDev") }}
+  {{ partial "page-header.html" . }}
 
   <main id="main-content" role="main">
     {{ partial "search.html" (dict "containerClass" "search-container" "placeholder" "Search for games, puzzles, and fun activities..." "autofocus" false "Site" .Site "Scratch" .Scratch) }}
diff --git a/layouts/history/history.html b/layouts/history/history.html
@@ -1,17 +1,19 @@
 <!DOCTYPE html>
 <html lang="en">
-<head> 
+<head>
     {{ partial "header.html" . }}
     <meta name="keywords" content="codefrydev history, timeline, milestones, updates, company history">
+    {{ with resources.Get "css/home.css" }}
+      {{ $minifiedCSS := . | resources.Minify }}
+      <link rel="stylesheet" href="{{ $minifiedCSS.RelPermalink }}">
+    {{ end }}
     <link rel="stylesheet" href="/css/history.css">
     <link rel="stylesheet" href="/css/internal.css">
 </head>
 <body>
   {{ partial "skip-link.html" . }}
-    <header role="banner"> 
-        <h1><a href="/" aria-label="Return to homepage">History</a></h1>
-    </header>
-    <main id="main-content" role="main">
+  {{ partial "page-header.html" . }}
+  <main id="main-content" role="main">
         <ul role="list">
             {{ range .Site.Data.history.history }}
                 <li style="--accent-color:{{ .accent_color }}" role="listitem">
diff --git a/layouts/index.html b/layouts/index.html
@@ -13,9 +13,7 @@
 </head>
 <body>
   {{ partial "skip-link.html" . }}
-
-  {{- $homeTitle := `CodeFryDev<sup style="font-size: small; font-weight: bold;"> Alpha</sup>` -}}
-  {{ partial "page-header.html" (dict "context" . "title" $homeTitle "tagline" "Tools, Games, Art, Animation" "ctas" (slice (dict "label" "Browse AI tools" "url" "/ai" "primary" true) (dict "label" "Games" "url" "/games" "primary" false) (dict "label" "Design lab" "url" "/designlab" "primary" false))) }}
+  {{ partial "page-header.html" . }}
 
   <main id="main-content" role="main">
     {{ partial "search.html" (dict "containerClass" "search-container" "placeholder" "Search for tools, games, AI apps, design resources..." "autofocus" false "Site" .Site "Scratch" .Scratch) }}
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -51,13 +51,6 @@ <h3 class="footer-nav-title">Resources</h3>
     <div class="footer-bottom">
       <div class="footer-bottom-content">
         <p class="footer-copyright">&copy; {{ now.Year }} {{ .Site.Params.copyright | default .Site.Title }}. All rights reserved.</p>
-        <button id="theme-toggle" class="theme-toggle" type="button" aria-label="Switch theme" title="Switch theme">
-          <span class="theme-icon" aria-hidden="true">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-              <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
-            </svg>
-          </span>
-        </button>
       </div>
     </div>
   </div>
diff --git a/layouts/partials/navigation.html b/layouts/partials/navigation.html
@@ -7,4 +7,11 @@
     <li class="nav-item"><a href="/store" class="nav-link{{ if eq .Section "store" }} active{{ end }}">Store</a></li>
     <li class="nav-item"><a href="/about-us" class="nav-link{{ if eq .Section "about-us" }} active{{ end }}">About</a></li>
   </ul>
+  <button id="theme-toggle" class="theme-toggle" type="button" aria-label="Switch theme" title="Switch theme">
+    <span class="theme-icon" aria-hidden="true">
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
+      </svg>
+    </span>
+  </button>
 </nav>
diff --git a/layouts/partials/page-header.html b/layouts/partials/page-header.html
@@ -1,20 +1,14 @@
-{{- /* Reusable page header: logo, title, tagline, optional CTA row, main nav. Pass dict "context" . "title" "..." "tagline" "..." "ctas" (slice of dict "label" "..." "url" "..." "primary" true|false) */ -}}
-{{- $ctx := .context -}}
-{{- $title := .title | default "CodeFryDev" -}}
-{{- $tagline := .tagline | default "CodeFryDev" -}}
-{{- $ctas := .ctas -}}
+{{- /* Single header partial: exact homepage design on every page. Pass page context (.) only. */ -}}
 <header class="page-header" role="banner">
   <a href="/" aria-label="CodeFryDev Homepage">
     <img fetchpriority="high" src="/images/IconCodefrydev.svg" srcset="/images/IconCodefrydev.svg" alt="CodeFryDev logo - Tools, Games, Art, Animation" width="96" height="96">
   </a>
-  <h1>{{ $title | safeHTML }}</h1>
-  <p class="tagline">{{ $tagline }}</p>
-  {{- if $ctas }}
+  <h1>CodeFryDev<sup style="font-size: small; font-weight: bold;"> Alpha</sup></h1>
+  <p class="tagline">Tools, Games, Art, Animation</p>
   <p class="home-cta-hero">
-    {{- range $ctas }}
-    <a href="{{ .url }}" class="home-cta-{{ if .primary }}primary{{ else }}secondary{{ end }}">{{ .label }}</a>
-    {{- end }}
+    <a href="/ai" class="home-cta-primary">Browse AI tools</a>
+    <a href="/games" class="home-cta-secondary">Games</a>
+    <a href="/designlab" class="home-cta-secondary">Design lab</a>
   </p>
-  {{- end }}
-  {{ partial "navigation.html" $ctx }}
+  {{ partial "navigation.html" . }}
 </header>
diff --git a/layouts/search/search.html b/layouts/search/search.html
diff --git a/layouts/store/store.html b/layouts/store/store.html
diff --git a/static/css/internal.css b/static/css/internal.css
