formatting

This commit is contained in:
brookee 2024-02-29 19:29:42 -05:00
parent f2fd13cd41
commit e3571d52ac
11 changed files with 281 additions and 200 deletions

11
.prettierrc Normal file
View file

@ -0,0 +1,11 @@
{
"plugins": ["prettier-plugin-go-template"],
"overrides": [
{
"files": ["*.html"],
"options": {
"parser": "go-template",
},
},
],
}

View file

@ -1,5 +1,9 @@
# bellaskeys.com agnes
It's recommended to install and use prettier when making contributions, prettier doesn't handle go templates well so if you would like to use prettier then refer to this project: https://github.com/NiklasPor/prettier-plugin-go-template.
## Thanks To
https://cruip.com/ for providing the original theme licensed under GPLv3
https://github.com/dchucks for providing the hugo theme template converted from the raw HTML

View file

@ -1,7 +1,12 @@
{{ define "main" }}
<main id="main">
<div style="padding: 50px; text-align:center;">
<h3 id="title">Sorry we could not find what you were looking for.<br/><a href="{{ "" | relURL }}"><i>Click here for the home page</i></a></h3>
<div style="padding: 50px; text-align:center;">
<h3 id="title">
Sorry we could not find what you were looking for.<br /><a
href="{{ "" | relURL }}"
><i>Click here for the home page</i></a
>
</h3>
</div>
</main>
{{ end }}
{{ end }}

View file

@ -1,14 +1,12 @@
<!DOCTYPE html>
<!doctype html>
<html lang="en">
{{ partial "head.html" . }}
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">
{{ partial "header.html" . }}
<main>
{{ block "main" . }}{{ end }}
</main>
{{ partial "footer.html" . }}
</div>
{{ partial "script.html" . }}
</body>
</html>
{{ partial "head.html" . }}
<body class="is-boxed has-animations">
<div class="body-wrap boxed-container">
{{ partial "header.html" . }}
<main>{{ block "main" . }}{{ end }}</main>
{{ partial "footer.html" . }}
</div>
{{ partial "script.html" . }}
</body>
</html>

View file

@ -1,76 +1,99 @@
{{ define "main" }}
<section class="hero">
<section class="hero">
<div class="container">
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title h2-mobile mt-0 is-revealing">{{ .Site.Params.Content.LeadTitle | markdownify }}
</h1>
<p class="hero-paragraph is-revealing">{{ .Site.Params.Content.LeadDescription | markdownify }}</p>
<p class="hero-cta is-revealing"><a class="button button-primary button-shadow"
href="{{ .Site.Params.Content.ButtonURL}}">{{ .Site.Params.Content.ButtonCaption | markdownify
}}</a></p>
</div>
<div class="hero-inner">
<div class="hero-copy">
<h1 class="hero-title h2-mobile mt-0 is-revealing">
{{ .Site.Params.Content.LeadTitle | markdownify }}
</h1>
<p class="hero-paragraph is-revealing">
{{ .Site.Params.Content.LeadDescription | markdownify }}
</p>
<p class="hero-cta is-revealing">
<a
class="button button-primary button-shadow"
href="{{ .Site.Params.Content.ButtonURL }}"
>{{ .Site.Params.Content.ButtonCaption | markdownify }}</a
>
</p>
</div>
</div>
</div>
</section>
{{ with .Site.Params.quote }}
<section class="quote-section">
{{ range . }}
<blockquote>
<h3>{{ .quoteText }}</h3>
<p>- {{ .quoteBy }}</p>
</blockquote>
{{ end }}
</section>
</section>
{{ with .Site.Params.quote }}
<section class="quote-section">
{{ range . }}
<blockquote>
<h3>{{ .quoteText }}</h3>
<p>- {{ .quoteBy }}</p>
</blockquote>
{{ end }}
</section>
{{ end }}
<section class="features section">
<div class="container">
<div class="features-inner section-inner">
<div class="features-wrap">
{{ range site.Params.feature }}
<div class="feature is-revealing feature-inner">
<img class="feature-icon" src="{{ .FeatureImage }}" />
<div class="feature-description">
<h4 class="feature-title h3-mobile">{{ .FeatureTitle }}</h4>
<p class="text-sm">{{ .FeatureDescription }}</p>
</div>
</div>
{{ end }}
</div>
</div>
</div>
</section>
<section class="pricing section">
<div class="container">
<div class="pricing-inner section-inner has-top-divider">
<h2 id="pricing" class="section-title mt-0 text-center">Pricing</h2>
{{ with index site.Params.pricing 0 }}
<div class="pricing-table-inner">
<div class="font-color-dark pricing-table-header is-revealing">
<div class="pricing-table-title mt-12 mb-8">
{{ .PricingTitle }}
</div>
<div class="pricing-table-collection">
<div class="pricing-table-price">
<span style="font-size: 16px;" class="font-color-dark"
>{{ .PricingDesc }}</span
>
</div>
<a
href="{{ .ButtonURL }}"
style="margin-top:15px;"
class="button button-primary button-shadow"
>{{ .ButtonText }}</a
>
</div>
</div>
<ul class="pricing-table-features list-reset text-xs">
{{ range .Features }}
<li class="is-revealing">
<span class="list-icon">
<svg
width="16"
height="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill="#5FFAD0"
fill-rule="nonzero"
d="M5.6 8.4L1.6 6 0 7.6 5.6 14 16 3.6 14.4 2z"
/>
</svg>
</span>
<span class="font-color-dark">{{ .Description }}</span>
</li>
{{ end }}
</ul>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}
<section class="features section">
<div class="container">
<div class="features-inner section-inner">
<div class="features-wrap">
{{ range site.Params.feature }}
<div class="feature is-revealing feature-inner">
<img class="feature-icon" src="{{ .FeatureImage }}">
<div class="feature-description">
<h4 class="feature-title h3-mobile">{{ .FeatureTitle }}</h4>
<p class="text-sm">{{ .FeatureDescription }}</p>
</div>
</div>
{{ end }}
</div>
</div>
</div>
</section>
<section class="pricing section">
<div class="container">
<div class="pricing-inner section-inner has-top-divider">
<h2 id="pricing" class="section-title mt-0 text-center">Pricing</h2>
{{ with index site.Params.pricing 0 }}
<div class="pricing-table-inner">
<div class="font-color-dark pricing-table-header is-revealing">
<div class="pricing-table-title mt-12 mb-8">{{ .PricingTitle }}</div>
<div class="pricing-table-collection">
<div class="pricing-table-price"><span style="font-size: 16px;"
class="font-color-dark">{{.PricingDesc}}</span>
</div>
<a href="{{ .ButtonURL }}" style="margin-top:15px;" class="button button-primary button-shadow">{{ .ButtonText }}</a>
</div>
</div>
<ul class="pricing-table-features list-reset text-xs">
{{ range .Features }}
<li class="is-revealing">
<span class="list-icon">
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path fill="#5FFAD0" fill-rule="nonzero"
d="M5.6 8.4L1.6 6 0 7.6 5.6 14 16 3.6 14.4 2z" />
</svg>
</span>
<span class="font-color-dark">{{ .Description }}</span>
</li>
{{ end }}
</ul>
</div>
{{ end }}
</div>
</div>
</section>
{{ end }}

View file

@ -1,30 +1,50 @@
<footer class="site-footer text-light">
<div class="container">
<div class="site-footer-inner has-top-divider">
<div class="brand footer-brand">
<a href="#">
<svg width="48" height="32" viewBox="0 0 48 32" xmlns="http://www.w3.org/2000/svg">
<title>{{ .Site.Title }}</title>
<defs>
<linearGradient x1="0%" y1="100%" y2="0%" id="logo-footer-a">
<stop stop-color="#007CFE" stop-opacity="0" offset="0%"/>
<stop stop-color="#007DFF" offset="100%"/>
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="logo-footer-b">
<stop stop-color="#FF4F7A" stop-opacity="0" offset="0%"/>
<stop stop-color="#FF4F7A" offset="100%"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="url(#logo-footer-a)" width="32" height="32" rx="16"/>
<rect fill="url(#logo-footer-b)" x="16" width="32" height="32" rx="16"/>
</g>
</svg>
</a>
</div>
{{ partial "nav.html" . }}
{{ partial "social.html" . }}
<div class="footer-copyright">&copy; {{ now.Format "2006"}} {{ .Site.Params.authorName | markdownify }}, all rights reserved</div>
</div>
</div>
</footer>
<footer class="site-footer text-light">
<div class="container">
<div class="site-footer-inner has-top-divider">
<div class="brand footer-brand">
<a href="#">
<svg
width="48"
height="32"
viewBox="0 0 48 32"
xmlns="http://www.w3.org/2000/svg"
>
<title>{{ .Site.Title }}</title>
<defs>
<linearGradient x1="0%" y1="100%" y2="0%" id="logo-footer-a">
<stop stop-color="#007CFE" stop-opacity="0" offset="0%" />
<stop stop-color="#007DFF" offset="100%" />
</linearGradient>
<linearGradient
x1="100%"
y1="50%"
x2="0%"
y2="50%"
id="logo-footer-b"
>
<stop stop-color="#FF4F7A" stop-opacity="0" offset="0%" />
<stop stop-color="#FF4F7A" offset="100%" />
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="url(#logo-footer-a)" width="32" height="32" rx="16" />
<rect
fill="url(#logo-footer-b)"
x="16"
width="32"
height="32"
rx="16"
/>
</g>
</svg>
</a>
</div>
{{ partial "nav.html" . }}
{{ partial "social.html" . }}
<div class="footer-copyright">
&copy; {{ now.Format "2006" }}
{{ .Site.Params.authorName | markdownify }}, all rights reserved
</div>
</div>
</div>
</footer>

View file

@ -1,12 +1,12 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
{{ with .Site.Params}}
{{ end }}
{{ $title := print .Site.Title " | " .Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
<title>{{ $title }}</title>
<link rel="stylesheet" type="text/css" href="/css/style.css">
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
{{ with .Site.Params }}
{{ end }}
{{ $title := print .Site.Title " | " .Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
<title>{{ $title }}</title>
<link rel="stylesheet" type="text/css" href="/css/style.css" />
<script src="https://unpkg.com/scrollreveal@4.0.0/dist/scrollreveal.min.js"></script>
</head>

View file

@ -1,29 +1,40 @@
<header class="site-header">
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h1 class="m-0">
<a href="#">
<svg width="48" height="32" viewBox="0 0 48 32" xmlns="http://www.w3.org/2000/svg">
<title>{{ .Site.Title }}</title>
<defs>
<linearGradient x1="0%" y1="100%" y2="0%" id="logo-a">
<stop stop-color="#0559B0" stop-opacity="0" offset="0%" />
<stop stop-color="#0559B0" offset="100%" />
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="logo-b">
<stop stop-color="#BE5476" stop-opacity="0" offset="0%" />
<stop stop-color="#BE5476" offset="100%" />
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="url(#logo-a)" width="32" height="32" rx="16" />
<rect fill="url(#logo-b)" x="16" width="32" height="32" rx="16" />
</g>
</svg>
</a>
</h1>
</div>
</div>
</div>
</header>
<div class="container">
<div class="site-header-inner">
<div class="brand header-brand">
<h1 class="m-0">
<a href="#">
<svg
width="48"
height="32"
viewBox="0 0 48 32"
xmlns="http://www.w3.org/2000/svg"
>
<title>{{ .Site.Title }}</title>
<defs>
<linearGradient x1="0%" y1="100%" y2="0%" id="logo-a">
<stop stop-color="#0559B0" stop-opacity="0" offset="0%" />
<stop stop-color="#0559B0" offset="100%" />
</linearGradient>
<linearGradient x1="100%" y1="50%" x2="0%" y2="50%" id="logo-b">
<stop stop-color="#BE5476" stop-opacity="0" offset="0%" />
<stop stop-color="#BE5476" offset="100%" />
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<rect fill="url(#logo-a)" width="32" height="32" rx="16" />
<rect
fill="url(#logo-b)"
x="16"
width="32"
height="32"
rx="16"
/>
</g>
</svg>
</a>
</h1>
</div>
</div>
</div>
</header>

View file

@ -1,10 +1,10 @@
<ul class="footer-links list-reset">
{{ range .Site.Menus.main }}
<li>
<a class="nav-link" href="{{ .URL }}">
{{ $text := print .Name | safeHTML }}
{{ $text }}
</a>
</li>
{{ end }}
</ul>
<ul class="footer-links list-reset">
{{ range .Site.Menus.main }}
<li>
<a class="nav-link" href="{{ .URL }}">
{{ $text := print .Name | safeHTML }}
{{ $text }}
</a>
</li>
{{ end }}
</ul>

View file

@ -1 +1 @@
<script src="/js/main.min.js"></script>
<script src="/js/main.min.js"></script>

View file

@ -1,32 +1,41 @@
<ul class="footer-social-links list-reset">
{{ with .Site.Params.Social.FacebookURL }}
<li>
<a href="{{ . }}">
<span class="screen-reader-text">Facebook</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z" fill="#FFFFFF"/>
</svg>
</a>
</li>
{{ end }}
{{ with .Site.Params.Social.TwitterURL }}
<li>
<a href="{{ . }}">
<span class="screen-reader-text">Twitter</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z" fill="#FFFFFF"/>
</svg>
</a>
</li>
{{ end }}
{{ with .Site.Params.Social.GoogleURL }}
<li>
<a href="{{ . }}">
<span class="screen-reader-text">Google</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z" fill="#FFFFFF"/>
</svg>
</a>
</li>
{{ end }}
</ul>
<ul class="footer-social-links list-reset">
{{ with .Site.Params.Social.FacebookURL }}
<li>
<a href="{{ . }}">
<span class="screen-reader-text">Facebook</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M6.023 16L6 9H3V6h3V4c0-2.7 1.672-4 4.08-4 1.153 0 2.144.086 2.433.124v2.821h-1.67c-1.31 0-1.563.623-1.563 1.536V6H13l-1 3H9.28v7H6.023z"
fill="#FFFFFF"
/>
</svg>
</a>
</li>
{{ end }}
{{ with .Site.Params.Social.TwitterURL }}
<li>
<a href="{{ . }}">
<span class="screen-reader-text">Twitter</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M16 3c-.6.3-1.2.4-1.9.5.7-.4 1.2-1 1.4-1.8-.6.4-1.3.6-2.1.8-.6-.6-1.5-1-2.4-1-1.7 0-3.2 1.5-3.2 3.3 0 .3 0 .5.1.7-2.7-.1-5.2-1.4-6.8-3.4-.3.5-.4 1-.4 1.7 0 1.1.6 2.1 1.5 2.7-.5 0-1-.2-1.5-.4C.7 7.7 1.8 9 3.3 9.3c-.3.1-.6.1-.9.1-.2 0-.4 0-.6-.1.4 1.3 1.6 2.3 3.1 2.3-1.1.9-2.5 1.4-4.1 1.4H0c1.5.9 3.2 1.5 5 1.5 6 0 9.3-5 9.3-9.3v-.4C15 4.3 15.6 3.7 16 3z"
fill="#FFFFFF"
/>
</svg>
</a>
</li>
{{ end }}
{{ with .Site.Params.Social.GoogleURL }}
<li>
<a href="{{ . }}">
<span class="screen-reader-text">Google</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path
d="M7.9 7v2.4H12c-.2 1-1.2 3-4 3-2.4 0-4.3-2-4.3-4.4 0-2.4 2-4.4 4.3-4.4 1.4 0 2.3.6 2.8 1.1l1.9-1.8C11.5 1.7 9.9 1 8 1 4.1 1 1 4.1 1 8s3.1 7 7 7c4 0 6.7-2.8 6.7-6.8 0-.5 0-.8-.1-1.2H7.9z"
fill="#FFFFFF"
/>
</svg>
</a>
</li>
{{ end }}
</ul>