mirror of
https://github.com/BeardedTek/flowbite-beardedtek.com.git
synced 2025-12-06 05:31:52 +00:00
Tweaked UI and removed extra pricing pages
This commit is contained in:
@@ -16,5 +16,4 @@
|
||||
|
||||
{{ partial "scripts" . }}
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,31 +1,16 @@
|
||||
{{ define "main" }}
|
||||
<main class="text-primary-800 dark:gray-400">
|
||||
{{ if ( .Page.Params.hero.enable ) }}
|
||||
<section class="hero flex justify-center">
|
||||
<div class="h-full flex">
|
||||
<div class=" align-middle px-4 my-auto">
|
||||
{{ partial "hero/heading" . }}
|
||||
{{ if ( .Page.Params.hero.wordSlider.enable ) }}
|
||||
{{ partial "hero/slider" . }}
|
||||
{{ end }}
|
||||
{{ partial "hero/tagline" . }}
|
||||
{{ partial "hero/veteran" . }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{{ partial "hero/index" .}}
|
||||
{{ end }}
|
||||
{{ with .Page.Params.pricing }}
|
||||
{{ if ( .enable ) }}
|
||||
{{ if ( .heading.enable ) }}
|
||||
{{ partial "rates/heading" .}}
|
||||
{{ end }}
|
||||
{{ partial "rates/rates" . }}
|
||||
{{ if ( .Page.Params.rates.enable ) }}
|
||||
{{ if ( .Page.Params.rates.heading.enable ) }}
|
||||
{{ partial "rates/heading" .}}
|
||||
{{ end }}
|
||||
{{ partial "rates/rates" . }}
|
||||
{{ end }}
|
||||
</main>
|
||||
{{ with .Site.Params.footer }}
|
||||
{{ if ( .enable ) }}
|
||||
{{ partial "footer/main" . }}
|
||||
{{ end }}
|
||||
{{ if ( .Site.Params.footer.enable ) }}
|
||||
{{ partial "footer/main" . }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
@@ -2,7 +2,7 @@
|
||||
<div class="w-full max-w-screen-xl mx-auto p-4 md:py-8">
|
||||
<div class="flex flex-wrap justify-center sm:justify-between">
|
||||
<a href="/" class="flex items-center mb-4 sm:mb-0 space-x-3 text-2xl font-semibold text-gray-900 dark:text-white">
|
||||
<svg class="width-auto h-8 mr-4 text-primary-800 dark:text-primary-500" viewBox="0 0 16.223 22" xmlns="http://www.w3.org/2000/svg" alt="Flowbite Logo">
|
||||
<svg class="width-auto h-8 mr-4 text-primary-800 dark:text-primary-500" viewBox="0 0 16.223 22" xmlns="http://www.w3.org/2000/svg">
|
||||
<g transform="translate(-98.904 -98.724)">
|
||||
<g transform="matrix(.13966 0 0 .13966 88.164 91.344)" fill="currentColor">
|
||||
<path d="m85.41 82.698c-0.20735-0.31724-1.2465-5.6946-1.7071-8.8333-0.66008-4.4989-0.90978-10.103-0.62405-14.006 0.26923-3.6774 0.70415-6.1071 1.1781-6.5815 0.18751-0.18769 2.0569-0.299 5.9561-0.35466l5.6828-0.08112-1.0494 1.2597c-1.8139 2.1774-4.6821 6.296-4.6821 6.7233 0 0.1089-0.21214 0.33048-0.47143 0.49241-0.25928 0.16193-0.47143 0.45862-0.47143 0.65933s-0.35948 1.234-0.79885 2.2962c-0.86439 2.0898-2.119 6.7814-2.3835 8.9135-0.09043 0.72879-0.23345 3.2215-0.31782 5.5393-0.08438 2.3178-0.22449 4.1055-0.31136 3.9725z"/>
|
||||
@@ -15,10 +15,11 @@
|
||||
</svg>
|
||||
<span class="self-center text-2xl font-semibold whitespace-nowrap">The Bearded Tek</span>
|
||||
</a>
|
||||
|
||||
<ul class="flex flex-wrap justify-around items-center mb-6 text-sm font-medium text-gray-500 sm:mb-0 dark:text-gray-400">
|
||||
{{ range $index, $element := .Sites.Params.footer.links }}
|
||||
{{ range $key, $value := .Site.Params.footer.links }}
|
||||
<li>
|
||||
<a href="{{ .href }}" class="hover:underline mx-4">{{ .name }}</a>
|
||||
<a href="{{ $value.href }}" class="hover:text-white mx-4">{{ $value.name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
data-[sticky=true]:bg-nav-light dark:data-[sticky=true]:bg-nav-dark">
|
||||
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4 text-2xl md:text-3xl" >
|
||||
<a href="{{ .Site.Params.baseURL }}/" class="flex items-center">
|
||||
<svg width="auto" class="h-8 mr-4 text-primary-800 dark:text-primary-500" viewBox="0 0 16.223 22" xmlns="http://www.w3.org/2000/svg" alt="Flowbite Logo">
|
||||
<svg class="h-8 mr-4 text-primary-800 dark:text-primary-500" viewBox="0 0 16.223 22" xmlns="http://www.w3.org/2000/svg" >
|
||||
<g transform="translate(-98.904 -98.724)">
|
||||
<g transform="matrix(.13966 0 0 .13966 88.164 91.344)" fill="currentColor">
|
||||
<path d="m85.41 82.698c-0.20735-0.31724-1.2465-5.6946-1.7071-8.8333-0.66008-4.4989-0.90978-10.103-0.62405-14.006 0.26923-3.6774 0.70415-6.1071 1.1781-6.5815 0.18751-0.18769 2.0569-0.299 5.9561-0.35466l5.6828-0.08112-1.0494 1.2597c-1.8139 2.1774-4.6821 6.296-4.6821 6.7233 0 0.1089-0.21214 0.33048-0.47143 0.49241-0.25928 0.16193-0.47143 0.45862-0.47143 0.65933s-0.35948 1.234-0.79885 2.2962c-0.86439 2.0898-2.119 6.7814-2.3835 8.9135-0.09043 0.72879-0.23345 3.2215-0.31782 5.5393-0.08438 2.3178-0.22449 4.1055-0.31136 3.9725z"/>
|
||||
|
||||
@@ -1,15 +1,16 @@
|
||||
{{ if ( .standalone ) }}
|
||||
<section class="pt-20">
|
||||
{{ if ( .Page.Params.rates.standalone ) }}
|
||||
<section class="heading flex justify-center pt-20 dark:bg-gray-900">
|
||||
{{ else }}
|
||||
<section class="pt-8">
|
||||
<section class="heading flex justify-center pt-8 dark:bg-gray-900">
|
||||
{{ end }}
|
||||
<div class="max-w-screen-xl px-4 mx-auto">
|
||||
<div class="max-w-2xl mx-auto text-center">
|
||||
|
||||
<div class="h-full flex">
|
||||
<div class="text-center align-middle px-4 my-auto">
|
||||
<h2 class="text-2xl md:text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
|
||||
{{ .heading.title }}
|
||||
{{ .Page.Params.rates.heading.title }}
|
||||
</h2>
|
||||
<p class="mt-4 text-md md:text-xl text-gray-500 sm:text-xl dark:text-gray-500">
|
||||
{{ .heading.text}}
|
||||
{{ .Page.Params.rates.heading.text}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
6
layouts/partials/rates/index.html
Normal file
6
layouts/partials/rates/index.html
Normal file
@@ -0,0 +1,6 @@
|
||||
{{ if ( .Page.Params.rates.enable ) }}
|
||||
{{ if ( .Page.Params.heading.enable ) }}
|
||||
{{ partial "rates/heading" .}}
|
||||
{{ end }}
|
||||
{{ partial "rates/rates" . }}
|
||||
{{ end }}
|
||||
@@ -1,18 +1,18 @@
|
||||
<section class="pt-6 pb-6">
|
||||
<section class="pt-6 pb-6 dark:bg-gray-900">
|
||||
<div class="grid gap-8 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 py-8">
|
||||
{{ range $index, $element := .items }}
|
||||
{{ range $index, $element := .Site.Data.rates.items }}
|
||||
<!-- Pricing Card -->
|
||||
<div
|
||||
class="drop-shadow-xl dark:drop-shadow-xl flex flex-col max-w-lg p-4 mx-auto text-center text-gray-900 bg-white border border-gray-200 rounded-lg shadow-xs dark:border-gray-600 xl:p-8 dark:text-white dark:bg-gray-700">
|
||||
<h3 class=" text-2xl font-semibold">{{ .name }}</h3>
|
||||
<p class="text-gray-500 text-light sm:text-lg dark:text-gray-400">{{ .desc }}</p>
|
||||
<p class="text-gray-600 kanit-light sm:text-lg dark:text-gray-400">{{ .desc }}</p>
|
||||
<div class="mt-2 mb-6 grid grid-cols-2">
|
||||
{{ if ( .price ) }}
|
||||
{{ range $index, $element := .price }}
|
||||
<div class="justify-evenly">
|
||||
<div class="mb-2 text-lg kanit-thin">{{ .name }}</div>
|
||||
<div class="mb-2 text-lg kanit-light">{{ .name }}</div>
|
||||
<div class="mr-2 text-5xl kanit-medium">${{ .price }}</div>
|
||||
<div class="mr-2 text-sm kanit-thin">{{ .period }}</div>
|
||||
<div class="mr-2 text-sm kanit-light">{{ .period }}</div>
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
@@ -22,7 +22,7 @@
|
||||
<!-- List -->
|
||||
<div class="">
|
||||
{{ if ( .features ) }}
|
||||
<ul role="list" class="mb-6 space-y-4 text-left">
|
||||
<ul class="mb-6 space-y-4 text-left">
|
||||
|
||||
{{ range $index, $element := .features}}
|
||||
<li class="flex items-center space-x-3">
|
||||
@@ -66,7 +66,7 @@
|
||||
<div class="max-w-xs pt-4 text-left">
|
||||
{{ range $index, $element := .features }}
|
||||
{{ if ( .super ) }}
|
||||
<div class="kanit-thin text-xs text-wrap">
|
||||
<div class=" text-gray-700 dark:text-gray-400 kanit-lite text-xs text-wrap">
|
||||
{{ .super }}: {{ .note }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
Reference in New Issue
Block a user