Changed footer

assets/css/wordpress.css

@@ -0,0 +1,289 @@
+/* Wordpress Content Styles */
+
+/* General Prose Styles (already in app.css, but can be extended here if needed) */
+.prose {
+    /* max-width: none; */ /* Already handled by Tailwind's prose plugin or app.css */
+}
+
+/* Headings */
+.prose h1,
+.prose h2,
+.prose h3,
+.prose h4,
+.prose h5,
+.prose h6 {
+    font-weight: 700;
+    line-height: 1.25;
+    margin-top: 2em;
+    margin-bottom: 1em;
+    color: var(--gray-900);
+}
+
+.prose h1 {
+    font-size: 2.5em;
+}
+
+.prose h2 {
+    font-size: 2em;
+}
+
+.prose h3 {
+    font-size: 1.75em;
+}
+
+.prose h4 {
+    font-size: 1.5em;
+}
+
+.prose h5 {
+    font-size: 1.25em;
+}
+
+.prose h6 {
+    font-size: 1em;
+    color: var(--gray-600);
+}
+
+/* Paragraphs */
+.prose p {
+    margin-bottom: 1.5em;
+    line-height: 1.75;
+    color: var(--gray-700);
+}
+
+/* Lists */
+.prose ul,
+.prose ol {
+    margin-bottom: 1.5em;
+    padding-left: 2em;
+}
+
+.prose ul {
+    list-style-type: disc;
+}
+
+.prose ol {
+    list-style-type: decimal;
+}
+
+.prose li {
+    margin-bottom: 0.5em;
+    line-height: 1.75;
+    color: var(--gray-700);
+}
+
+.prose ul ul,
+.prose ol ol,
+.prose ul ol,
+.prose ol ul {
+    margin-bottom: 0;
+    margin-top: 0.5em;
+}
+
+/* Links */
+.prose a {
+    color: var(--primary-blue);
+    text-decoration: underline;
+    text-decoration-color: var(--primary-blue);
+    transition: color 0.2s ease, text-decoration-color 0.2s ease;
+}
+
+.prose a:hover {
+    color: var(--primary-blue-dark);
+    text-decoration-color: var(--primary-blue-dark);
+}
+
+/* Images */
+.prose img {
+    max-width: 100%;
+    height: auto;
+    border-radius: 0.5rem;
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
+}
+
+.prose figure {
+    margin: 2em 0;
+    text-align: center;
+}
+
+.prose figcaption {
+    font-size: 0.875em;
+    color: var(--gray-600);
+    margin-top: 0.5em;
+    text-align: center;
+    font-style: italic;
+}
+
+/* Tables */
+.prose table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 1.5em;
+    border: 1px solid var(--gray-300);
+}
+
+.prose th,
+.prose td {
+    padding: 0.75em 1em;
+    text-align: left;
+    border-bottom: 1px solid var(--gray-300);
+}
+
+.prose th {
+    background-color: var(--gray-100);
+    font-weight: 600;
+    color: var(--gray-900);
+}
+
+.prose tbody tr:nth-child(even) {
+    background-color: var(--gray-50);
+}
+
+/* Blockquotes */
+.prose blockquote {
+    border-left: 4px solid var(--primary-blue);
+    padding-left: 1.5rem;
+    margin: 2em 0;
+    font-style: italic;
+    color: var(--gray-600);
+    background-color: var(--gray-50);
+    padding: 1.5rem;
+    border-radius: 0.25rem;
+}
+
+.prose blockquote p:last-child {
+    margin-bottom: 0;
+}
+
+/* Code Blocks */
+.prose code {
+    background-color: var(--gray-100);
+    color: var(--gray-800);
+    padding: 0.25em 0.5em;
+    border-radius: 0.25rem;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+    font-size: 0.875em;
+}
+
+.prose pre {
+    background-color: var(--gray-900);
+    color: var(--gray-50);
+    padding: 1.5em;
+    border-radius: 0.5rem;
+    overflow-x: auto;
+    margin-bottom: 1.5em;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+    font-size: 0.875em;
+}
+
+.prose pre code {
+    background-color: transparent;
+    color: inherit;
+    padding: 0;
+    border-radius: 0;
+}
+
+/* Embeds */
+.prose iframe,
+.prose video,
+.prose audio {
+    max-width: 100%;
+    margin-top: 1.5em;
+    margin-bottom: 1.5em;
+}
+
+.prose .wp-block-embed {
+    margin: 2em 0;
+}
+
+/* Separators */
+.prose hr {
+    border: none;
+    height: 1px;
+    background-color: var(--gray-300);
+    margin: 2em 0;
+}
+
+/* WordPress Specific Classes */
+.prose .wp-caption {
+    background-color: var(--gray-50);
+    border: 1px solid var(--gray-200);
+    padding: 1em;
+    border-radius: 0.5rem;
+    text-align: center;
+}
+
+.prose .wp-caption-text {
+    font-size: 0.875em;
+    color: var(--gray-600);
+    margin-top: 0.5em;
+    font-style: italic;
+}
+
+.prose .alignleft {
+    float: left;
+    margin: 0.5em 1.5em 0.5em 0;
+}
+
+.prose .alignright {
+    float: right;
+    margin: 0.5em 0 0.5em 1.5em;
+}
+
+.prose .aligncenter {
+    display: block;
+    margin: 1.5em auto;
+}
+
+/* Responsive adjustments for images */
+@media (max-width: 768px) {
+    .prose .alignleft,
+    .prose .alignright {
+        float: none;
+        display: block;
+        margin: 1.5em auto;
+        clear: both;
+    }
+}
+
+/* WordPress Gutenberg Block Styles */
+.prose .wp-block-gallery {
+    margin: 2em 0;
+}
+
+.prose .wp-block-gallery .blocks-gallery-item {
+    margin: 0.5em;
+}
+
+.prose .wp-block-quote {
+    border-left: 4px solid var(--primary-blue);
+    padding-left: 1.5rem;
+    margin: 2em 0;
+    font-style: italic;
+    color: var(--gray-600);
+    background-color: var(--gray-50);
+    padding: 1.5rem;
+    border-radius: 0.25rem;
+}
+
+.prose .wp-block-pullquote {
+    border-top: 4px solid var(--primary-blue);
+    border-bottom: 4px solid var(--primary-blue);
+    padding: 2em;
+    margin: 2em 0;
+    text-align: center;
+    font-style: italic;
+    color: var(--gray-700);
+}
+
+.prose .wp-block-code {
+    background-color: var(--gray-900);
+    color: var(--gray-50);
+    padding: 1.5em;
+    border-radius: 0.5rem;
+    overflow-x: auto;
+    margin-bottom: 1.5em;
+    font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+    font-size: 0.875em;
+}

hugo.toml

@@ -16,7 +16,7 @@ enableRobotsTXT = true
 
 # SEO Configuration
 [params.seo]
-  description = "Mistergeek - Tutoriels et guides en informatique et technologie en français"
+  description = "Tutoriels et guides en informatique et technologie en français"
   keywords = ["tutoriel informatique", "guide technologie", "solutions informatiques", "développement web", "technologies", "innovation", "mistergeek"]
   author = "Mistergeek"
   theme_color = "#007bff"

layouts/_default/list.html

@@ -1,63 +1,83 @@
 {{ define "main" }}
-
 <!-- layouts/_default/list.html -->
-<div class="section-sm bg-gray-lighter">
-  <div class="container text-center">
-    <h1 class="font-family-playfair">{{ .Site.Title }}</h1>
-  </div><!-- end container -->
-</div>
+<div class="min-h-screen bg-white">
     
-<!-- Blog section  -->
-<div class="section">
-    <div class="container">
-        <div class="row g-4">
-            <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
-                {{ $paginationLimit := 10 }}
-                {{ if .Site.Params.paginationLimit }}{{ $paginationLimit = .Site.Params.paginationLimit }}{{ end }}
-                {{ $paginator := .Paginator $paginationLimit }}
+    <!-- Hero Section with Category Title -->
+    <section class="gradient-bg py-12 md:py-16 lg:py-20">
+        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="max-w-4xl mx-auto text-center">
+                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">
+                    {{ if .Title }}{{ .Title }}{{ else }}{{ .Site.Title }}{{ end }}
+                </h1>
+                {{ if .Description }}
+                <p class="text-xl text-gray-700 mb-8">{{ .Description }}</p>
+                {{ else if and (eq .Kind "taxonomy") .Data.Term }}
+                <p class="text-xl text-gray-700 mb-8">{{ .Data.Term | humanize }}</p>
+                {{ else if .Site.Params.seo.description }}
+                <!-- <p class="text-xl text-gray-700 mb-8">{{ .Site.Params.seo.description }}</p> -->
+                {{ end }}
+                
+                <!-- Category tags if this is a taxonomy page -->
+                {{ if eq .Kind "taxonomy" }}
+                <div class="flex flex-wrap justify-center gap-3 mb-10">
+                    <span class="tag bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">{{ .Title }}</span>
+                </div>
+                {{ end }}
+            </div>
+        </div>
+    </section>
+
+    <!-- Latest Articles Section -->
+    <section id="latest-articles" class="py-12 md:py-16 bg-gray-50">
+        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+            <h2 class="text-3xl font-bold text-gray-900 mb-10 text-center">Articles</h2>
+            
+            {{ $paginator := .Paginate .Pages 9 }}
+            
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
                 {{ range $paginator.Pages }}
-                <!-- Blog Post box -->
-                <div class="mb-5">
-                    <div class="img-link-box">
-                        <a href="{{ .RelPermalink }}">
-                            {{ if .Params.featured_image }}
-                            <img src="{{ .Params.featured_image }}" alt="{{ .Title }}">
-                            {{ else }}
-                            <img src="/assets/images/col-1.jpg" alt="{{ .Title }}">
-                            {{ end }}
-                        </a>
-                    </div>
-                    <div class="mt-4">
-                        <div class="d-flex justify-content-between mb-2">
-                            <!-- Display  category -->
-                            {{ partial "categories-first.html" . }}
-                            
-                            <div class="d-inline-flex">
-                                <span class="font-small">{{ .Date.Format "02/07/2006" }}</span>
-                            </div>
-                        </div>
-                        <h2><a class="text-link-1" href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
-                        {{ if .Params.excerpt }}
-                        <p>{{ .Params.excerpt }}</p>
-                        {{ else if .Summary }}
-                        <p>{{ .Summary }}</p>
+                <div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
+                    <a href="{{ .RelPermalink }}">
+                        {{ if .Params.featured_image }}
+                        <img src="{{ .Params.featured_image }}" alt="{{ .Title }}" class="w-full h-48 object-cover">
                         {{ else }}
-                        <p>{{ truncate 200 .Content }}</p>
+                        <img src="/assets/images/col-1.jpg" alt="{{ .Title }}" class="w-full h-48 object-cover">
                         {{ end }}
-                        <div class="mt-3">
-                            <a class="button-text-1" href="{{ .RelPermalink }}">Lire la suite</a>
+                    </a>
+                    <div class="p-6">
+                        <div class="flex flex-wrap gap-2 mb-3">
+                            {{ if .Params.categories }}
+                                {{ range first 1 .Params.categories }}
+                                <a href="/categories/{{ . | urlize }}" class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded hover:underline">{{ . }}</a>
+                                {{ end }}
+                            {{ end }}
+                        </div>
+                        <h3 class="text-lg font-bold text-gray-900 mb-3"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
+                        <p class="text-gray-600 text-sm mb-4">
+                            {{ if .Params.excerpt }}
+                            {{ .Params.excerpt }}
+                            {{ else if .Summary }}
+                            {{ .Summary }}
+                            {{ else }}
+                            {{ truncate 200 .Content }}
+                            {{ end }}
+                        </p>
+                        <div class="flex items-center justify-between text-sm text-gray-500">
+                            <span>{{ .Date | time.Format "2 Jan 2006" }}</span>
+                            <a href="{{ .RelPermalink }}" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Lire la suite →</a>
                         </div>
                     </div>
                 </div>
-                <!-- End Blog Post box -->
                 {{ end }}
-                
-                <!-- Pagination -->
-                {{ partial "pagination.html" (dict "Paginator" .Paginator "Page" .) }}
             </div>
-        </div><!-- end row -->
-    </div><!-- end container -->
-</div>
-<!-- end Blog section -->
-{{ end }}
             
+            <!-- Pagination -->
+            <div class="flex justify-center mt-12">
+                {{ if gt .Paginator.TotalPages 1 }}
+                    {{ partial "pagination-tailwind.html" .Paginator }}
+                {{ end }}
+            </div>
+        </div>
+    </section>
+</div>
+{{ end }}

layouts/_default/single.html

@@ -44,67 +44,12 @@
         <div class="max-w-3xl mx-auto">
             <div class="flex items-start space-x-6">
                 <div>
-                    <h3 class="text-xl font-semibold text-gray-900">{{ .Params.author | default "Auteur" }}</h3>
-                    <p class="text-blue-600 font-medium mb-4">Rédacteur technologique & chercheur sur le futur du travail</p>
-                    <p class="text-gray-700">{{ .Params.author_bio | default "Biographie de l'auteur ici." }}</p>
-                    <div class="flex space-x-4 mt-4">
-                        <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors"><i class="fab fa-twitter"></i></a>
-                        <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors"><i class="fab fa-linkedin"></i></a>
-                        <a href="#" class="text-gray-600 hover:text-blue-600 transition-colors"><i class="fab fa-medium"></i></a>
-                    </div>
+                    <span class="text-2xl">Article rédigé par {{ .Params.author | default "Auteur" }}</span>
                 </div>
             </div>
         </div>
     </div>
 </div>
 
-<!-- Related Articles -->
-<div class="py-12">
-    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
-        <h2 class="text-2xl font-bold text-gray-900 mb-8 text-center">Articles connexes</h2>
-        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-            {{ range first 3 (where .Site.RegularPages "Type" "post") }}
-            <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
-                {{ if .Params.featured_image }}
-                    <img src="{{ .Params.featured_image }}" alt="Article" class="w-full h-48 object-cover">
-                {{ else }}
-                    <img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
-                {{ end }}
-                <div class="p-6">
-                    <span class="text-sm font-medium text-blue-600">
-                        {{ with .Params.categories }}
-                            {{ range first 1 . }}
-                                {{ . }}
-                            {{ end }}
-                        {{ end }}
-                    </span>
-                    <h3 class="text-xl font-semibold mt-2 mb-3">
-                        <a href="{{ .Permalink }}" class="text-gray-900 hover:text-blue-600 transition-colors">{{ .Title }}</a>
-                    </h3>
-                    <p class="text-gray-600">{{ .Summary | truncate 100 }}</p>
-                    <div class="flex items-center mt-4 text-sm text-gray-500">
-                        <span>{{ .Date.Format "2 janvier 2006" }}</span>
-                        <span class="mx-2">•</span>
-                        <span>{{ .ReadingTime }} min de lecture</span>
-                    </div>
-                </div>
-            </div>
-            {{ end }}
-        </div>
-    </div>
-</div>
 
-<!-- Newsletter -->
-<div class="py-12 bg-blue-50">
-    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="max-w-3xl mx-auto text-center">
-            <h2 class="text-2xl font-bold text-gray-900 mb-4">Rejoignez la newsletter</h2>
-            <p class="text-gray-700 mb-6">Restez informé des dernières actualités sur la technologie et le futur du travail.</p>
-            <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
-                <input type="email" placeholder="Votre adresse email" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
-                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors">S'abonner</button>
-            </form>
-        </div>
-    </div>
-</div>
 {{ end }}

layouts/author/list.html

@@ -1,49 +1,87 @@
 {{ define "main" }}
-{{ $authors := site.Data.wordpress.authors }}
+<!-- layouts/author/list.html - Author posts listing -->
+<div class="min-h-screen bg-white">
     
-<div class="section-sm bg-gray-lighter">
-  <div class="container text-center">
-    <h3 class="font-family-playfair">{{ .Title }}</h3>
-    <p class="mt-2">Liste de tous les auteurs</p>
-  </div><!-- end container -->
-</div>
-
-<div class="section">
-  <div class="container">
-    <div class="author-list">
-      <div class="row">
-        {{ range $author := $authors }}
-        <div class="col-md-6 mb-4">
-          <article class="author-card-item h-100 card" data-author-name="{{ $author.name }}">
-            <div class="row g-0 align-items-center">
-              <div class="author-card-image col-md-4 p-2">
-                {{ with index $author.avatar_urls "96" }}
-                <img decoding="async" src="{{ . }}" alt="{{ $author.name }}" class="author-image img-fluid" loading="lazy">
-                {{ else }}
-                <img decoding="async" src="/assets/images/img-avatar-md@2x.jpg" alt="{{ $author.name }}" class="author-image img-fluid" loading="lazy">
-                {{ end }}
-              </div>
-              <div class="author-card-info col-md-8">
-                <div class="card-body">
-                  <h5 class="card-title author-card-name">{{ $author.name }}</h5>
-                  {{ with $author.description }}
-                  <p class="card-text author-card-title">
-                    <small class="text-muted author-card-title-text">{{ . }}</small>
-                  </p>
-                  {{ end }}
-                  <div class="author-card-buttons mt-3">
-                    <div class="author-card-button">
-                      <a href="/author/{{ $author.slug | anchorize }}" class="author-button-link" aria-label="Voir les articles de {{ $author.name }}">Voir les articles<svg class="uikit-icon" style="width: 1em;" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="var(--c-svg, currentColor)" d="M7.5 4.5V6h9.442L4.5 18.442 5.558 19.5 18 7.058V16.5h1.5v-12z"></path></svg></a>
-                    </div>
-                  </div>
-                </div>
-              </div>
+    <!-- Hero Section with Author Title -->
+    <section class="gradient-bg py-12 md:py-16 lg:py-20">
+        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="max-w-4xl mx-auto text-center">
+                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">Tous les auteurs</h1>
             </div>
-          </article>
         </div>
-        {{ end }}
-      </div>
-    </div>
-  </div><!-- end container -->
+    </section>
+
+    <!-- Author Bio Section -->
+    {{ if .Data.Term }}
+    {{ $authorSlug := .Data.Term }}
+    {{ $authors := site.Data.wordpress.authors }}
+    {{ $author := index $authors $authorSlug }}
+    
+    {{ if $author }}
+    <section class="py-12 bg-gray-50">
+        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="max-w-3xl mx-auto">
+                <div class="flex items-start space-x-6">
+                    <div class="flex-1">
+                        <h3 class="text-2xl font-semibold text-gray-900">{{ $author.name }}</h3>
+                        {{ with $author.description }}
+                        <p class="text-gray-700 mt-2">{{ . }}</p>
+                        {{ end }}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    {{ end }}
+    {{ end }}
+
+    <!-- Author's Articles Section -->
+    <section id="latest-articles" class="py-12 md:py-16">
+        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+            {{ $paginator := .Paginate .Pages 9 }}
+            
+            {{ if gt (len $paginator.Pages) 0 }}
+            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
+                {{ range $paginator.Pages }}
+                <div class="bg-white rounded-xl overflow-hidden shadow-md article-card">
+                    <div class="p-6">
+                        <div class="flex flex-wrap gap-2 mb-3">
+                            {{ if .Params.categories }}
+                                {{ range first 1 .Params.categories }}
+                                <a href="/categories/{{ . | urlize }}" class="bg-blue-100 text-blue-800 text-xs font-medium px-2 py-1 rounded hover:underline">{{ . }}</a>
+                                {{ end }}
+                            {{ end }}
+                        </div>
+                        <h3 class="text-lg font-bold text-gray-900 mb-3"><a href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
+                        <p class="text-gray-600 text-sm mb-4">
+                            {{ if .Params.excerpt }}
+                            {{ .Params.excerpt }}
+                            {{ else if .Summary }}
+                            {{ .Summary }}
+                            {{ else }}
+                            {{ truncate 200 .Content }}
+                            {{ end }}
+                        </p>
+                        <div class="flex items-center justify-between text-sm text-gray-500">
+                            <a href="{{ .RelPermalink }}" class="text-blue-600 hover:text-blue-800 font-medium text-sm">Lire la suite →</a>
+                        </div>
+                    </div>
+                </div>
+                {{ end }}
+            </div>
+            
+            <!-- Pagination -->
+            <div class="flex justify-center mt-12">
+                {{ if gt .Paginator.TotalPages 1 }}
+                    {{ partial "pagination-tailwind.html" .Paginator }}
+                {{ end }}
+            </div>
+            {{ else }}
+            <div class="text-center py-12">
+                <p class="text-xl text-gray-600">Aucun article trouvé pour cet auteur.</p>
+            </div>
+            {{ end }}
+        </div>
+    </section>
 </div>
 {{ end }}

layouts/categories/list.html

@@ -1,34 +0,0 @@
-{{ define "main" }}
-{{ $defaultCategory := "General" }}
-{{ if .Site.Params.defaultCategory }}{{ $defaultCategory = .Site.Params.defaultCategory }}{{ end }}
-
-<div class="section-sm bg-gray-lighter">
-  <div class="container text-center">
-    <h1 class="font-family-playfair">{{ .Title }}</h1>
-    <p class="mt-3">Cette page répertorie toutes les catégories de notre site, offrant une vue d'ensemble structurée de notre contenu.</p>
-  </div><!-- end container -->
-</div>
-
-<!-- Blog section  -->
-<div class="section">
-  <div class="container">
-    <div class="row g-4">
-      <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
-        {{ range $.Site.Data.wordpress.categories }}
-        <div class="mb-5">
-          <div class="mt-4">
-            <h2><a class="text-link-1" href="{{ .link | relURL }}">{{ .name }}</a></h2>
-            <p>{{ .description | safeHTML }}</p>
-            <div class="mt-3">
-              <a class="button-text-1" href="{{ .link | relURL }}">Voir la catégorie</a>
-            </div>
-          </div>
-        </div>
-        {{ if not .IsLast }}<hr class="my-5">{{ end }}
-        {{ end }}
-      </div>
-    </div><!-- end row -->
-  </div><!-- end container -->
-</div>
-<!-- end Blog section -->
-{{ end }}

layouts/index.html

@@ -6,19 +6,21 @@
     <section class="gradient-bg py-12 md:py-16 lg:py-20">
         <div class="container mx-auto px-4 sm:px-6 lg:px-8">
             <div class="max-w-4xl mx-auto text-center">
-                    <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">Explorer l'Impact de la Technologie sur le Travail et la Vie</h1>
-                    <p class="text-xl text-gray-700 mb-8">Perspectives, analyses et tendances sur la manière dont la technologie façonne notre avenir</p>
-                    <div class="flex flex-wrap justify-center gap-3 mb-10">
-                        <span class="tag bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">IA</span>
-                        <span class="tag bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-full">Télétravail</span>
-                        <span class="tag bg-purple-100 text-purple-800 text-sm font-medium px-3 py-1 rounded-full">Productivité</span>
-                        <span class="tag bg-yellow-100 text-yellow-800 text-sm font-medium px-3 py-1 rounded-full">Innovation</span>
-                        <span class="tag bg-red-100 text-red-800 text-sm font-medium px-3 py-1 rounded-full">Web3</span>
-                    </div>
-                    <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
-                        <input type="email" placeholder="Votre adresse email" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
-                        <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Recevoir les mises à jour</button>
+                <h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-gray-900 mb-6">{{ .Site.Title }}</h1>
+                <p class="text-xl text-gray-700 mb-8">{{ .Site.Params.seo.description }}</p>
+                <div class="flex flex-wrap justify-center gap-3 mb-10">
+                    <span class="tag bg-blue-100 text-blue-800 text-sm font-medium px-3 py-1 rounded-full">IA</span>
+                    <span class="tag bg-green-100 text-green-800 text-sm font-medium px-3 py-1 rounded-full">Programmation</span>
+                    <span class="tag bg-purple-100 text-purple-800 text-sm font-medium px-3 py-1 rounded-full">Photo</span>
+                    <span class="tag bg-yellow-100 text-yellow-800 text-sm font-medium px-3 py-1 rounded-full">Vidéo</span>
+                    <span class="tag bg-red-100 text-red-800 text-sm font-medium px-3 py-1 rounded-full">Web3</span>
+                </div>
+                {{/* 
+                <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
+                    <input type="email" placeholder="Votre adresse email" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                    <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium">Recevoir les mises à jour</button>
                 </form>
+                */}}
             </div>
         </div>
     </section>

layouts/pages/list.html

@@ -1,56 +0,0 @@
-{{ define "main" }}
-{{ $authorName := .Params.author }}
-{{ $authorSlug := .Params.author_slug }}
-{{ $authorPosts := where .Site.RegularPages "Params.author" $authorName }}
-
-<div class="section-sm bg-gray-lighter">
-  <div class="container text-center">
-    <h1 class="font-family-playfair">{{ .Title }}</h1>
-    <p class="mt-2">Retrouvez toutes les pages utiles du site ici.</p>
-  </div><!-- end container -->
-</div>
-
-<!-- Blog section  -->
-<div class="section">
-  <div class="container">
-    <div class="row g-4">
-      <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
-        {{ $paginationLimit := 10 }}
-        {{ if .Site.Params.paginationLimit }}{{ $paginationLimit = .Site.Params.paginationLimit }}{{ end }}
-        {{ $paginator := .Paginate $authorPosts $paginationLimit }}
-        
-        {{ if gt (len $authorPosts) 0 }}
-          {{ range $paginator.Pages }}
-          <!-- Blog Post box -->
-          <div class="mb-5">
-            <div class="mt-4">
-              <h2><a class="text-link-1" href="{{ .RelPermalink }}">{{ .Title }}</a></h2>
-              {{ if .Params.excerpt }}
-                <p>{{ .Params.excerpt }}</p>
-              {{ else if .Summary }}
-                <p>{{ .Summary }}</p>
-              {{ else }}
-                <p>{{ truncate 200 .Content }}</p>
-              {{ end }}
-              <div class="mt-3">
-                <a class="button-text-1" href="{{ .RelPermalink }}">Lire la suite</a>
-              </div>
-            </div>
-          </div>
-          <!-- End Blog Post box -->
-          {{ end }}
-
-          <!-- Pagination -->
-          {{ partial "pagination.html" (dict "Paginator" .Paginator "Page" .) }}
-        {{ else }}
-          <div class="text-center py-5">
-            <h4>Aucun article trouvé</h4>
-            <p>Aucun article n'a été trouvé pour cet auteur.</p>
-          </div>
-        {{ end }}
-      </div>
-    </div><!-- end row -->
-  </div><!-- end container -->
-</div>
-<!-- end Blog section -->
-{{ end }}

layouts/partials/footer.html

@@ -1,40 +1,58 @@
 <footer class="bg-gray-900 text-white py-12">
     <div class="container mx-auto px-4 sm:px-6 lg:px-8">
-        <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
-            <div>
-                <h3 class="text-xl font-bold mb-4">TechInsights</h3>
-                <p class="text-gray-400">Exploring the future of work and technology through thoughtful analysis and commentary.</p>
+        <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-8">
+            <div class="col-span-1">
+                <h3 class="uppercase tracking-wider text-xl font-bold">{{ .Site.Title }}</h3>
             </div>
-            <div>
-                <h4 class="font-semibold mb-4">Explore</h4>
-                <ul class="space-y-2">
-                    <li><a href="#" class="text-gray-400 hover:text-white">Home</a></li>
-                    <li><a href="#" class="text-gray-400 hover:text-white">Articles</a></li>
-                    <li><a href="#" class="text-gray-400 hover:text-white">Topics</a></li>
-                    <li><a href="#" class="text-gray-400 hover:text-white">About</a></li>
+
+            <div class="col-span-1">
+                <h6 class="text-sm font-medium uppercase mb-4">Pages</h6>
+                <ul class="list-none space-y-2">
+                    <li><a href="/" class="text-gray-400 hover:text-white">Accueil</a></li>
+                    {{ if .Site.Data.wordpress }}
+                        {{ range $index, $element := .Site.Data.wordpress.navigation }}
+                            <li>
+                                <a href="/pages/{{ $element.slug }}" class="text-gray-400 hover:text-white">{{ $element.title }}</a>
+                            </li>
+                        {{ end }}
+                    {{ end }}
                 </ul>
             </div>
-            <div>
-                <h4 class="font-semibold mb-4">Topics</h4>
-                <ul class="space-y-2">
-                    <li><a href="#" class="text-gray-400 hover:text-white">AI</a></li>
-                    <li><a href="#" class="text-gray-400 hover:text-white">Remote Work</a></li>
-                    <li><a href="#" class="text-gray-400 hover:text-white">Productivity</a></li>
-                    <li><a href="#" class="text-gray-400 hover:text-white">Web3</a></li>
+
+            <div class="col-span-1">
+                <h6 class="text-sm font-medium uppercase mb-4">Toutes les catégories</h6>
+                <ul class="list-none space-y-2">
+                    {{ if .Site.Data.wordpress }}
+                        {{ range $index, $element := .Site.Data.wordpress.categories }}
+                            {{ if and (ne $element.name "Featured") (gt $element.count 0) }}
+                            <li>
+                                <a class="text-gray-400 hover:text-white" href="/{{ $element.slug }}">{{ $element.name }}</a>
+                            </li>
+                            {{ end }}
+                        {{ end }}
+                    {{ end }}
                 </ul>
             </div>
-            <div>
-                <h4 class="font-semibold mb-4">Connect</h4>
-                <div class="flex space-x-4">
-                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-twitter text-xl"></i></a>
-                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-linkedin text-xl"></i></a>
-                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-instagram text-xl"></i></a>
-                    <a href="#" class="text-gray-400 hover:text-white"><i class="fab fa-github text-xl"></i></a>
+
+
+
+        </div><!-- end grid -->
+    </div><!-- end container -->
+    <div class="bg-black py-4 mt-8">
+        <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+            <div class="flex flex-col md:flex-row items-center justify-between gap-2 lg:gap-3">
+                <div class="text-center md:text-start">
+                    <p class="text-gray-400">&copy; {{ now.Format "2006" }} {{ .Site.Title }}, All Rights Reserved.</p>
                 </div>
-            </div>
-        </div>
-        <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400">
-            <p>© {{ now.Format "2006" }} TechInsights. All rights reserved.</p>
-        </div>
+                <div class="text-center md:text-end">
+                    <ul class="flex justify-center md:justify-end space-x-4">
+                        <li><a class="w-8 h-8 rounded-full flex items-center justify-center bg-blue-600 hover:bg-blue-700 text-white" href="https://www.facebook.com/mistergeekfrance"><i class="bi bi-facebook"></i></a></li>
+                        <!-- <li><a class="w-8 h-8 rounded-full flex items-center justify-center bg-blue-400 hover:bg-blue-500 text-white" href="#"><i class="bi bi-twitter-x"></i></a></li> -->
+                        <!-- <li><a class="w-8 h-8 rounded-full flex items-center justify-center bg-red-600 hover:bg-red-700 text-white" href="#"><i class="bi bi-pinterest"></i></a></li> -->
+                        <!-- <li><a class="w-8 h-8 rounded-full flex items-center justify-center bg-pink-600 hover:bg-pink-700 text-white" href="#"><i class="bi bi-instagram"></i></a></li> -->
+                    </ul>
+                </div>
+            </div><!-- end flex -->
+        </div><!-- end container -->
     </div>
 </footer>

layouts/partials/header.html

@@ -32,9 +32,6 @@
             <i class="fas text-xl transition-transform duration-300 ease-in-out"
                :class="mobileMenuOpen ? 'fa-times' : 'fa-bars'"></i>
         </button>
-        <button class="hidden md:block bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 rounded-lg font-medium">
-            Subscribe
-        </button>
       </div>
     </div>
   </div>

layouts/partials/newsletter.html

@@ -0,0 +1,13 @@
+<!-- Newsletter -->
+<div class="py-12 bg-blue-50">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <div class="max-w-3xl mx-auto text-center">
+            <h2 class="text-2xl font-bold text-gray-900 mb-4">Rejoignez la newsletter</h2>
+            <p class="text-gray-700 mb-6">Restez informé des dernières actualités sur la technologie et le futur du travail.</p>
+            <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
+                <input type="email" placeholder="Votre adresse email" class="flex-grow px-4 py-3 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500">
+                <button type="submit" class="bg-blue-600 hover:bg-blue-700 text-white px-6 py-3 rounded-lg font-medium transition-colors">S'abonner</button>
+            </form>
+        </div>
+    </div>
+</div>

layouts/partials/related-posts.html

@@ -0,0 +1,35 @@
+<!-- Related Articles -->
+<div class="py-12">
+    <div class="container mx-auto px-4 sm:px-6 lg:px-8">
+        <h2 class="text-2xl font-bold text-gray-900 mb-8 text-center">Articles connexes</h2>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
+            {{ range first 3 (where .Site.RegularPages "Type" "post") }}
+            <div class="bg-white rounded-xl overflow-hidden shadow-md hover:shadow-lg transition-shadow">
+                {{ if .Params.featured_image }}
+                    <img src="{{ .Params.featured_image }}" alt="Article" class="w-full h-48 object-cover">
+                {{ else }}
+                    <img src="https://images.unsplash.com/photo-1581091226033-d5c48150dbaa?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80" alt="Article" class="w-full h-48 object-cover">
+                {{ end }}
+                <div class="p-6">
+                    <span class="text-sm font-medium text-blue-600">
+                        {{ with .Params.categories }}
+                            {{ range first 1 . }}
+                                {{ . }}
+                            {{ end }}
+                        {{ end }}
+                    </span>
+                    <h3 class="text-xl font-semibold mt-2 mb-3">
+                        <a href="{{ .Permalink }}" class="text-gray-900 hover:text-blue-600 transition-colors">{{ .Title }}</a>
+                    </h3>
+                    <p class="text-gray-600">{{ .Summary | truncate 100 }}</p>
+                    <div class="flex items-center mt-4 text-sm text-gray-500">
+                        <span>{{ .Date.Format "2 janvier 2006" }}</span>
+                        <span class="mx-2">•</span>
+                        <span>{{ .ReadingTime }} min de lecture</span>
+                    </div>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+    </div>
+</div>