redesign about page

This commit is contained in:
Somrat 2026-01-18 14:02:26 +06:00
parent 0ff47b999c
commit ad26a9047f
10 changed files with 40 additions and 21 deletions

View file

@ -1,5 +1,5 @@
.btn {
@apply inline-block rounded border border-transparent px-5 py-2 font-semibold capitalize transition;
@apply inline-block rounded border border-transparent px-5 py-2 font-semibold transition;
}
.btn-sm {

View file

@ -38,8 +38,8 @@ preloader = "" # use jpg, png, svg or gif format.
# Navigation button
[navigation_button]
enable = true
label = "get a quote"
link = "contact"
label = "Github"
link = "https://github.com/zeon-studio/hugoplate"
# search
# search module: https://github.com/gethugothemes/hugo-modules/tree/master/search

View file

@ -2,12 +2,12 @@
# Banner
banner:
title: "The Ultimate Starter Template You Need To Start Your Hugo Project"
content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jumpstart your Hugo project and save valuable time."
content: "Hugoplate is a free starter template built with Hugo and TailwindCSS, providing everything you need to jump-start your Hugo project and save valuable time."
image: "/images/banner.png"
button:
enable: true
label: "Get Started For Free"
link: "https://github.com/zeon-studio/hugoplate"
label: "Fork Deploy and Edit Online 🚀"
link: "https://app.sitepins.com/new/clone?name=Hugoplate&repository=https://github.com/zeon-studio/hugoplate/"
# Features
features:

View file

@ -2,9 +2,19 @@
title: "Hey, I am John Doe!"
meta_title: "About"
description: "this is meta description"
image: "/images/avatar.png"
image: "/images/image-placeholder.png"
layout: "about"
draft: false
---
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at.
### This is a title
* Lorem ipsum, dolor sit amet
* Enim voluptatem dicta expedita veritatis
* Fugit voluptatibus perspiciatis assumenda
* Enim voluptatem dicta expedita
* Corporis illum nesciunt commodi vel
Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at. Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis illum nesciunt commodi vel nisi ut alias excepturi ipsum, totam, labore tempora, odit ex iste tempore sed. Fugit voluptatibus perspiciatis assumenda nulla ad nihil, omnis vel, doloremque sit quam autem optio maiores, illum eius facilis et quo consectetur provident dolor similique! Enim voluptatem dicta expedita veritatis repellat dolorum impedit, provident quasi at.

View file

@ -5,8 +5,8 @@ image: "/images/call-to-action.png"
description: "Experience the future of web development with Hugoplate and Hugo. Build lightning-fast static sites with ease and flexibility."
button:
enable: true
label: "Get Started Now"
link: "https://github.com/zeon-studio/hugoplate"
label: "Fork Deploy and Edit Online 🚀"
link: "https://app.sitepins.com/new/clone?name=Hugoplate&repository=https://github.com/zeon-studio/hugoplate/"
# don't create a separate page
build:

View file

@ -7,7 +7,7 @@
class="bg-light dark:bg-darkmode-light rounded-xl px-4 py-16 xl:p-20">
<div class="row items-center justify-between">
<div class="md:col-5 lg:col-4 mb-10 md:order-2 md:mb-0">
{{ partial "image" (dict "Src" .image "Alt" "call to action" "Class" "w-full") }}
{{ partial "image" (dict "Src" .Params.image "Alt" "call to action" "Class" "w-full") }}
</div>
<div class="md:col-7 md:order-1">
<h2 class="mb-2">

View file

@ -105,7 +105,10 @@
<li class="mt-4 inline-block lg:hidden">
<a
class="btn btn-outline-primary btn-sm"
href="{{ site.Params.navigation_button.link | relLangURL }}">
href="{{ site.Params.navigation_button.link | relLangURL }}"
{{ if (hasPrefix site.Params.navigation_button.link `http`) }}
target="_blank" rel="noopener"
{{ end }}>
{{ site.Params.navigation_button.label }}
</a>
</li>
@ -137,7 +140,8 @@
{{ if site.Params.navigation_button.enable }}
<a
href="{{ site.Params.navigation_button.link | relLangURL }}"
class="btn btn-outline-primary btn-sm hidden lg:inline-block">
class="btn btn-outline-primary btn-sm hidden lg:inline-block"
{{ if (hasPrefix site.Params.navigation_button.link `http`) }}target="_blank" rel="noopener"{{ end }}>
{{ site.Params.navigation_button.label }}
</a>
{{ end }}

View file

@ -2,8 +2,10 @@
<section class="section-sm">
<div class="container">
<div class="row justify-center">
<div class="md:col-10 lg:col-7 text-center">
{{ partial "image" (dict "Src" .Params.image "Context" .Page "Alt" .Title "Class" "mx-auto mb-6" "Size" "200x200") }}
<div class="md:col-10 lg:col-8">
{{ if .Params.image }}
{{ partial "image" (dict "Src" .Params.image "Context" .Page "Alt" .Title "Class" "mx-auto rounded mb-6" ) }}
{{ end }}
<h2 class="h3 mb-6">{{ .Title }}</h2>
<div class="content">{{ .Content }}</div>
</div>

View file

@ -20,7 +20,6 @@
target="_blank" rel="noopener"
{{ end }}>
{{ .label }}
<i class="fa fa-arrow-right pl-2"></i>
</a>
{{ end }}
{{ end }}
@ -142,4 +141,8 @@
{{ end }}
{{ end }}
<!-- /Testimonials -->
<!-- Call to action -->
{{ partial "call-to-action" . }}
<!-- /Call to action -->
{{ end }}

View file

@ -1,7 +1,7 @@
{
"name": "hugoplate",
"description": "hugo tailwindcss boilerplate",
"version": "3.3.1",
"version": "3.4.0",
"license": "MIT",
"author": "zeon.studio",
"scripts": {
@ -20,14 +20,14 @@
"format": "prettier -w ."
},
"devDependencies": {
"@tailwindcss/cli": "^4.1.17",
"@tailwindcss/forms": "^0.5.10",
"@tailwindcss/cli": "^4.1.18",
"@tailwindcss/forms": "^0.5.11",
"@tailwindcss/typography": "^0.5.19",
"concurrently": "^9.2.1",
"prettier": "^3.7.3",
"prettier": "^3.8.0",
"prettier-plugin-go-template": "0.0.15",
"prettier-plugin-tailwindcss": "^0.7.1",
"prettier-plugin-tailwindcss": "^0.7.2",
"tailwind-bootstrap-grid": "^6.0.0",
"tailwindcss": "^4.1.17"
"tailwindcss": "^4.1.18"
}
}