kbe/maoremobile.yt
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add reusable layout partials for easier page creation

Browse Source 
- Create content-card-section.html partial for card-based content
- Create step-by-step-section.html partial for process steps
- Create contact-section.html partial for contact information
- Create main-content-section.html general purpose partial that combines all elements
- Add simplified examples using the new partials (acheter-credit-simple and commande-sim-simple)
- These partials follow the existing site theme and make creating new pages much faster
This commit is contained in:
Kevin Bataille
2025-10-11 15:23:15 +02:00
parent 2ca9e8ea67
commit ad409b7c3a
6 changed files with 340 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
layouts/partials/contact-section.html Normal file
View File

@@ -0,0 +1,27 @@
{{ $title := .title | default "Informations de contact" }}
{{ $contactInfo := .contactInfo }}
<div class="container">
<div class="row">
<div class="col-12">
<div class="card">
<div class="card-body">
<h3>{{ $title }}</h3>
<div class="row">
{{ range $contactInfo }}
<div class="col-md-6">
<p><strong>{{ .title }}:</strong></p>
{{ if .icon }}
<p><img src="{{ .icon }}" alt="{{ .alt }}" class="mr-2" style="width: 20px;"> {{ .content }}</p>
{{ else }}
<p>{{ .content }}</p>
{{ end }}
{{ if .hours }}<p>{{ .hours }}</p>{{ end }}
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</div>

31
layouts/partials/content-card-section.html Normal file
View File

@@ -0,0 +1,31 @@
{{ $title := .title }}
{{ $subtitle := .subtitle }}
{{ $cards := .cards }}
<div class="container">
<div class="row">
<div class="col-12">
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">{{ $title }}</h2>
{{ if $subtitle }}<p>{{ $subtitle }}</p>{{ end }}
{{ if $cards }}
<div class="row mt-4">
{{ range $cards }}
<div class="col-md-{{ div 12 (len $cards) }}">
<div class="card h-100">
<div class="card-body text-center">
<h4>{{ .title }}</h4>
<p>{{ .description }}</p>
</div>
</div>
</div>
{{ end }}
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>

93
layouts/partials/main-content-section.html Normal file
View File

@@ -0,0 +1,93 @@
{{ $title := .title }}
{{ $description := .description }}
{{ $benefits := .benefits }}
{{ $steps := .steps }}
{{ $actionText := .actionText }}
{{ $actionLink := .actionLink }}
{{ $contactInfo := .contactInfo }}
{{ $contactTitle := .contactTitle }}
{{ $resellerSection := .resellerSection | default false }}
{{ $resellerText := .resellerText | default "Où trouver nos cartes SIM ?" }}
{{ $resellerDescription := .resellerDescription | default "Vous pouvez obtenir votre carte SIM Maore Mobile dans l'un de nos points de vente situés à Mayotte. Rendez-vous sur la page des Doukas Revendeurs pour trouver le point de vente le plus proche de chez vous." }}
<div class="container">
<div class="row">
<div class="col-12">
<!-- Main content section -->
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">{{ $title }}</h2>
{{ if $description }}<p>{{ $description }}</p>{{ end }}
{{ if $benefits }}
<div class="row mt-4">
{{ range $benefits }}
<div class="col-md-{{ if gt (len $benefits) 4 }}{{ div 12 (len $benefits) }}{{ else }}4{{ end }}">
<div class="card h-100">
<div class="card-body text-center">
<h4>{{ .title }}</h4>
<p>{{ .description }}</p>
</div>
</div>
</div>
{{ end }}
</div>
{{ end }}
</div>
</div>
<!-- Steps section -->
{{ if $steps }}
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">{{ .stepsTitle | default "Comment procéder ?" }}</h2>
<div class="row">
{{ range $index, $step := $steps }}
<div class="col-md-{{ div 12 (len $steps) }} text-center mb-3">
<div class="step-number">{{ add $index 1 }}</div>
<h5>{{ $step.title }}</h5>
<p>{{ $step.description }}</p>
</div>
{{ end }}
</div>
</div>
</div>
{{ end }}
<!-- Reseller section -->
{{ if $resellerSection }}
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">{{ $resellerText }}</h2>
<p>{{ $resellerDescription }}</p>
<div class="text-center">
<a href="{{ $actionLink }}" class="btn btn-primary btn-lg">{{ $actionText }}</a>
</div>
</div>
</div>
{{ end }}
<!-- Contact section -->
{{ if $contactInfo }}
<div class="card">
<div class="card-body">
<h3>{{ $contactTitle | default "Informations de contact" }}</h3>
<div class="row">
{{ range $contactInfo }}
<div class="col-md-6">
<p><strong>{{ .title }}:</strong></p>
{{ if .icon }}
<p><img src="{{ .icon }}" alt="{{ .alt }}" class="mr-2" style="width: 20px;"> {{ .content }}</p>
{{ else }}
<p>{{ .content }}</p>
{{ end }}
{{ if .hours }}<p>{{ .hours }}</p>{{ end }}
</div>
{{ end }}
</div>
</div>
</div>
{{ end }}
</div>
</div>
</div>

23
layouts/partials/step-by-step-section.html Normal file
View File

@@ -0,0 +1,23 @@
{{ $title := .title }}
{{ $steps := .steps }}
<div class="container">
<div class="row">
<div class="col-12">
<div class="card mb-4">
<div class="card-body">
<h2 class="card-title">{{ $title }}</h2>
<div class="row">
{{ range $index, $step := $steps }}
<div class="col-md-{{ div 12 (len $steps) }} text-center mb-3">
<div class="step-number">{{ add $index 1 }}</div>
<h5>{{ $step.title }}</h5>
<p>{{ $step.description }}</p>
</div>
{{ end }}
</div>
</div>
</div>
</div>
</div>
</div>