mycosystems/bellaskeys.com
3
0
Fork 0
Code Issues Pull requests Activity Actions

formatting

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

11
.prettierrc Normal file
View file

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

4
README.md
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

7
themes/agnes-hugo-theme/layouts/404.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 }}

22
themes/agnes-hugo-theme/layouts/_default/baseof.html
View file

@ -1,14 +1,12 @@
<!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 }} {{ partial "footer.html" . }}
</main> </div>
{{ partial "footer.html" . }} {{ partial "script.html" . }}
</div> </body>
{{ partial "script.html" . }}
</body>
</html> </html>

157
themes/agnes-hugo-theme/layouts/index.html
View file

@ -1,76 +1,99 @@
{{ define "main" }} {{ define "main" }}
<section class="hero"> <section class="hero">
<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">
</h1> {{ .Site.Params.Content.LeadTitle | markdownify }}
<p class="hero-paragraph is-revealing">{{ .Site.Params.Content.LeadDescription | markdownify }}</p> </h1>
<p class="hero-cta is-revealing"><a class="button button-primary button-shadow" <p class="hero-paragraph is-revealing">
href="{{ .Site.Params.Content.ButtonURL}}">{{ .Site.Params.Content.ButtonCaption | markdownify {{ .Site.Params.Content.LeadDescription | markdownify }}
}}</a></p> </p>
</div> <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>
</section> </section>
{{ with .Site.Params.quote }} {{ with .Site.Params.quote }}
<section class="quote-section"> <section class="quote-section">
{{ range . }} {{ range . }}
<blockquote> <blockquote>
<h3>{{ .quoteText }}</h3> <h3>{{ .quoteText }}</h3>
<p>- {{ .quoteBy }}</p> <p>- {{ .quoteBy }}</p>
</blockquote> </blockquote>
{{ end }} {{ end }}
</section> </section>
{{ end }} {{ end }}
<section class="features section"> <section class="features section">
<div class="container"> <div class="container">
<div class="features-inner section-inner"> <div class="features-inner section-inner">
<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>
</div> </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> </div>
{{ end }} <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">
{{ 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> </div>
</section> </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 }} {{ end }}

80
themes/agnes-hugo-theme/layouts/partials/footer.html
View file

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

24
themes/agnes-hugo-theme/layouts/partials/head.html
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>

65
themes/agnes-hugo-theme/layouts/partials/header.html
View file

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

20
themes/agnes-hugo-theme/layouts/partials/nav.html
View file

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

2
themes/agnes-hugo-theme/layouts/partials/script.html
View file

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

73
themes/agnes-hugo-theme/layouts/partials/social.html
View file

@ -1,32 +1,41 @@
<ul class="footer-social-links list-reset"> <ul class="footer-social-links list-reset">
{{ with .Site.Params.Social.FacebookURL }} {{ with .Site.Params.Social.FacebookURL }}
<li> <li>
<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
</svg> 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"
</a> fill="#FFFFFF"
</li> />
{{ end }} </svg>
{{ with .Site.Params.Social.TwitterURL }} </a>
<li> </li>
<a href="{{ . }}"> {{ end }}
<span class="screen-reader-text">Twitter</span> {{ with .Site.Params.Social.TwitterURL }}
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> <li>
<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"/> <a href="{{ . }}">
</svg> <span class="screen-reader-text">Twitter</span>
</a> <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
</li> <path
{{ end }} 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"
{{ with .Site.Params.Social.GoogleURL }} fill="#FFFFFF"
<li> />
<a href="{{ . }}"> </svg>
<span class="screen-reader-text">Google</span> </a>
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg"> </li>
<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"/> {{ end }}
</svg> {{ with .Site.Params.Social.GoogleURL }}
</a> <li>
</li> <a href="{{ . }}">
{{ end }} <span class="screen-reader-text">Google</span>
</ul> <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>