14 files changed, 425 insertions, 0 deletions
diff --git a/themes/markskitchen/LICENSE b/themes/markskitchen/LICENSE
new file mode 100644
index 0000000..17a6d8e
--- /dev/null
+++ b/themes/markskitchen/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 Mark Powers
+Copyright (c) Creedowl Queensferry
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/themes/markskitchen/README.md b/themes/markskitchen/README.md
new file mode 100644
index 0000000..8412a42
--- /dev/null
+++ b/themes/markskitchen/README.md
@@ -0,0 +1 @@
+Theme style is inspired by https://github.com/queensferryme/hugo-theme-texify
diff --git a/themes/markskitchen/archetypes/default.md b/themes/markskitchen/archetypes/default.md
new file mode 100644
index 0000000..ac36e06
--- /dev/null
+++ b/themes/markskitchen/archetypes/default.md
@@ -0,0 +1,2 @@
++++
++++
diff --git a/themes/markskitchen/layouts/404.html b/themes/markskitchen/layouts/404.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/themes/markskitchen/layouts/404.html
diff --git a/themes/markskitchen/layouts/_default/baseof.html b/themes/markskitchen/layouts/_default/baseof.html
new file mode 100644
index 0000000..c4963da
--- /dev/null
+++ b/themes/markskitchen/layouts/_default/baseof.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+    {{- partial "head.html" . -}}
+    <body>
+        {{- partial "header.html" . -}}
+        {{- block "main" . }}{{- end }}
+        {{- partial "footer.html" . -}}
+    </body>
+</html>
diff --git a/themes/markskitchen/layouts/_default/list.html b/themes/markskitchen/layouts/_default/list.html
new file mode 100644
index 0000000..9388e7d
--- /dev/null
+++ b/themes/markskitchen/layouts/_default/list.html
@@ -0,0 +1,15 @@
+{{ define "head" }}
+<link rel="stylesheet" href='{{ "css/list.css" | absURL }}'>
+{{ end }}
+
+{{ define "main" }}
+<main id="main">
+  <ul>
+    {{ range .Pages }}
+    <li>
+      <a class="link" href="{{ .RelPermalink }}">{{ .Title }} --- <i>{{ .PublishDate.Format "January 2, 2006"}}</i></a>
+    </li>
+    {{ end }}
+  </ul>
+</main>
+{{ end }}
diff --git a/themes/markskitchen/layouts/_default/single.html b/themes/markskitchen/layouts/_default/single.html
new file mode 100644
index 0000000..52e9c13
--- /dev/null
+++ b/themes/markskitchen/layouts/_default/single.html
@@ -0,0 +1,21 @@
+{{ define "head" }}
+<link rel="stylesheet" href='{{ "css/single.css" | absURL }}'>
+{{ end }}
+
+{{ define "main" }}
+<main id="main" class="post">
+  <h1>{{ .Title }}</h1>
+  <div><i>{{ .PublishDate.Format "January 2, 2006"}}</i></div>
+  <article class="content">
+    {{ .Content }}
+  </article>
+  {{ if ne .Params.tags nil }}
+  <div>
+    <b>Keywords: </b>
+    {{ range .Params.tags }}
+    <a class="link" href='{{ "tags" | absURL }}/{{ . | urlize }}'>#{{ . }}</a>
+    {{ end }}
+  </div>
+  {{ end }}
+</main>
+{{ end }}
diff --git a/themes/markskitchen/layouts/index.html b/themes/markskitchen/layouts/index.html
new file mode 100644
index 0000000..422469a
--- /dev/null
+++ b/themes/markskitchen/layouts/index.html
@@ -0,0 +1,3 @@
+{{ define "head" }}
+<link rel="stylesheet" href='{{ "css/index.css" | absURL }}'>
+{{ end }}
diff --git a/themes/markskitchen/layouts/partials/footer.html b/themes/markskitchen/layouts/partials/footer.html
new file mode 100644
index 0000000..19c1837
--- /dev/null
+++ b/themes/markskitchen/layouts/partials/footer.html
@@ -0,0 +1,3 @@
+<footer>
+    <div>Mark Powers &lt;<span class="email">mark</span>&gt; &#169; 2022 </div>
+</footer>
diff --git a/themes/markskitchen/layouts/partials/head.html b/themes/markskitchen/layouts/partials/head.html
new file mode 100644
index 0000000..3bd261e
--- /dev/null
+++ b/themes/markskitchen/layouts/partials/head.html
@@ -0,0 +1,48 @@
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+  <!-- author -->
+  <meta name="author" content="{{ .Site.Author.name }}">
+
+  <!-- description -->
+  {{ if .Description }}
+  <meta name="description" content="{{ .Description }}">
+  {{ else if and .IsPage .Summary }}
+  <meta name="description" content="{{ .Summary }}">
+  {{ else }}
+  <meta name="description" content="{{ .Site.Params.description }}">
+  {{ end }}
+
+  <!-- favicon -->
+  <link rel="icon" href="{{ .Site.Params.favicon | absURL }}">
+
+  <!-- keywords -->
+  {{ if .Keywords }}
+  <meta name="keywords" content="{{ range $key, $value := .Keywords }} {{ $value }} {{ end }}">
+  {{ end }}
+
+  <!-- permalink -->
+  <link rel="canonical" href="{{ .Permalink }}">
+
+  <!-- rss -->
+  {{ range .AlternativeOutputFormats -}}
+  {{ printf `
+  <link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
+  {{ end -}}
+
+  <!-- schema -->
+  {{ template "_internal/schema.html" . }}
+
+  <!-- style -->
+  <link media="screen" rel="stylesheet" href='{{ "css/common.css" | absURL }}'>
+
+  <!-- title -->
+  {{ if .IsHome }}
+  <title>{{ .Site.Title }}</title>
+  {{ else }}
+  <title>{{ .Title }} - {{ .Site.Title }}</title>
+  {{ end }}
+
+  {{ block "head" . }}{{ end }}
+</head>
diff --git a/themes/markskitchen/layouts/partials/header.html b/themes/markskitchen/layouts/partials/header.html
new file mode 100644
index 0000000..97fec62
--- /dev/null
+++ b/themes/markskitchen/layouts/partials/header.html
@@ -0,0 +1,13 @@
+<header id="header">
+  <h1>
+    <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
+  </h1>
+
+  <nav>
+    {{ range .Site.Menus.main }}
+    <span class="nav-bar-item">
+      <a class="link" href="{{ .URL | safeURL }}">{{ .Name }}</a>
+    </span>
+    {{ end }}
+  </nav>
+</header>
diff --git a/themes/markskitchen/static/css/common.css b/themes/markskitchen/static/css/common.css
new file mode 100644
index 0000000..b52a0d7
--- /dev/null
+++ b/themes/markskitchen/static/css/common.css
@@ -0,0 +1,268 @@
+#main > .post + .post {
+    margin-top: 2rem;
+}
+
+#main > .post > h2 {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+}
+
+#main > .post > h2 > time {
+    font-size: 1rem;
+    font-weight: normal;
+}
+
+#main > .post > .content {
+    padding-top: 1rem;
+}
+
+@media screen and (min-width: 768px) {
+    #main > .post > div {
+        margin-left: 2rem;
+    }
+}
+
+/* global */
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+}
+
+a {
+    color: inherit;
+}
+
+time {
+    color: gray;
+    margin-left: 1rem;
+    min-width: 5rem;
+}
+
+body {
+    background-color: #FAFAFA;
+    display: flex;
+    flex-direction: column;
+    font-family: 'Latin Modern Roman', 'Times New Roman', serif;
+    min-height: 100vh;
+    overflow-wrap: break-word;
+    padding: 1rem;
+}
+
+.link {
+    color: #AA0000;
+    text-decoration: underline;
+}
+
+.paginator {
+    align-items: flex-end;
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    margin-top: 2rem;
+}
+
+::-webkit-scrollbar {
+    background-color: #FAFAFA;
+    height: 8px;
+    width: 8px;
+}
+
+::-webkit-scrollbar-thumb {
+    background-color: #AAAAAA;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background-color: #888888;
+}
+
+/* header */
+
+#header {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+}
+
+#header > h1 {
+    text-align: center;
+}
+
+@media screen and (min-width: 768px) {
+    #header > h1 {
+        font-size: 2.8rem;
+    }
+}
+
+#header > nav {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-around;
+    flex-wrap: wrap;
+    max-width: 768px;
+    width: 100%;
+}
+
+#header > nav > span > a {
+    font-size: 1.2rem;
+}
+
+/* main */
+
+#main {
+    align-self: center;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    max-width: 768px;
+    padding: 2rem 0;
+    width: calc(100% - 2rem);
+}
+
+/* footer */
+
+footer {
+    align-items: center;
+    display: flex;
+    font-size: .9rem;
+    flex-direction: column;;
+}
+
+.content :last-child {
+    margin-bottom: 0;
+}
+
+.content a {
+    color: #AA0000;
+    text-decoration: underline;
+}
+
+.content a.footnote-ref::before {
+    content: "[";
+}
+
+.content a.footnote-ref::after {
+    content: "]";
+}
+
+.content blockquote,
+.content div,
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5,
+.content h6,
+.content p,
+.content pre,
+.content ol,
+.content table,
+.content ul {
+    margin-bottom: 1rem;
+}
+
+.content blockquote {
+    border-left: black 2px solid;
+    font-style: italic;
+    padding: 1rem 0 1rem 2rem;
+}
+
+.content code {
+    background-color: #F5F5F5;
+    border-radius: .2rem;
+    color: #AA0000;
+    font-family: 'Latin Modern Mono', Courier, monospace;
+    padding: 0 .2rem;
+}
+
+.content h1, .content h2, .content h3,
+.content h4, .content h5, .content h6 {
+    line-height: 1.5;
+}
+
+.content h1 {
+    font-size: 2.4rem;
+}
+
+.content h2 {
+    font-size: 1.8rem;
+}
+
+.content h3 {
+    font-size: 1.4rem;
+}
+
+.content h4 {
+    font-size: 1.2rem;
+}
+
+.content h5 {
+    font-size: 1.1rem;
+}
+
+.content h6 {
+    font-size: 1rem;
+}
+
+.content img {
+    max-width: 100%;
+}
+
+.content p {
+    text-align: justify;
+}
+
+.content pre {
+    background-color: #F5F5F5!important;
+    border-radius: .2rem;
+    font-family: 'Latin Modern Mono', Courier, monospace;
+    margin-top: .5rem;
+    overflow-x: auto;
+    padding: .5rem;
+}
+
+.content pre code {
+    padding: 0;
+}
+
+.content strong.chinese {
+    font-weight: normal;
+    text-emphasis-style: dot;
+    text-emphasis-position: under;
+    -webkit-text-emphasis-style: dot;
+    -webkit-text-emphasis-position: under;
+}
+
+.content table {
+    display: block;
+    overflow-x: auto;
+}
+
+.content td, .content th {
+    border: #575C61 1px solid;
+    padding: .1rem .5rem;
+}
+
+.content th {
+    background-color: #575C61;
+    color: #FAFAFA;
+}
+
+.content ol, .content ul {
+    margin-left: 1.5rem;
+}
+
+dl > dt {
+    font-weight: bold;
+}
+dd {
+    padding-left: 2em;
+    padding-bottom: 1em;
+}
+
+.email::after {
+    content: "@marks.kitchen";
+}
diff --git a/themes/markskitchen/static/css/list.css b/themes/markskitchen/static/css/list.css
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/themes/markskitchen/static/css/list.css
diff --git a/themes/markskitchen/theme.toml b/themes/markskitchen/theme.toml
new file mode 100644
index 0000000..faa0387
--- /dev/null
+++ b/themes/markskitchen/theme.toml
@@ -0,0 +1,21 @@
+# theme.toml template for a Hugo theme
+# See https://github.com/gohugoio/hugoThemes#themetoml for an example
+
+name = "Markskitchen"
+license = "MIT"
+licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE"
+description = ""
+homepage = "http://example.com/"
+tags = []
+features = []
+min_version = "0.41.0"
+
+[author]
+  name = ""
+  homepage = ""
+
+# If porting an existing theme
+[original]
+  name = ""
+  homepage = ""
+  repo = ""