From 24e058c3eb3a278023c4ecee7efa9a73774ded0b Mon Sep 17 00:00:00 2001
From: Zach Berwaldt <zberwaldt@tutamail.com>
Date: Sat, 4 Feb 2023 08:07:34 -0500
Subject: theme development

---
 assets/blackbear/.gitkeep            |  0
 assets/css/main.css                  | 12 ++++++++++++
 layouts/index.html                   |  5 +++++
 layouts/partials/footer.html         |  3 +++
 layouts/partials/head.html           |  9 +++++++++
 layouts/partials/header.html         |  8 ++++++++
 layouts/shortcodes/form-contact.html | 20 ++++++++++++++++++++
 static/css/main.css                  | 16 ++++++++++++++++
 8 files changed, 73 insertions(+)
 delete mode 100644 assets/blackbear/.gitkeep
 create mode 100644 assets/css/main.css
 create mode 100644 layouts/shortcodes/form-contact.html
 create mode 100644 static/css/main.css
diff --git a/assets/blackbear/.gitkeep b/assets/blackbear/.gitkeep
deleted file mode 100644
index e69de29..0000000
diff --git a/assets/css/main.css b/assets/css/main.css
new file mode 100644
index 0000000..806fa19
--- /dev/null
+++ b/assets/css/main.css
@@ -0,0 +1,12 @@
+header {
+  background: red;
+}
+
+footer {
+  background: blue;
+  color: red;
+}
+
+main {
+  background: green;
+}
\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index e69de29..273d161 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -0,0 +1,5 @@
+{{ define "main" }}
+<div>
+  <h1>Hello World</h1>
+</div>
+{{ end }}
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index e69de29..e72253b 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -0,0 +1,3 @@
+<footer>
+  <h1>{{ .Title }}</h1>
+</footer>
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index e69de29..73308f4 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -0,0 +1,9 @@
+<head>
+  <title>{{ .Title }}</title>
+  {{ with resources.Get "css/main.css" }}
+    <link rel="stylesheet" href="{{ .RelPermalink }}">
+  {{ end }}
+  {{- template "_internal/opengraph.html" . -}}
+  {{- template "_internal/schema.html" . -}}
+  {{- template "_internal/twitter_cards.html" . -}}
+</head>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index e69de29..d0930a3 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -0,0 +1,8 @@
+<header>
+  <h1>{{ .Title | default .Site.Title }}</h1>
+  <nav>
+    {{ range .Site.Menus.main }}
+      <a href="{{ .URL }}">{{ .Name }}</a>
+    {{ end }}
+  </nav>
+</header>
\ No newline at end of file
diff --git a/layouts/shortcodes/form-contact.html b/layouts/shortcodes/form-contact.html
new file mode 100644
index 0000000..d06b248
--- /dev/null
+++ b/layouts/shortcodes/form-contact.html
@@ -0,0 +1,20 @@
+{{ $.Scratch.Add "labelClasses" "f6 b db mb1 mt3 sans-serif mid-gray" }}
+{{ $.Scratch.Add "inputClasses" "w-100 f5 pv3 ph3 bg-light-gray bn" }}
+
+<form class="black-80 sans-serif" accept-charset="UTF-8" action="{{ .Get "action" }}" method="POST" role="form">
+
+    <label class="{{ $.Scratch.Get "labelClasses" }}"  for="name">{{ i18n "yourName" }}</label>
+    <input type="text" id="name" name="name" class="{{ $.Scratch.Get "inputClasses" }}"  required placeholder=" "  aria-labelledby="name"/>
+
+    <label class="{{ $.Scratch.Get "labelClasses" }}" for="email">{{ i18n "emailAddress" }}</label>
+    <input type="email" id="email" name="email" class="{{ $.Scratch.Get "inputClasses" }}"  required placeholder=" "  aria-labelledby="email"/>
+    <div class="requirements f6 gray glow i ph3 overflow-hidden">
+      {{ i18n "emailRequiredNote" }}
+    </div>
+
+    <label class="{{ $.Scratch.Get "labelClasses" }}" for="message">{{ i18n "message" }}</label>
+    <textarea id="message" name="message" class="{{ $.Scratch.Get "inputClasses" }} h4" aria-labelledby="message"></textarea>
+
+    <input class="db w-100 mv2 white pa3 bn hover-shadow hover-bg-black bg-animate bg-black" type="submit" value="{{ i18n "send" }}" />
+
+</form>
diff --git a/static/css/main.css b/static/css/main.css
new file mode 100644
index 0000000..d4c7edd
--- /dev/null
+++ b/static/css/main.css
@@ -0,0 +1,16 @@
+header {
+  background: red;
+}
+
+footer {
+  background: blue;
+  color: red;
+}
+
+main {
+  background: green;
+}
+
+body {
+  background: yellow;
+}
\ No newline at end of file
-- 
cgit v1.1

