kbe/hugo-mistergeek
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rewrite front page

Browse Source
This commit is contained in:
kbe
2025-08-20 20:10:24 +02:00
parent d4a151df9b
commit 63e117a49a
3 changed files with 45 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
hugo.toml
View File

@@ -16,7 +16,7 @@ enableRobotsTXT = true
# SEO Configuration # SEO Configuration
[params.seo] [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"] keywords = ["tutoriel informatique", "guide technologie", "solutions informatiques", "développement web", "technologies", "innovation", "mistergeek"]
author = "Mistergeek" author = "Mistergeek"
theme_color = "#007bff" theme_color = "#007bff"

50
layouts/categories/list.html
View File

@@ -1,34 +1,44 @@
{{ define "main" }} {{ define "main" }}
{{ $defaultCategory := "General" }}
{{ if .Site.Params.defaultCategory }}{{ $defaultCategory = .Site.Params.defaultCategory }}{{ end }}
<!-- layouts/categories/list.html -->
<div class="section-sm bg-gray-lighter"> <div class="section-sm bg-gray-lighter">
<div class="container text-center"> <div class="container text-center">
<h1 class="font-family-playfair">{{ .Title }}</h1> <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><!-- end container -->
</div> </div>
<!-- Blog section --> <!-- Blog section -->
<div class="section"> <div class="section">
<div class="container"> <div class="container">
<div class="row g-4"> <div class="row g-4">
<div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2"> <div class="col-12 col-sm-10 offset-sm-1 col-md-8 offset-md-2">
{{ range $.Site.Data.wordpress.categories }} {{ range $.Site.Data.wordpress.categories }}
<div class="mb-5"> <!-- Category box -->
<div class="mt-4"> <div class="mb-5">
<h2><a class="text-link-1" href="{{ .link | relURL }}">{{ .name }}</a></h2> <div class="mt-4">
<p>{{ .description | safeHTML }}</p> <div class="d-flex justify-content-between mb-2">
<div class="mt-3"> <!-- Display category info -->
<a class="button-text-1" href="{{ .link | relURL }}">Voir la catégorie</a> <div class="d-inline-flex">
<span class="font-small">Catégorie</span>
</div>
</div>
<h2><a class="text-link-1" href="{{ .link | relURL }}">{{ .name }}</a></h2>
{{ if .description }}
<p>{{ .description | safeHTML }}</p>
{{ else }}
<p>Découvrez tous les articles de la catégorie {{ .name }}.</p>
{{ end }}
<div class="mt-3">
<a class="button-text-1" href="{{ .link | relURL }}">Voir la catégorie</a>
</div>
</div>
</div>
<!-- End Category box -->
{{ if not .IsLast }}<hr class="my-5">{{ end }}
{{ end }}
</div> </div>
</div> </div><!-- end row -->
</div> </div><!-- end container -->
{{ if not .IsLast }}<hr class="my-5">{{ end }}
{{ end }}
</div>
</div><!-- end row -->
</div><!-- end container -->
</div> </div>
<!-- end Blog section --> <!-- end Blog section -->
{{ end }} {{ end }}

26
layouts/index.html
View File

@@ -6,19 +6,21 @@
<section class="gradient-bg py-12 md:py-16 lg:py-20"> <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="container mx-auto px-4 sm:px-6 lg:px-8">
<div class="max-w-4xl mx-auto text-center"> <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> <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">Perspectives, analyses et tendances sur la manière dont la technologie façonne notre avenir</p> <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"> <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-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-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">Productivité</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">Innovation</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> <span class="tag bg-red-100 text-red-800 text-sm font-medium px-3 py-1 rounded-full">Web3</span>
</div> </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"> <form class="flex flex-col sm:flex-row gap-4 max-w-xl mx-auto">
<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> <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> </form>
*/}}
</div> </div>
</div> </div>
</section> </section>