feat: migrate Hugo Bootstrap theme to latest Hugo with Tailwind CSS and refactor codebase

* replace Bootstrap-based styling with Tailwind CSS
* update theme compatibility for latest Hugo version
* refactor templates and partials
* fix outdated code and broken components
* improve project structure and maintainability
* optimize styling and frontend build setup
This commit is contained in:
Al Murad Uzzaman
2026-05-10 13:38:01 +06:00
parent eac3f49bc5
commit f8b297eaad
233 changed files with 5272 additions and 9256 deletions

View File

@@ -1,39 +1,27 @@
{{ define "main" }}
<section class="site-project-single-section">
<div class="container">
<div class="row">
<div class="col-lg-8 mx-auto">
<div class="site-project-single">
<h1>
<section class="section pt-46">
<div class="container">
<div class="mx-auto max-w-4xl">
<div class="mb-10 space-y-6">
<h1 class="font-medium tracking-wider h2">
{{ .Title }}
</h1>
<div class="site-project-single-description">
{{ .Content }}
</div>
<div class="site-project-single-image">
{{ range .Params.project_images }}
<img src="{{ . | absURL }}" alt="project image">
{{ end }}
</div>
{{ if .NextInSection }}
<div class="site-project-single-action">
<a href="{{.NextInSection.Permalink}}">
<span class="link-area">
<span data-text="Next Project">
Next Project
</span>
</span>
<img src="{{ "images/to-top.svg" | absURL }}" alt="next project">
</a>
</div>
{{ with .Params.image }}
<img
src="{{ . | absURL }}"
alt="{{ $.Title }}"
class="w-full object-cover shadow-lg" />
{{ end }}
</div>
<div class="content space-y-8">
{{ .Content }}
</div>
</div>
</div>
</div>
</section>
</section>
{{ partial "call-to-action.html" . }}
{{ partial "call-to-action.html" . }}
{{ end }}
{{ end }}