begin to configure site - need to get rid of extra stuff still...

This commit is contained in:
2025-04-16 14:37:57 -08:00
parent 60b4202649
commit 720de92caf
30 changed files with 866 additions and 325 deletions

View File

@@ -8,6 +8,18 @@ params:
text: The Bearded Tek text: The Bearded Tek
svg: /images/logo/no-padding.svg svg: /images/logo/no-padding.svg
favicon: favicon:
hero:
word-slider:
enable: true
items:
- "ON-SITE SUPPORT"
- "REMOTE SUPPORT"
- "COMPUTERS"
- "PRINTERS"
- "NETWORKING"
- "CAMERAS"
- "WEB DESIGN"
- "WEB HOSTING"
homepage: https://beardedtek.com homepage: https://beardedtek.com
authors: Flowbite authors: Flowbite
social_image_path: /marketing-ui/demo/images/og-image.jpg social_image_path: /marketing-ui/demo/images/og-image.jpg

239
content/_index.md Normal file
View File

@@ -0,0 +1,239 @@
---
title: "The Bearded Tek | Your IT Handyman"
date: 2025-04-15T17:09:20+06:00
description: "The Bearded Tek, Palmer and Wasilla's IT Handyman"
layout: main
navbar:
enable: true
items:
1:
name: Home
link: /
target:
2:
name: Blog
link: https://beardedtek.org
target: _blank
3:
name: Contact
link: /contact/
target:
4:
name: (907) 519-8577
link: "tel:+19075198577"
target:
hero:
enable: true
title: Your IT Handyman
tagline: We provide reliable, affordable tech support for homes and businesses in the Palmer-Wasilla area.
wordSlider:
enable: true
items:
- ON-SITE SUPPORT
- REMOTE SUPPORT
- COMPUTERS
- PRINTERS
- NETWORKING
- CAMERAS
- WEB DESIGN
- WEB HOSTING
about:
enable: true
items:
1:
icon: map
title: Service Area
text: Palmer and Wasilla Areas
link:
2:
icon: email
title: Email Us
text: contact@beardedtek.com
link: mailto:contact@beardedtek.com
3:
icon: phone
title: Call Us
text: (907) 519-8577
link: "tel:+19075198577"
pricing:
enable: true
heading:
enable: true
title: Fair and Up Front Pricing
text: Our clear pricing has no hidden fees. No gotchas in your bill. Guaranteed.
items:
1:
name: On-Site Service
desc: We come to you
price:
1:
name: First Hour
price: 50
period:
2:
name: Addtional Hour
price: 100
period:
features:
1:
icon: true
name: Minimum Charge $50
super:
note:
2:
icon: true
name: No Cancellation Fee
super: 1
note: Must cancel before tech departs
3:
icon: true
name: 5% Military Discount
super: 2
note: Does not apply to 1st hour
button:
text: Get Started
link: /contact/
2:
name: Remote Service
desc: We connect to you
price:
1:
name: First Hour
price: 40
period:
2:
name: Addtional Hour
price: 80
period:
features:
1:
icon: true
name: Minimum Charge $40
super:
note:
2:
icon: true
name: No Cancellation Fee
super: 1
note: Must cancel before tech connects
3:
icon: true
name: 5% Military Discount
super: 2
note: Does not apply to 1st hour
button:
text: Get Started
link: /contact/
3:
name: Static Web Site
desc: Custom Web Site Design
price:
1:
name: Template
price: 100
period: "& Up"
2:
name: Custom
price: 150
period: "& Up"
features:
1:
icon: true
name: 5% Military Discount
super:
note:
2:
icon: true
name: 10% Off Hosting
super: 1
note: One year commitment required
3:
icon: false
name:
super:
note:
button:
text: Get Started
link: /contact/
4:
name: Web Hosting
desc: Affordable and Dependable
price:
1:
name: Shared
price: 5
period: "per month"
2:
name: Dedicated
price: 20
period: "per month"
features:
1:
icon: true
name: 5% Military Discount
super:
note:
2:
icon: false
name:
super:
note:
3:
icon: false
name:
super:
note:
button:
text: Get Started
link: /contact/
footer:
enable: true
links:
enable: true
columns:
1:
name: Company
link:
content:
1:
name: About
link: /about/
2:
name: Blog
link: /blog/
2:
name: Legal
link:
content:
1:
name: Privacy Policy
link: /privacy/
2:
name: Terms
link: /terms/
3:
name: Support
link: /contact/
content:
1:
name: (907) 519-8577
link: "+19075198577"
2:
name: support@beardedtek.com
link: "mailto:support@beardedtek.com"
4:
name: Contact
link: /contact/
content:
1:
name: (907) 519-8577
link: "+19075198577"
2:
name: contact@beardedtek.com
link: "mailto:contact@beardedtek.com"
---

140
content/main/_index.md Normal file
View File

@@ -0,0 +1,140 @@
---
title: "The Bearded Tek | Your IT Handyman"
date: 2025-04-15T17:09:20+06:00
description: "The Bearded Tek, Palmer and Wasilla's IT Handyman"
layout: index
navbar:
enable: true
hero:
enable: true
title: Your IT Handyman
tagline: We provide reliable, affordable tech support for homes and businesses in the Palmer-Wasilla area.
wordSlider:
enable: true
items:
- ON-SITE SUPPORT
- REMOTE SUPPORT
- COMPUTERS
- PRINTERS
- NETWORKING
- CAMERAS
- WEB DESIGN
- WEB HOSTING
about:
enable: true
items:
1:
icon: map
title: Service Area
text: Palmer and Wasilla Areas
link:
2:
icon: email
title: Email Us
text: contact@beardedtek.com
link: mailto:contact@beardedtek.com
3:
icon: phone
title: Call Us
text: (907) 519-8577
link: "tel:+19075198577"
pricing:
enable: true
heading:
enable: true
title: Fair and Up Front Pricing
text: Our clear pricing has no hidden fees. No gotchas in your bill. Guaranteed.
items:
1:
name: On-Site Service
desc: We come to you
price:
1:
name: First Hour
price: 50
period:
2:
name: Addtional Hour
price: 100
period:
bullets:
1: Minimum Charge $50
2: That
3: Other
2:
name: Remote Service
desc: We connect to you
price:
1:
name: First Hour
price: 40
period:
2:
name: Addtional Hour
price: 80
period:
bullets:
1: This
2: That
3: Other
3:
name: Static Web Site
desc: Custom Web Site Design
price:
1:
name: Template
price: 100
period: "& Up"
2:
name: Custom
price: 150
period: "& Up"
bullets:
1: This
2: That
3: Other
footer:
enable: true
links:
enable: true
columns:
1:
name: Company
content:
1:
name: About
link: /about/
2:
name: Blog
link: /blog/
2:
name: Legal
content:
1:
name: Privacy Policy
link: /privacy-policy/
2:
name: Terms
link: /terms/
3:
name: Support
content:
1:
name: (907) 519-8577
link: "+19075198577"
2:
name: support@beardedtek.com
link: "mailto:support@beardedtek.com"
4:
name: Contact
content:
1:
name: (907) 519-8577
link: "+19075198577"
2:
name: contact@beardedtek.com
link: "mailto:contact@beardedtek.com"
---

View File

View File

@@ -8,7 +8,7 @@
<body class="{{ if .Params.white_bg }}bg-white dark:bg-gray-900{{ else }}bg-gray-50 dark:bg-gray-800{{ end }}">{{ end }} <body class="{{ if .Params.white_bg }}bg-white dark:bg-gray-900{{ else }}bg-gray-50 dark:bg-gray-800{{ end }}">{{ end }}
{{ partial "skippy" . }} {{ partial "skippy" . }}
{{ partial "nav" . }} {{ partial "nav/main" . }}
{{ block "main" . }} {{ block "main" . }}
{{ end }} {{ end }}

View File

@@ -0,0 +1,30 @@
{{ define "main" }}
<main class="text-primary-800 dark:gray-400">
{{ if ( .Page.Params.hero.enable ) }}
<section class="hero h-screen flex justify-center">
<div class="h-full flex">
<div class=" align-middle px-4 my-auto">
{{ partial "hero/heading" . }}
{{ partial "hero/slider" . }}
{{ partial "hero/tagline" . }}
</div>
</div>
</section>
{{ end }}
{{ with .Page.Params.pricing }}
{{ if ( .enable ) }}
{{ with .heading }}
{{ if ( .enable ) }}
{{ partial "pricing/heading" .}}
{{ end }}
{{ end }}
{{ partial "pricing/pricing" . }}
{{ end }}
{{ end }}
</main>
{{ with .Page.Params.footer }}
{{ if ( .enable ) }}
{{ partial "footer/full" . }}
{{ end }}
{{ end }}
{{ end }}

View File

@@ -1,6 +1,4 @@
{{ define "main" }} {{ define "main" }}
{{ partial "navbar" . }}
<main class="w-full antialiased"> <main class="w-full antialiased">
{{ .Content }} {{ .Content }}

View File

@@ -3,7 +3,9 @@
{{ "<!-- Contact Section Start -->" | safeHTML }} {{ "<!-- Contact Section Start -->" | safeHTML }}
{{ if ( .Page.Params.header.enable ) }} {{ if ( .Page.Params.header.enable ) }}
{{ partial "contact/header" . }} {{ with .Page.Params.header }}
{{ partial "contact/heading" . }}
{{ end }}
{{ end }} {{ end }}
{{ if ( .Page.Params.form.enable ) }} {{ if ( .Page.Params.form.enable ) }}
@@ -11,11 +13,13 @@
{{ end }} {{ end }}
{{ if ( .Page.Params.enable.about ) }} {{ if ( .Page.Params.enable.about ) }}
{{ partial "about.html" . }} {{ partial "about.html" . }}
{{ end }} {{ end }}
{{ if ( .Page.Params.footer.enable ) }} {{ with .Page.Params.footer }}
{{ partial "full-footer" . }} {{ if ( .enable ) }}
{{ partial "footer/full" . }}
{{ end }}
{{ end }} {{ end }}
</main> </main>
{{ end }} {{ end }}

30
layouts/main.html Normal file
View File

@@ -0,0 +1,30 @@
{{ define "main" }}
<main class="text-primary-800 dark:gray-400">
{{ if ( .Page.Params.hero.enable ) }}
<section class="hero h-screen flex justify-center">
<div class="h-full flex">
<div class=" align-middle px-4 my-auto">
{{ partial "hero/heading" . }}
{{ partial "hero/slider" . }}
{{ partial "hero/tagline" . }}
</div>
</div>
</section>
{{ end }}
{{ with .Page.Params.pricing }}
{{ if ( .enable ) }}
{{ with .heading }}
{{ if ( .enable ) }}
{{ partial "pricing/heading" .}}
{{ end }}
{{ end }}
{{ partial "pricing/pricing" . }}
{{ end }}
{{ end }}
</main>
{{ with .Page.Params.footer }}
{{ if ( .enable ) }}
{{ partial "footer/full" . }}
{{ end }}
{{ end }}
{{ end }}

30
layouts/main/list.html Normal file
View File

@@ -0,0 +1,30 @@
{{ define "main" }}
<main class="text-primary-800 dark:gray-400">
{{ if ( .Page.Params.hero.enable ) }}
<section class="hero h-screen flex justify-center">
<div class="h-full flex">
<div class=" align-middle px-4 my-auto">
{{ partial "hero/heading" . }}
{{ partial "hero/slider" . }}
{{ partial "hero/tagline" . }}
</div>
</div>
</section>
{{ end }}
{{ with .Page.Params.pricing }}
{{ if ( .enable ) }}
{{ with .heading }}
{{ if ( .enable ) }}
{{ partial "pricing/heading" .}}
{{ end }}
{{ end }}
{{ partial "pricing/pricing" . }}
{{ end }}
{{ end }}
{{ with .Page.Params.footer }}
{{ if ( .enable ) }}
{{ partial "footer/full" . }}
{{ end }}
{{ end }}
</main>
{{ end }}

View File

@@ -1,15 +1,6 @@
<section class="bg-white dark:bg-gray-900"> <section class="bg-white dark:bg-gray-900">
<div class="max-w-screen-xl px-4 py-6 mx-auto sm:py-8 lg:py-10"> <div class="max-w-screen-xl px-4 py-6 mx-auto sm:py-8 lg:py-10">
<div class="max-w-3xl mx-auto mt-8 lg:mt-12"> <div class="max-w-3xl mx-auto mt-8 lg:mt-12">
<div class="max-w-2xl mx-auto text-center mb-8">
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
{{ .Site.Data.contact.form.header.title}}
</h2>
<p class="mt-4 text-base text-gray-500 sm:text-xl dark:text-gray-500">
{{ .Site.Data.contact.form.header.text}}
</p>
</div>
<form method="{{ .Page.Params.form.method }}" action="{{ .Page.Params.form.action}}" class="grid max-w-screen-md grid-cols-1 mx-auto gap-x-8 gap-y-6 sm:grid-cols-2"> <form method="{{ .Page.Params.form.method }}" action="{{ .Page.Params.form.action}}" class="grid max-w-screen-md grid-cols-1 mx-auto gap-x-8 gap-y-6 sm:grid-cols-2">
<div> <div>
<label for="first-name" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white"> <label for="first-name" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">

View File

@@ -1,11 +1,11 @@
<section class="bg-gray-50 dark:bg-gray-800"> <section class="">
<div class="max-w-screen-xl px-4 py-6 mx-auto sm:py-12 lg:py-20 pt-20 sm:pt-24 lg:pt-32"> <div class="max-w-screen-xl px-4 py-6 mx-auto sm:py-12 lg:py-20 pt-20 sm:pt-24 lg:pt-32">
<div class="max-w-2xl mx-auto text-center"> <div class="max-w-2xl mx-auto text-center">
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white"> <h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
{{ .Page.Params.header.title }} {{ .title }}
</h2> </h2>
<p class="mt-4 text-base text-gray-500 sm:text-xl dark:text-gray-500"> <p class="mt-4 text-base text-gray-500 sm:text-xl dark:text-gray-500">
{{ .Page.Params.header.text}} {{ .text}}
</p> </p>
</div> </div>
</div> </div>

View File

@@ -0,0 +1,95 @@
<footer class="pb-8 bg-gray-50 dark:bg-gray-800">
{{ if .links.enable }}
<!-- Footer Links Begin -->
<div class="max-w-screen-xl px-4 pt-8 mx-auto sm:pt-4">
<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 place-items-center">
{{ range $index, $element := .links.columns }}
<div class="text-center pb-4">
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">
{{ if ( .link ) }}
<a href="{{ .link }}">{{ .name }}</a>
{{ else }}
{{ .name }}
{{ end }}
</h2>
<ul class="text-gray-500 dark:text-gray-400">
{{ range $index, $element := .content }}
<li class="mb-4">
<a href="{{ .link }}" class="hover:underline hover:text-gray-900 dark:hover:text-white">{{ .name }}</a>
</li>
{{ end }}
</ul>
</div>
{{ end }}
</div>
</div>
<!-- Footer Links End -->
{{ end }}
<div class="mt-4">
<a href="#"
class="flex items-center justify-center mb-5 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">
<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"/>
<path d="m184.14 79.233c-0.19636-6.1997-1.1933-11.835-2.6522-14.992-0.33991-0.73547-0.66041-1.6554-0.71223-2.0444-0.0518-0.38893-0.25356-0.8238-0.44831-0.96638s-0.90068-1.0972-1.5687-2.1214c-1.4406-2.2086-3.0646-4.3898-4.0741-5.4718l-0.7287-0.78108 5.7373 0.07393c5.5545 0.07158 5.7504 0.09019 6.1502 0.58437 1.0611 1.3116 1.4216 11.822 0.62929 18.347-0.33761 2.78-1.919 11.402-2.1299 11.613-0.0364 0.03636-0.1275-1.8723-0.20253-4.2414z"/>
<path d="m188.11 123.42c1.4135-3.3106 2.3747-6.8213 2.834-10.352 0.44504-3.4205 0.36654-5.3884-0.39805-9.9782-0.54869-3.2937-0.96889-4.0298-2.5754-4.5111-0.72535-0.21732-1.032-0.18033-1.9794 0.23878l-1.1211 0.49594 0.15277-0.64602c0.39356-1.6641 2.5515-3.7869 4.0533-3.9872 1.098-0.14644 1.992 0.45111 2.6514 1.7724 1.0574 2.1186 1.5763 6.648 1.2135 10.592-0.6232 6.7728-1.942 11.726-4.2033 15.786-0.5536 0.99401-0.96563 1.3808-0.62765 0.58929z"/>
<path d="m80.844 122.17c-4.2809-8.4479-5.3228-23.096-1.9009-26.724 1.2716-1.3483 2.7586-1.0858 4.4491 0.7853 0.85334 0.94455 1.3927 1.8324 1.68 2.7655 0.14933 0.48503 0.12405 0.4826-1.0566-0.10171-1.1435-0.5659-1.2626-0.58018-2.1779-0.26121-1.7247 0.60097-2.1827 1.7806-2.7854 7.1731-0.30707 2.7475-0.13678 7.1937 0.37918 9.9 0.19773 1.0372 0.77272 3.1586 1.2778 4.7143 0.50504 1.5557 0.88393 2.8656 0.84199 2.9109-0.04194 0.0453-0.36013-0.47781-0.70708-1.1625z"/>
<path d="m130.94 209.26c-4.8526-2.6766-12.573-8.1774-16.738-11.926-2.715-2.4433-4.2925-4.203-5.9319-6.6172-0.99932-1.4716-3.6745-7.3655-5.2147-11.489-0.46004-1.2316-1.442-3.6182-2.1821-5.3036-0.74011-1.6854-1.5361-3.6477-1.7688-4.3607-0.23272-0.71304-0.86468-2.4632-1.4044-3.8893-2.1601-5.7079-4.0116-11.004-4.9034-14.025-2.0585-6.9739-2.3956-8.5063-2.7487-12.497-0.18905-2.1367-0.55904-6.3246-0.8222-9.3064-0.26316-2.9818-0.54558-6.0579-0.62762-6.8357-0.08203-0.77786-0.09208-1.3612-0.02233-1.2964 0.11817 0.10981 2.395 7.7946 3.9807 13.436 1.0005 3.5592 2.9047 8.6845 4.2913 11.55 0.97291 2.0107 1.5144 2.7956 2.8862 4.1839 1.5606 1.5794 1.7633 1.7089 2.6736 1.7089 1.8041 0 2.1582-0.45762 3.8258-4.9447 2.8285-7.6106 6.2142-12.214 11.251-15.298 2.9994-1.8363 3.7944-2.2213 6.0603-2.9351 8.9188-2.8096 20.597-1.9554 27.311 1.9979 0.90876 0.53505 1.9175 1.1122 2.2416 1.2826 1.4184 0.74551 3.7966 3.0259 5.4925 5.2667 2.3379 3.0889 3.3118 4.9897 5.5803 10.892 1.2019 3.1271 1.7208 3.7387 3.1722 3.7387 0.99346 0 1.1838-0.10961 2.7417-1.5793 1.441-1.3594 1.8499-1.942 2.9361-4.1839 1.566-3.2322 2.8982-6.7692 4.2214-11.208 0.56034-1.8798 1.6797-5.6454 2.4874-8.3679s1.5244-5.003 1.5926-5.0678c0.0682-0.0648 0.0574 0.51857-0.024 1.2964-0.0814 0.77786-0.4125 4.5964-0.73579 8.4857-0.32328 3.8893-0.7027 7.92-0.84314 8.9571-0.61606 4.5493-3.3086 13.668-6.6472 22.511-0.70971 1.8798-1.6365 4.4255-2.0594 5.6572s-1.2824 3.3697-1.9098 4.7513c-0.62738 1.3816-1.553 3.6091-2.057 4.95-1.2739 3.3896-3.4619 8.5022-4.4313 10.354-2.5484 4.8687-9.5746 11.217-19.38 17.51-5.3033 3.4036-5.5942 3.5332-8.1407 3.6277l-2.1497 0.0798zm-12.719-45.3c0.44875-0.23001 1.817-1.1382 3.0405-2.0182 2.625-1.8881 5.0923-3.1233 8.5303-4.2705 2.2682-0.75693 2.7522-0.83588 5.124-0.83588 2.2832 0 2.9142 0.0943 4.9201 0.73508 2.9369 0.93822 6.1226 2.4523 8.076 3.8383 4.6965 3.3323 5.0742 3.4669 6.4178 2.2872 0.45857-0.40263 0.94005-0.73205 1.07-0.73205 0.12991 0 1.0435-0.97357 2.0302-2.1635 2.2319-2.6916 2.7426-3.9456 2.9109-7.1472 0.21033-4.0017-0.64762-6.5188-3.1732-9.3096-1.3668-1.5104-4.0134-3.4262-5.506-3.9857-0.44175-0.16559-1.2641-0.51606-1.8274-0.77883-0.95288-0.44451-1.7614-0.49469-11.618-0.72099-14.977-0.34388-16.509-0.19663-20.889 2.0078-4.2114 2.1197-7.1342 5.8158-7.627 9.6448-0.64736 5.0305 0.22897 7.6392 3.776 11.241 2.699 2.7404 3.2271 2.9863 4.7442 2.2087z"/>
</g>
</g>
</svg>
The Bearded Tek
</a>
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2022-<span id="currentYear">2022</span> <a href="#"
class="hover:underline">The Bearded Tek</a>. All Rights Reserved.
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
clip-rule="evenodd" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</footer>

View File

@@ -1,220 +0,0 @@
<footer class="bg-gray-50 dark:bg-gray-800">
<div class="max-w-screen-xl px-4 py-8 mx-auto sm:py-16">
<div class="grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-5">
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Company</h2>
<ul class="text-gray-500 dark:text-gray-400">
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">About</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Careers</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Brand Center</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Blog</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Help center</h2>
<ul class="text-gray-500 dark:text-gray-400">
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Discord Server</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Twitter</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Facebook</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Contact Us</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Legal</h2>
<ul class="text-gray-500 dark:text-gray-400">
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Privacy Policy</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Licensing</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Terms</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Company</h2>
<ul class="text-gray-500 dark:text-gray-400">
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">About</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Careers</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Brand Center</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Blog</a>
</li>
</ul>
</div>
<div>
<h2 class="mb-6 text-sm font-semibold text-gray-900 uppercase dark:text-white">Download</h2>
<ul class="text-gray-500 dark:text-gray-400">
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">iOS</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Android</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">Windows</a>
</li>
<li class="mb-4">
<a href="#" class="hover:underline hover:text-gray-900 dark:hover:text-white">MacOS</a>
</li>
</ul>
</div>
</div>
<div class="mt-8 text-center sm:mt-12 lg:mt-16">
<a href="#"
class="flex items-center justify-center mb-5 text-2xl font-semibold text-gray-900 dark:text-white">
<svg class="h-8 mr-2" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
d="M25.2696 13.126C25.1955 13.6364 24.8589 14.3299 24.4728 14.9328C23.9856 15.6936 23.2125 16.2264 22.3276 16.4114L18.43 17.2265C17.8035 17.3575 17.2355 17.6853 16.8089 18.1621L14.2533 21.0188C13.773 21.5556 13.4373 21.4276 13.4373 20.7075C13.4315 20.7342 12.1689 23.9903 15.5149 25.9202C16.8005 26.6618 18.6511 26.3953 19.9367 25.6538L26.7486 21.7247C29.2961 20.2553 31.0948 17.7695 31.6926 14.892C31.7163 14.7781 31.7345 14.6639 31.7542 14.5498L25.2696 13.126Z"
fill="url(#paint0_linear_11430_22515)" />
<path
d="M23.5028 9.20133C24.7884 9.94288 25.3137 11.0469 25.3137 12.53C25.3137 12.7313 25.2979 12.9302 25.2694 13.1261L28.0141 14.3051L31.754 14.5499C32.2329 11.7784 31.2944 8.92561 29.612 6.65804C28.3459 4.9516 26.7167 3.47073 24.7581 2.34097C23.167 1.42325 21.5136 0.818599 19.8525 0.486816L17.9861 2.90382L17.3965 5.67918L23.5028 9.20133Z"
fill="url(#paint1_linear_11430_22515)" />
<path
d="M1.5336 11.2352C1.5329 11.2373 1.53483 11.238 1.53556 11.2358C1.67958 10.8038 1.86018 10.3219 2.08564 9.80704C3.26334 7.11765 5.53286 5.32397 8.32492 4.40943C11.117 3.49491 14.1655 3.81547 16.7101 5.28323L17.3965 5.67913L19.8525 0.486761C12.041 -1.07341 4.05728 3.51588 1.54353 11.2051C1.54233 11.2087 1.53796 11.2216 1.5336 11.2352Z"
fill="url(#paint2_linear_11430_22515)" />
<path
d="M19.6699 25.6538C18.3843 26.3953 16.8003 26.3953 15.5147 25.6538C15.3402 25.5531 15.1757 25.4399 15.0201 25.3174L12.7591 26.8719L10.8103 30.0209C12.9733 31.821 15.7821 32.3997 18.589 32.0779C20.7013 31.8357 22.7995 31.1665 24.7582 30.0368C26.3492 29.1191 27.7 27.9909 28.8182 26.7195L27.6563 23.8962L25.7762 22.1316L19.6699 25.6538Z"
fill="url(#paint3_linear_11430_22515)" />
<path
d="M15.0201 25.3175C14.0296 24.5373 13.4371 23.3406 13.4371 22.0588V21.931V11.2558C13.4371 10.6521 13.615 10.5494 14.1384 10.8513C13.3323 10.3864 11.4703 8.79036 9.17118 10.1165C7.88557 10.858 6.8269 12.4949 6.8269 13.978V21.8362C6.8269 24.775 8.34906 27.8406 10.5445 29.7966C10.6313 29.874 10.7212 29.9469 10.8103 30.0211L15.0201 25.3175Z"
fill="url(#paint4_linear_11430_22515)" />
<path
d="M28.6604 5.49565C28.6589 5.49395 28.6573 5.49532 28.6589 5.49703C28.9613 5.83763 29.2888 6.23485 29.6223 6.68734C31.3648 9.05099 32.0158 12.0447 31.4126 14.9176C30.8093 17.7906 29.0071 20.2679 26.4625 21.7357L25.7761 22.1316L28.8181 26.7195C34.0764 20.741 34.09 11.5388 28.6815 5.51929C28.6789 5.51641 28.67 5.50622 28.6604 5.49565Z"
fill="url(#paint5_linear_11430_22515)" />
<path
d="M7.09355 13.978C7.09354 12.4949 7.88551 11.1244 9.17113 10.3829C9.34564 10.2822 9.52601 10.1965 9.71002 10.1231L9.49304 7.38962L7.96861 4.26221C5.32671 5.23364 3.1897 7.24125 2.06528 9.83067C1.2191 11.7793 0.75001 13.9294 0.75 16.1888C0.75 18.0243 1.05255 19.7571 1.59553 21.3603L4.62391 21.7666L7.09355 21.0223V13.978Z"
fill="url(#paint6_linear_11430_22515)" />
<path
d="M9.71016 10.1231C10.8817 9.65623 12.2153 9.74199 13.3264 10.3829L13.4372 10.4468L22.3326 15.5777C22.9566 15.9376 22.8999 16.2918 22.1946 16.4392L22.7078 16.332C23.383 16.1908 23.9999 15.8457 24.4717 15.3428C25.2828 14.4782 25.5806 13.4351 25.5806 12.5299C25.5806 11.0468 24.7886 9.67634 23.503 8.93479L16.6911 5.00568C14.1436 3.53627 11.0895 3.22294 8.29622 4.14442C8.18572 4.18087 8.07756 4.2222 7.96875 4.26221L9.71016 10.1231Z"
fill="url(#paint7_linear_11430_22515)" />
<path
d="M20.0721 31.8357C20.0744 31.8352 20.0739 31.8332 20.0717 31.8337C19.6252 31.925 19.1172 32.0097 18.5581 32.0721C15.638 32.3978 12.7174 31.4643 10.5286 29.5059C8.33986 27.5474 7.09347 24.7495 7.09348 21.814L7.09347 21.0222L1.59546 21.3602C4.1488 28.8989 12.1189 33.5118 20.0411 31.8421C20.0449 31.8413 20.0582 31.8387 20.0721 31.8357Z"
fill="url(#paint8_linear_11430_22515)" />
<defs>
<linearGradient id="paint0_linear_11430_22515" x1="20.8102" y1="23.9532" x2="23.9577"
y2="12.9901" gradientUnits="userSpaceOnUse">
<stop stop-color="#1724C9" />
<stop offset="1" stop-color="#1C64F2" />
</linearGradient>
<linearGradient id="paint1_linear_11430_22515" x1="28.0593" y1="10.5837" x2="19.7797"
y2="2.33321" gradientUnits="userSpaceOnUse">
<stop stop-color="#1C64F2" />
<stop offset="1" stop-color="#0092FF" />
</linearGradient>
<linearGradient id="paint2_linear_11430_22515" x1="16.9145" y1="5.2045" x2="4.42432"
y2="5.99375" gradientUnits="userSpaceOnUse">
<stop stop-color="#0092FF" />
<stop offset="1" stop-color="#45B2FF" />
</linearGradient>
<linearGradient id="paint3_linear_11430_22515" x1="16.0698" y1="28.846" x2="27.2866"
y2="25.8192" gradientUnits="userSpaceOnUse">
<stop stop-color="#1C64F2" />
<stop offset="1" stop-color="#0092FF" />
</linearGradient>
<linearGradient id="paint4_linear_11430_22515" x1="8.01881" y1="15.8661" x2="15.9825"
y2="24.1181" gradientUnits="userSpaceOnUse">
<stop stop-color="#1724C9" />
<stop offset="1" stop-color="#1C64F2" />
</linearGradient>
<linearGradient id="paint5_linear_11430_22515" x1="26.2004" y1="21.8189" x2="31.7569"
y2="10.6178" gradientUnits="userSpaceOnUse">
<stop stop-color="#0092FF" />
<stop offset="1" stop-color="#45B2FF" />
</linearGradient>
<linearGradient id="paint6_linear_11430_22515" x1="6.11387" y1="9.31427" x2="3.14054"
y2="20.4898" gradientUnits="userSpaceOnUse">
<stop stop-color="#1C64F2" />
<stop offset="1" stop-color="#0092FF" />
</linearGradient>
<linearGradient id="paint7_linear_11430_22515" x1="21.2932" y1="8.78271" x2="10.4278"
y2="11.488" gradientUnits="userSpaceOnUse">
<stop stop-color="#1724C9" />
<stop offset="1" stop-color="#1C64F2" />
</linearGradient>
<linearGradient id="paint8_linear_11430_22515" x1="7.15667" y1="21.5399" x2="14.0824"
y2="31.9579" gradientUnits="userSpaceOnUse">
<stop stop-color="#0092FF" />
<stop offset="1" stop-color="#45B2FF" />
</linearGradient>
</defs>
</svg>
Flowbite
</a>
<span class="block text-sm text-center text-gray-500 dark:text-gray-400">© 2021-<span id="currentYear">2022</span> <a href="#"
class="hover:underline">Flowbite™</a>. All Rights Reserved.
</span>
<ul class="flex justify-center mt-5 space-x-5">
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12.315 2c2.43 0 2.784.013 3.808.06 1.064.049 1.791.218 2.427.465a4.902 4.902 0 011.772 1.153 4.902 4.902 0 011.153 1.772c.247.636.416 1.363.465 2.427.048 1.067.06 1.407.06 4.123v.08c0 2.643-.012 2.987-.06 4.043-.049 1.064-.218 1.791-.465 2.427a4.902 4.902 0 01-1.153 1.772 4.902 4.902 0 01-1.772 1.153c-.636.247-1.363.416-2.427.465-1.067.048-1.407.06-4.123.06h-.08c-2.643 0-2.987-.012-4.043-.06-1.064-.049-1.791-.218-2.427-.465a4.902 4.902 0 01-1.772-1.153 4.902 4.902 0 01-1.153-1.772c-.247-.636-.416-1.363-.465-2.427-.047-1.024-.06-1.379-.06-3.808v-.63c0-2.43.013-2.784.06-3.808.049-1.064.218-1.791.465-2.427a4.902 4.902 0 011.153-1.772A4.902 4.902 0 015.45 2.525c.636-.247 1.363-.416 2.427-.465C8.901 2.013 9.256 2 11.685 2h.63zm-.081 1.802h-.468c-2.456 0-2.784.011-3.807.058-.975.045-1.504.207-1.857.344-.467.182-.8.398-1.15.748-.35.35-.566.683-.748 1.15-.137.353-.3.882-.344 1.857-.047 1.023-.058 1.351-.058 3.807v.468c0 2.456.011 2.784.058 3.807.045.975.207 1.504.344 1.857.182.466.399.8.748 1.15.35.35.683.566 1.15.748.353.137.882.3 1.857.344 1.054.048 1.37.058 4.041.058h.08c2.597 0 2.917-.01 3.96-.058.976-.045 1.505-.207 1.858-.344.466-.182.8-.398 1.15-.748.35-.35.566-.683.748-1.15.137-.353.3-.882.344-1.857.048-1.055.058-1.37.058-4.041v-.08c0-2.597-.01-2.917-.058-3.96-.045-.976-.207-1.505-.344-1.858a3.097 3.097 0 00-.748-1.15 3.098 3.098 0 00-1.15-.748c-.353-.137-.882-.3-1.857-.344-1.023-.047-1.351-.058-3.807-.058zM12 6.865a5.135 5.135 0 110 10.27 5.135 5.135 0 010-10.27zm0 1.802a3.333 3.333 0 100 6.666 3.333 3.333 0 000-6.666zm5.338-3.205a1.2 1.2 0 110 2.4 1.2 1.2 0 010-2.4z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path
d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z"
clip-rule="evenodd" />
</svg>
</a>
</li>
<li>
<a href="#" class="text-gray-500 hover:text-gray-900 dark:hover:text-white dark:text-gray-400">
<svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path fill-rule="evenodd"
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10c5.51 0 10-4.48 10-10S17.51 2 12 2zm6.605 4.61a8.502 8.502 0 011.93 5.314c-.281-.054-3.101-.629-5.943-.271-.065-.141-.12-.293-.184-.445a25.416 25.416 0 00-.564-1.236c3.145-1.28 4.577-3.124 4.761-3.362zM12 3.475c2.17 0 4.154.813 5.662 2.148-.152.216-1.443 1.941-4.48 3.08-1.399-2.57-2.95-4.675-3.189-5A8.687 8.687 0 0112 3.475zm-3.633.803a53.896 53.896 0 013.167 4.935c-3.992 1.063-7.517 1.04-7.896 1.04a8.581 8.581 0 014.729-5.975zM3.453 12.01v-.26c.37.01 4.512.065 8.775-1.215.25.477.477.965.694 1.453-.109.033-.228.065-.336.098-4.404 1.42-6.747 5.303-6.942 5.629a8.522 8.522 0 01-2.19-5.705zM12 20.547a8.482 8.482 0 01-5.239-1.8c.152-.315 1.888-3.656 6.703-5.337.022-.01.033-.01.054-.022a35.318 35.318 0 011.823 6.475 8.4 8.4 0 01-3.341.684zm4.761-1.465c-.086-.52-.542-3.015-1.659-6.084 2.679-.423 5.022.271 5.314.369a8.468 8.468 0 01-3.655 5.715z"
clip-rule="evenodd" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</footer>

View File

@@ -0,0 +1,3 @@
<div class="text-4xl xl:text-6xl md:text-5xl kanit-semibold mx-auto text-center text-primary-800 dark:text-primary-400">
{{ .Page.Params.hero.title }}
</div>

View File

@@ -0,0 +1,13 @@
<div class=" max-w-xs text-4xl kanit-semibold mx-auto text-center dark:text-white pt-6">
<div id="default-carousel" class="relative w-full text-primary-600 dark:text-gray-400" data-carousel="slide">
<!-- Slider wrapper -->
<div class="relative h-10 overflow-hidden rounded-lg">
{{ range $index, $element := .Page.Params.hero.wordSlider.items }}
<!-- Slider Item #{{ $index }} -->
<div class="hidden duration-700 ease-in-out" data-carousel-item>
{{ . }}
</div>
{{ end }}
</div>
</div>
</div>

View File

@@ -0,0 +1,3 @@
<div class="max-w-screen-sm text-xl mx-auto text-center text-primary-800 dark:text-gray-200 pt-8 kanit-light">
We provide reliable, affordable tech support for homes and businesses in the Palmer-Wasilla area.
</div>

View File

@@ -1,12 +1,22 @@
<header> <header>
<nav id="mainNavbar" data-sticky="false" class="dark:bg-transparent bg-transparent border-gray-200 py-2.5 fixed w-full z-40 top-0 start-0 data-[sticky=true]:bg-white data-[sticky=true]:border-b dark:data-[sticky=true]:bg-gray-800 dark:data-[sticky=true]:border-gray-700"> <nav id="mainNavbar" data-sticky="false" class="dark:bg-transparent bg-transparent border-gray-200 py-2.5 fixed w-full z-40 top-0 start-0 data-[sticky=true]:bg-white data-[sticky=true]:border-b dark:data-[sticky=true]:bg-gray-800 dark:data-[sticky=true]:border-gray-700">
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4"> <div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4" >
<a href="{{ .Site.Params.baseURL }}/" class="flex items-center"> <a href="{{ .Site.Params.baseURL }}/" class="flex items-center">
<img src="{{ .Site.Params.logo.svg }}" class="h-8 mr-3" alt="Flowbite Logo" /> <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">
<span class="self-center text-3xl font-semibold kanit-semibold whitespace-nowrap dark:text-white">{{ .Site.Params.logo.text }}</span> <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"/>
<path d="m184.14 79.233c-0.19636-6.1997-1.1933-11.835-2.6522-14.992-0.33991-0.73547-0.66041-1.6554-0.71223-2.0444-0.0518-0.38893-0.25356-0.8238-0.44831-0.96638s-0.90068-1.0972-1.5687-2.1214c-1.4406-2.2086-3.0646-4.3898-4.0741-5.4718l-0.7287-0.78108 5.7373 0.07393c5.5545 0.07158 5.7504 0.09019 6.1502 0.58437 1.0611 1.3116 1.4216 11.822 0.62929 18.347-0.33761 2.78-1.919 11.402-2.1299 11.613-0.0364 0.03636-0.1275-1.8723-0.20253-4.2414z"/>
<path d="m188.11 123.42c1.4135-3.3106 2.3747-6.8213 2.834-10.352 0.44504-3.4205 0.36654-5.3884-0.39805-9.9782-0.54869-3.2937-0.96889-4.0298-2.5754-4.5111-0.72535-0.21732-1.032-0.18033-1.9794 0.23878l-1.1211 0.49594 0.15277-0.64602c0.39356-1.6641 2.5515-3.7869 4.0533-3.9872 1.098-0.14644 1.992 0.45111 2.6514 1.7724 1.0574 2.1186 1.5763 6.648 1.2135 10.592-0.6232 6.7728-1.942 11.726-4.2033 15.786-0.5536 0.99401-0.96563 1.3808-0.62765 0.58929z"/>
<path d="m80.844 122.17c-4.2809-8.4479-5.3228-23.096-1.9009-26.724 1.2716-1.3483 2.7586-1.0858 4.4491 0.7853 0.85334 0.94455 1.3927 1.8324 1.68 2.7655 0.14933 0.48503 0.12405 0.4826-1.0566-0.10171-1.1435-0.5659-1.2626-0.58018-2.1779-0.26121-1.7247 0.60097-2.1827 1.7806-2.7854 7.1731-0.30707 2.7475-0.13678 7.1937 0.37918 9.9 0.19773 1.0372 0.77272 3.1586 1.2778 4.7143 0.50504 1.5557 0.88393 2.8656 0.84199 2.9109-0.04194 0.0453-0.36013-0.47781-0.70708-1.1625z"/>
<path d="m130.94 209.26c-4.8526-2.6766-12.573-8.1774-16.738-11.926-2.715-2.4433-4.2925-4.203-5.9319-6.6172-0.99932-1.4716-3.6745-7.3655-5.2147-11.489-0.46004-1.2316-1.442-3.6182-2.1821-5.3036-0.74011-1.6854-1.5361-3.6477-1.7688-4.3607-0.23272-0.71304-0.86468-2.4632-1.4044-3.8893-2.1601-5.7079-4.0116-11.004-4.9034-14.025-2.0585-6.9739-2.3956-8.5063-2.7487-12.497-0.18905-2.1367-0.55904-6.3246-0.8222-9.3064-0.26316-2.9818-0.54558-6.0579-0.62762-6.8357-0.08203-0.77786-0.09208-1.3612-0.02233-1.2964 0.11817 0.10981 2.395 7.7946 3.9807 13.436 1.0005 3.5592 2.9047 8.6845 4.2913 11.55 0.97291 2.0107 1.5144 2.7956 2.8862 4.1839 1.5606 1.5794 1.7633 1.7089 2.6736 1.7089 1.8041 0 2.1582-0.45762 3.8258-4.9447 2.8285-7.6106 6.2142-12.214 11.251-15.298 2.9994-1.8363 3.7944-2.2213 6.0603-2.9351 8.9188-2.8096 20.597-1.9554 27.311 1.9979 0.90876 0.53505 1.9175 1.1122 2.2416 1.2826 1.4184 0.74551 3.7966 3.0259 5.4925 5.2667 2.3379 3.0889 3.3118 4.9897 5.5803 10.892 1.2019 3.1271 1.7208 3.7387 3.1722 3.7387 0.99346 0 1.1838-0.10961 2.7417-1.5793 1.441-1.3594 1.8499-1.942 2.9361-4.1839 1.566-3.2322 2.8982-6.7692 4.2214-11.208 0.56034-1.8798 1.6797-5.6454 2.4874-8.3679s1.5244-5.003 1.5926-5.0678c0.0682-0.0648 0.0574 0.51857-0.024 1.2964-0.0814 0.77786-0.4125 4.5964-0.73579 8.4857-0.32328 3.8893-0.7027 7.92-0.84314 8.9571-0.61606 4.5493-3.3086 13.668-6.6472 22.511-0.70971 1.8798-1.6365 4.4255-2.0594 5.6572s-1.2824 3.3697-1.9098 4.7513c-0.62738 1.3816-1.553 3.6091-2.057 4.95-1.2739 3.3896-3.4619 8.5022-4.4313 10.354-2.5484 4.8687-9.5746 11.217-19.38 17.51-5.3033 3.4036-5.5942 3.5332-8.1407 3.6277l-2.1497 0.0798zm-12.719-45.3c0.44875-0.23001 1.817-1.1382 3.0405-2.0182 2.625-1.8881 5.0923-3.1233 8.5303-4.2705 2.2682-0.75693 2.7522-0.83588 5.124-0.83588 2.2832 0 2.9142 0.0943 4.9201 0.73508 2.9369 0.93822 6.1226 2.4523 8.076 3.8383 4.6965 3.3323 5.0742 3.4669 6.4178 2.2872 0.45857-0.40263 0.94005-0.73205 1.07-0.73205 0.12991 0 1.0435-0.97357 2.0302-2.1635 2.2319-2.6916 2.7426-3.9456 2.9109-7.1472 0.21033-4.0017-0.64762-6.5188-3.1732-9.3096-1.3668-1.5104-4.0134-3.4262-5.506-3.9857-0.44175-0.16559-1.2641-0.51606-1.8274-0.77883-0.95288-0.44451-1.7614-0.49469-11.618-0.72099-14.977-0.34388-16.509-0.19663-20.889 2.0078-4.2114 2.1197-7.1342 5.8158-7.627 9.6448-0.64736 5.0305 0.22897 7.6392 3.776 11.241 2.699 2.7404 3.2271 2.9863 4.7442 2.2087z"/>
</g>
</g>
</svg>
<span class="self-center text-3xl font-semibold kanit-semibold whitespace-nowrap text-primary-800 dark:text-primary-300">{{ .Site.Params.logo.text }}</span>
</a> </a>
<div class="flex items-center lg:order-2"> <div class="flex items-center lg:order-2 dark:text-gray-400">
<button id="themeToggle" data-tooltip-target="tooltip-toggle" type="button" class="text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-2.5"> <button id="themeToggle" data-tooltip-target="tooltip-toggle" type="button" class="hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-2.5">
<svg id="themeToggleDarkIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg> <svg id="themeToggleDarkIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg>
<svg id="themeToggleLightIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg> <svg id="themeToggleLightIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
</button> </button>
@@ -14,34 +24,34 @@
Toggle dark mode Toggle dark mode
<div class="tooltip-arrow" data-popper-arrow></div> <div class="tooltip-arrow" data-popper-arrow></div>
</div> </div>
<button id="mobile-menu-button" data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm text-gray-500 rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false"> <button id="mobile-menu-button" data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only">Open main menu</span> <span class="sr-only fill-primary-800">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg> <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg> <svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</button> </button>
</div> </div>
<div class="hidden justify-between items-center w-full lg:flex lg:w-auto lg:order-1 bg-white dark:bg-gray-800 lg:bg-transparent lg:dark:bg-transparent mt-2 lg:mt-0" id="mobile-menu-2"> <div class="hidden justify-between items-center w-full lg:flex lg:w-auto lg:order-1 bg-white dark:bg-gray-800 lg:bg-transparent lg:dark:bg-transparent mt-2 lg:mt-0" id="mobile-menu-2">
<ul class="flex flex-col rounded-lg font-medium lg:flex-row lg:space-x-8"> <ul class="flex flex-col rounded-lg font-medium lg:flex-row lg:space-x-8 text-gray-900 dark:text-gray-300">
<li> <li>
<a href="{{ .Site.Params.baseURL }}/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">Home</a> <a href="{{ .Site.Params.baseURL }}/" class="block py-2 pr-4 pl-3 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700" aria-current="page">Home</a>
</li> </li>
<li> <li>
<a href="{{ .Site.Params.baseURL }}/services/services-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Services</a> <a href="{{ .Site.Params.baseURL }}/services/services-1/" class="block py-2 pr-4 pl-3 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Services</a>
</li> </li>
<li> <li>
<a href="{{ .Site.Params.baseURL }}/about/about-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">About</a> <a href="{{ .Site.Params.baseURL }}/about/about-1/" class="block py-2 pr-4 pl-3 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">About</a>
</li> </li>
<li> <li>
<a href="{{ .Site.Params.baseURL }}/pricing/pricing-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Pricing</a> <a href="{{ .Site.Params.baseURL }}/pricing/pricing-1/" class="block py-2 pr-4 pl-3 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Pricing</a>
</li> </li>
<li> <li>
<a href="{{ .Site.Params.baseURL }}/team/team-1/" class="block py-2 pr-4 pl-3 text-gray-900 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Team</a> <a href="{{ .Site.Params.baseURL }}/team/team-1/" class="block py-2 pr-4 pl-3 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Team</a>
</li> </li>
<li> <li>
<a href="{{ .Site.Params.baseURL }}/blog/homepage/" class="block py-2 pr-4 pl-3 text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Blog</a> <a href="{{ .Site.Params.baseURL }}/blog/homepage/" class="block py-2 pr-4 pl-3 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Blog</a>
</li> </li>
<li> <li>
<a href="{{ .Site.Params.baseURL }}/contact/contact-1/" class="block py-2 pr-4 pl-3 text-gray-900 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 dark:text-white lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contact</a> <a href="{{ .Site.Params.baseURL }}/contact/contact-1/" class="block py-2 pr-4 pl-3 hover:bg-gray-100 lg:hover:bg-transparent lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700">Contact</a>
</li> </li>
</ul> </ul>
</div> </div>

View File

@@ -0,0 +1,48 @@
<header>
<nav id="mainNavbar" data-sticky="false" class="dark:bg-transparent bg-transparent border-gray-200 py-2.5 fixed w-full z-40 top-0 start-0 data-[sticky=true]:bg-white data-[sticky=true]:border-b dark:data-[sticky=true]:bg-gray-800 dark:data-[sticky=true]:border-gray-700">
<div class="flex flex-wrap justify-between items-center mx-auto max-w-screen-xl px-4" >
<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">
<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"/>
<path d="m184.14 79.233c-0.19636-6.1997-1.1933-11.835-2.6522-14.992-0.33991-0.73547-0.66041-1.6554-0.71223-2.0444-0.0518-0.38893-0.25356-0.8238-0.44831-0.96638s-0.90068-1.0972-1.5687-2.1214c-1.4406-2.2086-3.0646-4.3898-4.0741-5.4718l-0.7287-0.78108 5.7373 0.07393c5.5545 0.07158 5.7504 0.09019 6.1502 0.58437 1.0611 1.3116 1.4216 11.822 0.62929 18.347-0.33761 2.78-1.919 11.402-2.1299 11.613-0.0364 0.03636-0.1275-1.8723-0.20253-4.2414z"/>
<path d="m188.11 123.42c1.4135-3.3106 2.3747-6.8213 2.834-10.352 0.44504-3.4205 0.36654-5.3884-0.39805-9.9782-0.54869-3.2937-0.96889-4.0298-2.5754-4.5111-0.72535-0.21732-1.032-0.18033-1.9794 0.23878l-1.1211 0.49594 0.15277-0.64602c0.39356-1.6641 2.5515-3.7869 4.0533-3.9872 1.098-0.14644 1.992 0.45111 2.6514 1.7724 1.0574 2.1186 1.5763 6.648 1.2135 10.592-0.6232 6.7728-1.942 11.726-4.2033 15.786-0.5536 0.99401-0.96563 1.3808-0.62765 0.58929z"/>
<path d="m80.844 122.17c-4.2809-8.4479-5.3228-23.096-1.9009-26.724 1.2716-1.3483 2.7586-1.0858 4.4491 0.7853 0.85334 0.94455 1.3927 1.8324 1.68 2.7655 0.14933 0.48503 0.12405 0.4826-1.0566-0.10171-1.1435-0.5659-1.2626-0.58018-2.1779-0.26121-1.7247 0.60097-2.1827 1.7806-2.7854 7.1731-0.30707 2.7475-0.13678 7.1937 0.37918 9.9 0.19773 1.0372 0.77272 3.1586 1.2778 4.7143 0.50504 1.5557 0.88393 2.8656 0.84199 2.9109-0.04194 0.0453-0.36013-0.47781-0.70708-1.1625z"/>
<path d="m130.94 209.26c-4.8526-2.6766-12.573-8.1774-16.738-11.926-2.715-2.4433-4.2925-4.203-5.9319-6.6172-0.99932-1.4716-3.6745-7.3655-5.2147-11.489-0.46004-1.2316-1.442-3.6182-2.1821-5.3036-0.74011-1.6854-1.5361-3.6477-1.7688-4.3607-0.23272-0.71304-0.86468-2.4632-1.4044-3.8893-2.1601-5.7079-4.0116-11.004-4.9034-14.025-2.0585-6.9739-2.3956-8.5063-2.7487-12.497-0.18905-2.1367-0.55904-6.3246-0.8222-9.3064-0.26316-2.9818-0.54558-6.0579-0.62762-6.8357-0.08203-0.77786-0.09208-1.3612-0.02233-1.2964 0.11817 0.10981 2.395 7.7946 3.9807 13.436 1.0005 3.5592 2.9047 8.6845 4.2913 11.55 0.97291 2.0107 1.5144 2.7956 2.8862 4.1839 1.5606 1.5794 1.7633 1.7089 2.6736 1.7089 1.8041 0 2.1582-0.45762 3.8258-4.9447 2.8285-7.6106 6.2142-12.214 11.251-15.298 2.9994-1.8363 3.7944-2.2213 6.0603-2.9351 8.9188-2.8096 20.597-1.9554 27.311 1.9979 0.90876 0.53505 1.9175 1.1122 2.2416 1.2826 1.4184 0.74551 3.7966 3.0259 5.4925 5.2667 2.3379 3.0889 3.3118 4.9897 5.5803 10.892 1.2019 3.1271 1.7208 3.7387 3.1722 3.7387 0.99346 0 1.1838-0.10961 2.7417-1.5793 1.441-1.3594 1.8499-1.942 2.9361-4.1839 1.566-3.2322 2.8982-6.7692 4.2214-11.208 0.56034-1.8798 1.6797-5.6454 2.4874-8.3679s1.5244-5.003 1.5926-5.0678c0.0682-0.0648 0.0574 0.51857-0.024 1.2964-0.0814 0.77786-0.4125 4.5964-0.73579 8.4857-0.32328 3.8893-0.7027 7.92-0.84314 8.9571-0.61606 4.5493-3.3086 13.668-6.6472 22.511-0.70971 1.8798-1.6365 4.4255-2.0594 5.6572s-1.2824 3.3697-1.9098 4.7513c-0.62738 1.3816-1.553 3.6091-2.057 4.95-1.2739 3.3896-3.4619 8.5022-4.4313 10.354-2.5484 4.8687-9.5746 11.217-19.38 17.51-5.3033 3.4036-5.5942 3.5332-8.1407 3.6277l-2.1497 0.0798zm-12.719-45.3c0.44875-0.23001 1.817-1.1382 3.0405-2.0182 2.625-1.8881 5.0923-3.1233 8.5303-4.2705 2.2682-0.75693 2.7522-0.83588 5.124-0.83588 2.2832 0 2.9142 0.0943 4.9201 0.73508 2.9369 0.93822 6.1226 2.4523 8.076 3.8383 4.6965 3.3323 5.0742 3.4669 6.4178 2.2872 0.45857-0.40263 0.94005-0.73205 1.07-0.73205 0.12991 0 1.0435-0.97357 2.0302-2.1635 2.2319-2.6916 2.7426-3.9456 2.9109-7.1472 0.21033-4.0017-0.64762-6.5188-3.1732-9.3096-1.3668-1.5104-4.0134-3.4262-5.506-3.9857-0.44175-0.16559-1.2641-0.51606-1.8274-0.77883-0.95288-0.44451-1.7614-0.49469-11.618-0.72099-14.977-0.34388-16.509-0.19663-20.889 2.0078-4.2114 2.1197-7.1342 5.8158-7.627 9.6448-0.64736 5.0305 0.22897 7.6392 3.776 11.241 2.699 2.7404 3.2271 2.9863 4.7442 2.2087z"/>
</g>
</g>
</svg>
<span class="self-center text-3xl font-semibold kanit-semibold whitespace-nowrap text-primary-800 dark:text-primary-300">{{ .Site.Params.logo.text }}</span>
</a>
<div class="flex items-center lg:order-2 dark:text-gray-400">
<button id="themeToggle" data-tooltip-target="tooltip-toggle" type="button" class="hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg text-sm p-2.5 mr-2.5">
<svg id="themeToggleDarkIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path></svg>
<svg id="themeToggleLightIcon" class="hidden w-5 h-5" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z" fill-rule="evenodd" clip-rule="evenodd"></path></svg>
</button>
<div id="tooltip-toggle" role="tooltip" class="absolute z-10 invisible inline-block px-3 py-2 text-sm font-medium text-white transition-opacity duration-300 bg-gray-900 rounded-lg shadow-xs opacity-0 tooltip">
Toggle dark mode
<div class="tooltip-arrow" data-popper-arrow></div>
</div>
<button id="mobile-menu-button" data-collapse-toggle="mobile-menu-2" type="button" class="inline-flex items-center p-2 ml-1 text-sm rounded-lg lg:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="mobile-menu-2" aria-expanded="false">
<span class="sr-only fill-primary-800">Open main menu</span>
<svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path></svg>
<svg class="hidden w-6 h-6" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
</button>
</div>
<div class="hidden justify-between items-center w-full lg:flex lg:w-auto lg:order-1 bg-white dark:bg-gray-800 lg:bg-transparent lg:dark:bg-transparent mt-2 lg:mt-0" id="mobile-menu-2">
<ul class="flex flex-col rounded-lg font-medium lg:flex-row lg:space-x-8 text-gray-900 dark:text-gray-300">
{{ range $index, $element := .Page.Params.navbar.items }}
<li>
<a class="block py-2 pr-4 pl-3 border-b border-gray-100 hover:bg-gray-100 lg:hover:bg-transparent lg:border-0 lg:hover:text-primary-700 lg:p-0 lg:dark:hover:text-primary-500 dark:hover:bg-gray-700 dark:hover:text-white lg:dark:hover:bg-transparent dark:border-gray-700" aria-current="page"
href="{{ .Site.Params.baseURL }}{{ .link }}"
target="{{ .target }}">
{{ upper .name }}
</a>
</li>
{{ end }}
</ul>
</div>
</div>
</nav>
</header>

View File

@@ -0,0 +1,12 @@
<section class="pt-8">
<div class="max-w-screen-xl px-4 mx-auto">
<div class="max-w-2xl mx-auto text-center">
<h2 class="text-3xl font-extrabold tracking-tight text-gray-900 sm:text-4xl dark:text-white">
{{ .title }}
</h2>
<p class="mt-4 text-base text-gray-500 sm:text-xl dark:text-gray-500">
{{ .text}}
</p>
</div>
</div>
</section>

View File

@@ -0,0 +1,79 @@
<section class="pt-6 pb-6">
<div class="grid gap-8 md:grid-cols-2 xl:grid-cols-3">
{{ range $index, $element := .items }}
<!-- Pricing Card -->
<div
class="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-700 xl:p-8 dark:text-white dark:bg-gray-800">
<h3 class=" text-2xl font-semibold">{{ .name }}</h3>
<p class="text-gray-500 text-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="mr-2 text-5xl kanit-medium">${{ .price }}</div>
<div class="mr-2 text-sm kanit-thin">{{ .period }}</div>
</div>
{{ end }}
{{ end }}
</div>
<!-- List -->
<div class="">
{{ if ( .features ) }}
<ul role="list" class="mb-6 space-y-4 text-left">
{{ range $index, $element := .features}}
<li class="flex items-center space-x-3">
<!-- Icon -->
{{ if ( .icon ) }}
<svg class="shrink-0 w-5 h-5 text-green-500" fill="currentColor" viewBox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd"
d="M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z"
clip-rule="evenodd"></path>
</svg>
{{ end }}
<div>
{{ if ( .name ) }}
{{ .name }}
{{ else }}
&nbsp;
{{ end }}
{{ if ( .super ) }}
<span class=" kanit-light text-xs">
{{ .super }}
</span>
{{ end }}
</div>
</li>
{{ end }}
</ul>
{{ end }}
</div>
{{ if ( .button ) }}
<a href="{{ if ( .button.link ) }}{{ .button.link }}{{else}}#{{end}}"
class="text-white bg-primary-700 hover:bg-primary-800 focus:ring-4 focus:ring-primary-200 font-medium rounded-lg text-sm px-5 py-2.5 text-center dark:bg-primary-600 dark:hover:bg-primary-700 dark:focus:ring-primary-900">
{{ if ( .button.text ) }}
{{ .button.text }}
{{ else}}
Get Started
{{ end}}
{{ end }}
</a>
<div class="max-w-xs pt-4 text-left">
{{ range $index, $element := .features }}
{{ if ( .super ) }}
<div class="kanit-thin text-xs text-wrap">
{{ .super }}: {{ .note }}
</div>
{{ end }}
{{ end }}
</div>
</div>
{{ end }}
</div>
</section>

View File

@@ -1 +1,5 @@
<script src="{{ .Site.BaseURL }}/app.bundle.js"></script> <script src="{{ .Site.BaseURL }}/app.bundle.js"></script>
{{ if ( .Page.Params.wordSlider.enable ) }}
<script src="{{ .Site.BaseURL }}/js/word-slider.js"></script>
{{ end }}

View File

@@ -1,5 +1,5 @@
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{{ .Site.BaseURL }}app.css"> <link rel="stylesheet" href="{{ .Site.BaseURL }}/app.css">
<link rel="stylesheet" href="{{ .Site.BaseURL }}custom.css"> <link rel="stylesheet" href="{{ .Site.BaseURL }}/css/custom.css">

View File

@@ -0,0 +1,16 @@
<section class="text-center">
<h1 class="text-4xl font-bold animate-fade-in-up delay-400">
<span class="block mb-2">The Bearded Tek</span>
<span class="word-slider text-xl font-semibold">
<b class="is-visible">ON-SITE SUPPORT</b>
<b>REMOTE SUPPORT</b>
<b>COMPUTERS</b>
<b>PRINTERS</b>
<b>NETWORKING</b>
<b>SMART PHONES</b>
<b>CAMERAS</b>
<b>WEB DESIGN</b>
<b>WEB HOSTING</b>
</span>
</h1>
</section>

View File

@@ -1,3 +1,21 @@
.hero{
position: relative;
opacity: 1;
height: 66vh;
background: rgba(175, 175, 255, 0.1);
}
.hero::before{
content: "";
background-image: url('/images/slider/slider.webp');
background-size: cover;
position: absolute;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
opacity: 0.2;
}
.kanit-thin { .kanit-thin {
font-family: "Kanit", sans-serif; font-family: "Kanit", sans-serif;
font-weight: 100; font-weight: 100;

View File

@@ -0,0 +1,33 @@
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.animate-fade-in-up {
animation: fadeInUp 0.6s ease-out forwards;
}
.word-slider div {
position: absolute;
width: 100%;
opacity: 0;
transition: opacity 0.6s ease-in-out;
white-space: nowrap;
}
.word-slider div.is-visible {
opacity: 1;
position: relative;
}
.word-slider {
display: inline-block;
position: relative;
height: 2.5rem; /* Adjust height as needed */
}

View File

@@ -1,69 +1,12 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="16.223mm" height="22mm" viewBox="0 0 16.223 22" xmlns="http://www.w3.org/2000/svg">
<!-- Created with Inkscape (http://www.inkscape.org/) --> <g transform="translate(-98.904 -98.724)">
<g transform="matrix(.13966 0 0 .13966 88.164 91.344)" fill="inherit">
<svg <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"/>
width="16.222641mm" <path d="m184.14 79.233c-0.19636-6.1997-1.1933-11.835-2.6522-14.992-0.33991-0.73547-0.66041-1.6554-0.71223-2.0444-0.0518-0.38893-0.25356-0.8238-0.44831-0.96638s-0.90068-1.0972-1.5687-2.1214c-1.4406-2.2086-3.0646-4.3898-4.0741-5.4718l-0.7287-0.78108 5.7373 0.07393c5.5545 0.07158 5.7504 0.09019 6.1502 0.58437 1.0611 1.3116 1.4216 11.822 0.62929 18.347-0.33761 2.78-1.919 11.402-2.1299 11.613-0.0364 0.03636-0.1275-1.8723-0.20253-4.2414z"/>
height="22mm" <path d="m188.11 123.42c1.4135-3.3106 2.3747-6.8213 2.834-10.352 0.44504-3.4205 0.36654-5.3884-0.39805-9.9782-0.54869-3.2937-0.96889-4.0298-2.5754-4.5111-0.72535-0.21732-1.032-0.18033-1.9794 0.23878l-1.1211 0.49594 0.15277-0.64602c0.39356-1.6641 2.5515-3.7869 4.0533-3.9872 1.098-0.14644 1.992 0.45111 2.6514 1.7724 1.0574 2.1186 1.5763 6.648 1.2135 10.592-0.6232 6.7728-1.942 11.726-4.2033 15.786-0.5536 0.99401-0.96563 1.3808-0.62765 0.58929z"/>
viewBox="0 0 16.222641 22" <path d="m80.844 122.17c-4.2809-8.4479-5.3228-23.096-1.9009-26.724 1.2716-1.3483 2.7586-1.0858 4.4491 0.7853 0.85334 0.94455 1.3927 1.8324 1.68 2.7655 0.14933 0.48503 0.12405 0.4826-1.0566-0.10171-1.1435-0.5659-1.2626-0.58018-2.1779-0.26121-1.7247 0.60097-2.1827 1.7806-2.7854 7.1731-0.30707 2.7475-0.13678 7.1937 0.37918 9.9 0.19773 1.0372 0.77272 3.1586 1.2778 4.7143 0.50504 1.5557 0.88393 2.8656 0.84199 2.9109-0.04194 0.0453-0.36013-0.47781-0.70708-1.1625z"/>
version="1.1" <path d="m130.94 209.26c-4.8526-2.6766-12.573-8.1774-16.738-11.926-2.715-2.4433-4.2925-4.203-5.9319-6.6172-0.99932-1.4716-3.6745-7.3655-5.2147-11.489-0.46004-1.2316-1.442-3.6182-2.1821-5.3036-0.74011-1.6854-1.5361-3.6477-1.7688-4.3607-0.23272-0.71304-0.86468-2.4632-1.4044-3.8893-2.1601-5.7079-4.0116-11.004-4.9034-14.025-2.0585-6.9739-2.3956-8.5063-2.7487-12.497-0.18905-2.1367-0.55904-6.3246-0.8222-9.3064-0.26316-2.9818-0.54558-6.0579-0.62762-6.8357-0.08203-0.77786-0.09208-1.3612-0.02233-1.2964 0.11817 0.10981 2.395 7.7946 3.9807 13.436 1.0005 3.5592 2.9047 8.6845 4.2913 11.55 0.97291 2.0107 1.5144 2.7956 2.8862 4.1839 1.5606 1.5794 1.7633 1.7089 2.6736 1.7089 1.8041 0 2.1582-0.45762 3.8258-4.9447 2.8285-7.6106 6.2142-12.214 11.251-15.298 2.9994-1.8363 3.7944-2.2213 6.0603-2.9351 8.9188-2.8096 20.597-1.9554 27.311 1.9979 0.90876 0.53505 1.9175 1.1122 2.2416 1.2826 1.4184 0.74551 3.7966 3.0259 5.4925 5.2667 2.3379 3.0889 3.3118 4.9897 5.5803 10.892 1.2019 3.1271 1.7208 3.7387 3.1722 3.7387 0.99346 0 1.1838-0.10961 2.7417-1.5793 1.441-1.3594 1.8499-1.942 2.9361-4.1839 1.566-3.2322 2.8982-6.7692 4.2214-11.208 0.56034-1.8798 1.6797-5.6454 2.4874-8.3679s1.5244-5.003 1.5926-5.0678c0.0682-0.0648 0.0574 0.51857-0.024 1.2964-0.0814 0.77786-0.4125 4.5964-0.73579 8.4857-0.32328 3.8893-0.7027 7.92-0.84314 8.9571-0.61606 4.5493-3.3086 13.668-6.6472 22.511-0.70971 1.8798-1.6365 4.4255-2.0594 5.6572s-1.2824 3.3697-1.9098 4.7513c-0.62738 1.3816-1.553 3.6091-2.057 4.95-1.2739 3.3896-3.4619 8.5022-4.4313 10.354-2.5484 4.8687-9.5746 11.217-19.38 17.51-5.3033 3.4036-5.5942 3.5332-8.1407 3.6277l-2.1497 0.0798zm-12.719-45.3c0.44875-0.23001 1.817-1.1382 3.0405-2.0182 2.625-1.8881 5.0923-3.1233 8.5303-4.2705 2.2682-0.75693 2.7522-0.83588 5.124-0.83588 2.2832 0 2.9142 0.0943 4.9201 0.73508 2.9369 0.93822 6.1226 2.4523 8.076 3.8383 4.6965 3.3323 5.0742 3.4669 6.4178 2.2872 0.45857-0.40263 0.94005-0.73205 1.07-0.73205 0.12991 0 1.0435-0.97357 2.0302-2.1635 2.2319-2.6916 2.7426-3.9456 2.9109-7.1472 0.21033-4.0017-0.64762-6.5188-3.1732-9.3096-1.3668-1.5104-4.0134-3.4262-5.506-3.9857-0.44175-0.16559-1.2641-0.51606-1.8274-0.77883-0.95288-0.44451-1.7614-0.49469-11.618-0.72099-14.977-0.34388-16.509-0.19663-20.889 2.0078-4.2114 2.1197-7.1342 5.8158-7.627 9.6448-0.64736 5.0305 0.22897 7.6392 3.776 11.241 2.699 2.7404 3.2271 2.9863 4.7442 2.2087z"/>
id="svg316" </g>
inkscape:version="1.2.2 (732a01da63, 2022-12-09)" </g>
sodipodi:docname="logo.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview318"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="0.78127806"
inkscape:cx="-71.037449"
inkscape:cy="188.15324"
inkscape:window-width="1920"
inkscape:window-height="1057"
inkscape:window-x="-8"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs313" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-98.903502,-98.724059)">
<g
id="g10387"
transform="matrix(0.13966111,0,0,0.13966111,88.163517,91.344086)"
style="fill:#0072ca;fill-opacity:1">
<path
style="fill:#0072ca;fill-opacity:1;stroke:none;stroke-width:0.314285;stroke-opacity:1"
d="m 85.40986,82.698302 c -0.207353,-0.317241 -1.246545,-5.694634 -1.707061,-8.833337 -0.660083,-4.498871 -0.909781,-10.102896 -0.62405,-14.00568 0.269232,-3.677435 0.704153,-6.10708 1.178128,-6.581495 0.187513,-0.187687 2.056867,-0.299 5.956084,-0.354662 l 5.682798,-0.08112 -1.049403,1.259694 c -1.813915,2.17741 -4.682114,6.296009 -4.682114,6.723297 0,0.108898 -0.212143,0.330482 -0.471429,0.492409 -0.259285,0.161926 -0.471428,0.458625 -0.471428,0.659329 0,0.200704 -0.359481,1.234002 -0.798846,2.296217 -0.864386,2.089753 -2.11895,6.781424 -2.383495,8.913519 -0.09043,0.728793 -0.233446,3.221473 -0.317822,5.539288 -0.08438,2.317813 -0.224488,4.105457 -0.311362,3.972544 z"
id="path9680" />
<path
style="fill:#0072ca;fill-opacity:1;stroke:none;stroke-width:0.314285;stroke-opacity:1"
d="m 184.14497,79.23317 c -0.19636,-6.199683 -1.1933,-11.834937 -2.65222,-14.991698 -0.33991,-0.735472 -0.66041,-1.655436 -0.71223,-2.044364 -0.0518,-0.388929 -0.25356,-0.823799 -0.44831,-0.966378 -0.19475,-0.142579 -0.90068,-1.097222 -1.56874,-2.121428 -1.44056,-2.208569 -3.0646,-4.389774 -4.07411,-5.471841 l -0.7287,-0.781075 5.73726,0.07393 c 5.55453,0.07158 5.75041,0.09019 6.15022,0.584372 1.06114,1.31159 1.42164,11.822016 0.62929,18.346703 -0.33761,2.780004 -1.91897,11.402199 -2.12993,11.613156 -0.0364,0.03636 -0.1275,-1.872257 -0.20253,-4.241379 z"
id="path9719" />
<path
style="fill:#0072ca;fill-opacity:1;stroke:none;stroke-width:0.314285;stroke-opacity:1"
d="m 188.11135,123.4239 c 1.41353,-3.31059 2.37467,-6.82127 2.834,-10.35161 0.44504,-3.4205 0.36654,-5.38842 -0.39805,-9.97821 -0.54869,-3.293737 -0.96889,-4.029762 -2.57536,-4.511074 -0.72535,-0.21732 -1.03196,-0.180334 -1.97943,0.238779 l -1.12114,0.495935 0.15277,-0.64602 c 0.39356,-1.664126 2.55152,-3.78686 4.05333,-3.987162 1.09802,-0.146445 1.99195,0.451109 2.6514,1.772351 1.05742,2.118577 1.57634,6.648031 1.21346,10.591741 -0.6232,6.77276 -1.94204,11.72577 -4.20333,15.78598 -0.5536,0.99401 -0.96563,1.38085 -0.62765,0.58929 z"
id="path9758" />
<path
style="fill:#0072ca;fill-opacity:1;stroke:none;stroke-width:0.314285;stroke-opacity:1"
d="m 80.843693,122.16699 c -4.280895,-8.44794 -5.32281,-23.095544 -1.900922,-26.723805 1.271623,-1.348314 2.758596,-1.08585 4.449065,0.785297 0.853344,0.944549 1.392651,1.832356 1.67996,2.765549 0.149331,0.485032 0.12405,0.482602 -1.056626,-0.101711 -1.143469,-0.565896 -1.262571,-0.580178 -2.177946,-0.261207 -1.724654,0.600972 -2.182698,1.780567 -2.785376,7.173137 -0.307068,2.74754 -0.136776,7.1937 0.379178,9.9 0.19773,1.03715 0.772721,3.15857 1.277757,4.71429 0.505037,1.55571 0.883931,2.86564 0.841987,2.91093 -0.04194,0.0453 -0.360128,-0.47781 -0.707077,-1.16248 z"
id="path9797" />
<path
style="fill:#0072ca;fill-opacity:1;stroke:none;stroke-width:0.314285;stroke-opacity:1"
d="m 130.9428,209.26103 c -4.85256,-2.67661 -12.57318,-8.17741 -16.73813,-11.92561 -2.715,-2.44334 -4.29247,-4.20305 -5.93188,-6.61719 -0.99932,-1.47156 -3.67451,-7.36548 -5.21474,-11.48898 -0.46004,-1.2316 -1.44198,-3.61821 -2.18209,-5.30357 -0.74011,-1.68535 -1.536064,-3.64768 -1.768784,-4.36071 -0.232717,-0.71304 -0.864684,-2.46322 -1.404369,-3.88929 -2.160103,-5.70789 -4.011584,-11.00358 -4.903428,-14.025 -2.058523,-6.97393 -2.395565,-8.50634 -2.748656,-12.49716 -0.18905,-2.13674 -0.559038,-6.32463 -0.822196,-9.30641 -0.263158,-2.98179 -0.545585,-6.05786 -0.627617,-6.83571 -0.08203,-0.77786 -0.09208,-1.36125 -0.02233,-1.29643 0.118171,0.10981 2.394983,7.79461 3.980668,13.43571 1.000475,3.55922 2.904701,8.68448 4.291251,11.55 0.972908,2.01067 1.514393,2.79561 2.886184,4.18393 1.560597,1.57938 1.763277,1.70893 2.673577,1.70893 1.8041,0 2.15817,-0.45762 3.82579,-4.94471 2.82849,-7.61062 6.21424,-12.21409 11.25119,-15.29777 2.99937,-1.83626 3.79441,-2.22131 6.06026,-2.93511 8.91877,-2.80963 20.59656,-1.95535 27.31087,1.9979 0.90876,0.53505 1.91747,1.11221 2.24157,1.28256 1.41839,0.74551 3.79655,3.02588 5.49254,5.26667 2.3379,3.0889 3.31177,4.98973 5.58029,10.89178 1.20194,3.12711 1.72085,3.73868 3.17221,3.73868 0.99346,0 1.18375,-0.10961 2.74169,-1.5793 1.441,-1.35936 1.84989,-1.94203 2.93612,-4.18393 1.56603,-3.23217 2.89817,-6.76916 4.22137,-11.2082 0.56034,-1.87982 1.67966,-5.64536 2.48738,-8.36786 0.80772,-2.7225 1.52439,-5.00303 1.59259,-5.06785 0.0682,-0.0648 0.0574,0.51857 -0.024,1.29642 -0.0814,0.77786 -0.4125,4.59643 -0.73579,8.48572 -0.32328,3.88928 -0.7027,7.92 -0.84314,8.95714 -0.61606,4.54932 -3.30864,13.66769 -6.64724,22.51071 -0.70971,1.87983 -1.63646,4.42554 -2.05945,5.65715 -0.42299,1.23161 -1.28239,3.36968 -1.90978,4.75128 -0.62738,1.38159 -1.55302,3.60909 -2.05696,4.95 -1.2739,3.38962 -3.46192,8.50215 -4.43128,10.3541 -2.54836,4.86866 -9.57464,11.21693 -19.37977,17.50971 -5.3033,3.40357 -5.59424,3.53322 -8.14066,3.62774 l -2.14969,0.0798 z m -12.71948,-45.29998 c 0.44875,-0.23001 1.81696,-1.13822 3.04046,-2.01823 2.62505,-1.88808 5.09232,-3.12327 8.5303,-4.27054 2.26825,-0.75693 2.75225,-0.83588 5.12397,-0.83588 2.28321,0 2.91422,0.0943 4.92014,0.73508 2.93687,0.93822 6.12263,2.45231 8.07604,3.8383 4.6965,3.33227 5.07422,3.46689 6.41776,2.28724 0.45857,-0.40263 0.94005,-0.73205 1.06995,-0.73205 0.12991,0 1.04349,-0.97357 2.03018,-2.16348 2.23189,-2.69157 2.74262,-3.9456 2.9109,-7.14724 0.21033,-4.00166 -0.64762,-6.51875 -3.17318,-9.30959 -1.36681,-1.51037 -4.01345,-3.42621 -5.506,-3.98567 -0.44175,-0.16559 -1.26406,-0.51606 -1.82735,-0.77883 -0.95288,-0.44451 -1.76144,-0.49469 -11.61761,-0.72099 -14.97714,-0.34388 -16.50916,-0.19663 -20.88879,2.00779 -4.21142,2.11974 -7.13424,5.81583 -7.62698,9.64475 -0.64736,5.03047 0.22897,7.63921 3.77598,11.24068 2.69896,2.74039 3.22711,2.98627 4.74423,2.20866 z"
id="path9836" />
</g>
</g>
</svg> </svg>

Before

Width:  |  Height:  |  Size: 7.2 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 779 KiB

10
static/js/word-slider.js Normal file
View File

@@ -0,0 +1,10 @@
const words = document.querySelectorAll('.word-slider div');
let index = 0;
setInterval(() => {
words[index].classList.remove('visible');
words[index].classList.add('invisible');
index = (index + 1) % words.length;
words[index].classList.remove('invisible');
words[index].classList.add('visible');
}, 2000); // change every 2 seconds