summaryrefslogtreecommitdiff
path: root/themes
diff options
context:
space:
mode:
authorMark Powers <mark@marks.kitchen>2022-07-19 21:12:41 -0500
committerMark Powers <mark@marks.kitchen>2022-07-19 21:12:41 -0500
commit4e965c7d9a66d6a72b24c7b319c10d8006f2026e (patch)
tree4021ef67be5ed3a76e0632c3cfec5d6428806850 /themes
Initial Commit
Diffstat (limited to 'themes')
-rw-r--r--themes/markskitchen/LICENSE21
-rw-r--r--themes/markskitchen/README.md1
-rw-r--r--themes/markskitchen/archetypes/default.md2
-rw-r--r--themes/markskitchen/layouts/404.html0
-rw-r--r--themes/markskitchen/layouts/_default/baseof.html9
-rw-r--r--themes/markskitchen/layouts/_default/list.html15
-rw-r--r--themes/markskitchen/layouts/_default/single.html21
-rw-r--r--themes/markskitchen/layouts/index.html3
-rw-r--r--themes/markskitchen/layouts/partials/footer.html3
-rw-r--r--themes/markskitchen/layouts/partials/head.html48
-rw-r--r--themes/markskitchen/layouts/partials/header.html13
-rw-r--r--themes/markskitchen/static/css/common.css268
-rw-r--r--themes/markskitchen/static/css/list.css0
-rw-r--r--themes/markskitchen/theme.toml21
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 = ""
generated by cgit v1.2.3 (git 2.39.1) at 2024-05-20 12:05:19 +0000