diff --git a/.prettierrc b/.prettierrc new file mode 100644 index 0000000..3f6fe47 --- /dev/null +++ b/.prettierrc @@ -0,0 +1,11 @@ +{ + "plugins": ["prettier-plugin-go-template"], + "overrides": [ + { + "files": ["*.html"], + "options": { + "parser": "go-template", + }, + }, + ], + } \ No newline at end of file diff --git a/README.md b/README.md index 9317b8f..2e4fb09 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/themes/agnes-hugo-theme/layouts/404.html b/themes/agnes-hugo-theme/layouts/404.html index eabf4cd..4cfe180 100644 --- a/themes/agnes-hugo-theme/layouts/404.html +++ b/themes/agnes-hugo-theme/layouts/404.html @@ -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 }} \ No newline at end of file +{{ end }} diff --git a/themes/agnes-hugo-theme/layouts/_default/baseof.html b/themes/agnes-hugo-theme/layouts/_default/baseof.html index b92d8c4..5b09a70 100644 --- a/themes/agnes-hugo-theme/layouts/_default/baseof.html +++ b/themes/agnes-hugo-theme/layouts/_default/baseof.html @@ -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> \ No newline at end of file + {{ 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> diff --git a/themes/agnes-hugo-theme/layouts/index.html b/themes/agnes-hugo-theme/layouts/index.html index 26f9ba1..4184534 100644 --- a/themes/agnes-hugo-theme/layouts/index.html +++ b/themes/agnes-hugo-theme/layouts/index.html @@ -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 }} \ No newline at end of file diff --git a/themes/agnes-hugo-theme/layouts/partials/footer.html b/themes/agnes-hugo-theme/layouts/partials/footer.html index 8037de1..e5dd378 100644 --- a/themes/agnes-hugo-theme/layouts/partials/footer.html +++ b/themes/agnes-hugo-theme/layouts/partials/footer.html @@ -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">© {{ now.Format "2006"}} {{ .Site.Params.authorName | markdownify }}, all rights reserved</div> - </div> - </div> - </footer> \ No newline at end of file +<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"> + © {{ now.Format "2006" }} + {{ .Site.Params.authorName | markdownify }}, all rights reserved + </div> + </div> + </div> +</footer> diff --git a/themes/agnes-hugo-theme/layouts/partials/head.html b/themes/agnes-hugo-theme/layouts/partials/head.html index 533b517..de659e0 100644 --- a/themes/agnes-hugo-theme/layouts/partials/head.html +++ b/themes/agnes-hugo-theme/layouts/partials/head.html @@ -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> \ No newline at end of file +<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> diff --git a/themes/agnes-hugo-theme/layouts/partials/header.html b/themes/agnes-hugo-theme/layouts/partials/header.html index b479b11..77d11f4 100644 --- a/themes/agnes-hugo-theme/layouts/partials/header.html +++ b/themes/agnes-hugo-theme/layouts/partials/header.html @@ -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> \ No newline at end of file + <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> diff --git a/themes/agnes-hugo-theme/layouts/partials/nav.html b/themes/agnes-hugo-theme/layouts/partials/nav.html index 05ea8ca..acc70e3 100644 --- a/themes/agnes-hugo-theme/layouts/partials/nav.html +++ b/themes/agnes-hugo-theme/layouts/partials/nav.html @@ -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> \ No newline at end of file +<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> diff --git a/themes/agnes-hugo-theme/layouts/partials/script.html b/themes/agnes-hugo-theme/layouts/partials/script.html index 259794e..90a481c 100644 --- a/themes/agnes-hugo-theme/layouts/partials/script.html +++ b/themes/agnes-hugo-theme/layouts/partials/script.html @@ -1 +1 @@ - <script src="/js/main.min.js"></script> \ No newline at end of file +<script src="/js/main.min.js"></script> diff --git a/themes/agnes-hugo-theme/layouts/partials/social.html b/themes/agnes-hugo-theme/layouts/partials/social.html index 256cd1e..fcfceb1 100644 --- a/themes/agnes-hugo-theme/layouts/partials/social.html +++ b/themes/agnes-hugo-theme/layouts/partials/social.html @@ -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>