formatting
This commit is contained in:
brookee
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
|
||||
|
||||
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
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<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 }}
|
||||
|
|
@ -1,12 +1,10 @@
|
|||
<!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>
|
||||
<main>{{ block "main" . }}{{ end }}</main>
|
||||
{{ partial "footer.html" . }}
|
||||
</div>
|
||||
{{ partial "script.html" . }}
|
||||
|
|
|
|||
|
|
@ -1,35 +1,42 @@
|
|||
{{ 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 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>
|
||||
<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">
|
||||
</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">
|
||||
</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 }}">
|
||||
<img class="feature-icon" src="{{ .FeatureImage }}" />
|
||||
<div class="feature-description">
|
||||
<h4 class="feature-title h3-mobile">{{ .FeatureTitle }}</h4>
|
||||
<p class="text-sm">{{ .FeatureDescription }}</p>
|
||||
|
|
@ -39,29 +46,45 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="pricing 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 class="pricing-table-title mt-12 mb-8">
|
||||
{{ .PricingTitle }}
|
||||
</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>
|
||||
<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
|
||||
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>
|
||||
|
|
@ -72,5 +95,5 @@
|
|||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
|
@ -1,30 +1,50 @@
|
|||
<footer class="site-footer text-light">
|
||||
<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">
|
||||
<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%"/>
|
||||
<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
|
||||
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"/>
|
||||
<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 class="footer-copyright">
|
||||
© {{ now.Format "2006" }}
|
||||
{{ .Site.Params.authorName | markdownify }}, all rights reserved
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
|||
|
|
@ -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}}
|
||||
<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">
|
||||
<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>
|
||||
|
|
|
|||
|
|
@ -4,7 +4,12 @@
|
|||
<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">
|
||||
<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">
|
||||
|
|
@ -18,7 +23,13 @@
|
|||
</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" />
|
||||
<rect
|
||||
fill="url(#logo-b)"
|
||||
x="16"
|
||||
width="32"
|
||||
height="32"
|
||||
rx="16"
|
||||
/>
|
||||
</g>
|
||||
</svg>
|
||||
</a>
|
||||
|
|
|
|||
|
|
@ -1,4 +1,4 @@
|
|||
<ul class="footer-links list-reset">
|
||||
<ul class="footer-links list-reset">
|
||||
{{ range .Site.Menus.main }}
|
||||
<li>
|
||||
<a class="nav-link" href="{{ .URL }}">
|
||||
|
|
@ -7,4 +7,4 @@
|
|||
</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</ul>
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
<script src="/js/main.min.js"></script>
|
||||
<script src="/js/main.min.js"></script>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,13 @@
|
|||
<ul class="footer-social-links list-reset">
|
||||
<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"/>
|
||||
<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>
|
||||
|
|
@ -14,7 +17,10 @@
|
|||
<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"/>
|
||||
<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>
|
||||
|
|
@ -24,9 +30,12 @@
|
|||
<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"/>
|
||||
<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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue