formatting
This commit is contained in:
parent
f2fd13cd41
commit
e3571d52ac
11 changed files with 281 additions and 200 deletions
11
.prettierrc
Normal file
11
.prettierrc
Normal file
|
@ -0,0 +1,11 @@
|
||||||
|
{
|
||||||
|
"plugins": ["prettier-plugin-go-template"],
|
||||||
|
"overrides": [
|
||||||
|
{
|
||||||
|
"files": ["*.html"],
|
||||||
|
"options": {
|
||||||
|
"parser": "go-template",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
],
|
||||||
|
}
|
|
@ -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
|
||||||
|
|
|
@ -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 }}
|
|
@ -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" . }}
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">© {{ now.Format "2006"}} {{ .Site.Params.authorName | markdownify }}, all rights reserved</div>
|
<div class="footer-copyright">
|
||||||
|
© {{ now.Format "2006" }}
|
||||||
|
{{ .Site.Params.authorName | markdownify }}, all rights reserved
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
|
@ -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>
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Add table
Reference in a new issue