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 # 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 ## Thanks To
https://cruip.com/ for providing the original theme licensed under GPLv3 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 https://github.com/dchucks for providing the hugo theme template converted from the raw HTML

View file

@ -1,7 +1,12 @@
{{ define "main" }} {{ define "main" }}
<main id="main"> <main id="main">
<div style="padding: 50px; text-align:center;"> <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> <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> </div>
</main> </main>
{{ end }} {{ end }}

View file

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

View file

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

View file

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

View file

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

View file

@ -4,7 +4,12 @@
<div class="brand header-brand"> <div class="brand header-brand">
<h1 class="m-0"> <h1 class="m-0">
<a href="#"> <a href="#">
<svg width="48" height="32" viewBox="0 0 48 32" xmlns="http://www.w3.org/2000/svg"> <svg
width="48"
height="32"
viewBox="0 0 48 32"
xmlns="http://www.w3.org/2000/svg"
>
<title>{{ .Site.Title }}</title> <title>{{ .Site.Title }}</title>
<defs> <defs>
<linearGradient x1="0%" y1="100%" y2="0%" id="logo-a"> <linearGradient x1="0%" y1="100%" y2="0%" id="logo-a">
@ -18,7 +23,13 @@
</defs> </defs>
<g fill="none" fill-rule="evenodd"> <g fill="none" fill-rule="evenodd">
<rect fill="url(#logo-a)" width="32" height="32" rx="16" /> <rect fill="url(#logo-a)" width="32" height="32" rx="16" />
<rect fill="url(#logo-b)" x="16" width="32" height="32" rx="16" /> <rect
fill="url(#logo-b)"
x="16"
width="32"
height="32"
rx="16"
/>
</g> </g>
</svg> </svg>
</a> </a>

View file

@ -4,7 +4,10 @@
<a href="{{ . }}"> <a href="{{ . }}">
<span class="screen-reader-text">Facebook</span> <span class="screen-reader-text">Facebook</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <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"/> <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> </svg>
</a> </a>
</li> </li>
@ -14,7 +17,10 @@
<a href="{{ . }}"> <a href="{{ . }}">
<span class="screen-reader-text">Twitter</span> <span class="screen-reader-text">Twitter</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <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"/> <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> </svg>
</a> </a>
</li> </li>
@ -24,7 +30,10 @@
<a href="{{ . }}"> <a href="{{ . }}">
<span class="screen-reader-text">Google</span> <span class="screen-reader-text">Google</span>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <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"/> <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> </svg>
</a> </a>
</li> </li>