From fa031b36a9879aadec621decdea6297f0c1613b5 Mon Sep 17 00:00:00 2001 From: Jakub Date: Sun, 28 Jan 2024 23:53:34 -0500 Subject: [PATCH] init --- archetypes/default.md | 4 + layouts/404.html | 12 ++ layouts/_default/list.html | 18 ++ layouts/_default/single.html | 7 + layouts/index.html | 12 ++ layouts/partials/footer.html | 8 + layouts/partials/header.html | 17 ++ layouts/partials/image-gallery.html | 23 +++ layouts/partials/nav.html | 17 ++ readme.md | 19 ++ static/css/style.css | 306 ++++++++++++++++++++++++++++ 11 files changed, 443 insertions(+) create mode 100644 archetypes/default.md create mode 100644 layouts/404.html create mode 100644 layouts/_default/list.html create mode 100644 layouts/_default/single.html create mode 100644 layouts/index.html create mode 100644 layouts/partials/footer.html create mode 100644 layouts/partials/header.html create mode 100644 layouts/partials/image-gallery.html create mode 100644 layouts/partials/nav.html create mode 100644 readme.md create mode 100644 static/css/style.css diff --git a/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..fdccff8 --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,4 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +date: {{ .Date }} +--- diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..b00cad2 --- /dev/null +++ b/layouts/404.html @@ -0,0 +1,12 @@ +{{ partial "header.html" . }} + +
+

Error 404:

+

Page Not Found

+ +

The url you entered is invalid or has been deleted.

+ +

Click here to return home.

+
+ +{{ partial "footer.html" . }} diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..b4d94d4 --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,18 @@ +{{ partial "header.html" . }} + +

{{ .Title }}

+ +{{ .Content }} + +{{ range.Data.Pages }} +
+

+ {{ .Title }} +

+ +
+{{ end }} + +{{ partial "footer.html" . }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..a903ad6 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,7 @@ +{{ partial "header.html" . }} + +

{{ .Title }}

+ +{{ .Content }} + +{{ partial "footer.html" . }} diff --git a/layouts/index.html b/layouts/index.html new file mode 100644 index 0000000..15020bc --- /dev/null +++ b/layouts/index.html @@ -0,0 +1,12 @@ +{{ partial "header.html" . }} + +{{ .Content }} + +

Recent Posts

+ + +{{ partial "footer.html" . }} diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..f891604 --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,8 @@ + + + + diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..f2db1dd --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,17 @@ + + + + + + {{ if not .IsHome }}{{ .Title }} | {{ end }}{{ .Site.Title }} + + + {{ with .OutputFormats.Get "rss" -}} + {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} + {{ end -}} + + + + {{ partial "nav.html" . }} + +
diff --git a/layouts/partials/image-gallery.html b/layouts/partials/image-gallery.html new file mode 100644 index 0000000..ec495fc --- /dev/null +++ b/layouts/partials/image-gallery.html @@ -0,0 +1,23 @@ + + +{{ $dir := string .gallery_dir }} + \ No newline at end of file diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html new file mode 100644 index 0000000..4003535 --- /dev/null +++ b/layouts/partials/nav.html @@ -0,0 +1,17 @@ +
+ + +
diff --git a/readme.md b/readme.md new file mode 100644 index 0000000..23b3520 --- /dev/null +++ b/readme.md @@ -0,0 +1,19 @@ +# Hugo Starter Theme +A simple Hugo theme. See it in action [on my website](https://jakubb.xyz) + +## Getting started + +Inside your project folder, copy the theme to your `themes` folder. Since you're just using it as a starter for your theme, remove the git history. + +```bash +git clone https://github.com/ericmurphyxyz/hugo-starter-theme themes/your-theme-name +rm -rf themes/your-theme-name/.git +``` + +If you'd like some example content and an example config file to get started, you can copy the `exampleSite` directory into your root Hugo directory. + +```bash +cp -r themes/your-theme-name/exampleSite/* ./ +``` + +To learn more about building themes in Hugo, refer to Hugo's [templating documentation](https://gohugo.io/templates/). diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..babd094 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,306 @@ + /* modifying it for now. */ + +a.home-link{ + display: none; +} + +.logo img, .logo { + height: 24px; +} + +html, body { + margin: 0; + padding: 0; +} + +body { + background-color: #1d2021; + color: #ebdbb2; + font-size: 100%; + line-height: 1.5; +} +a { + color: #83a598; + text-decoration: none; +} + + +.content { + overflow: none; + margin: auto 5% auto 5%; + word-wrap: break-word; + /* padding-bottom: 15%; */ +/* display: inline-grid; */ +/* max-width: 45rem; */ +/* margin-bottom: 2rem; */ +/* margin: 2rem auto; */ + /* padding-top: 100px; */ + +} +/* Lists */ +.post-snippet { + margin-bottom: 1rem; +} + +.post-snippet h3 { + margin-bottom: 0.25rem; +} + +/* header */ + +.header { + background-color: #504945; + /* width: 100%; */ +/* /1* position: fixed; *1/ */ +/* z-index: 3; */ +} + +.header .menu { + margin: 0; + padding: 0; +/* /1* width: 100%; *1/ */ +/* height: auto; */ + position: relative; + list-style: none; + /* overflow: hidden; */ + overflow: auto; + /* background-color: #a89984; */ +} + + +.header .menu li a{ + padding: 15px; + display: block; +} + +.menu-entries a:hover, +.header .menu-btn:hover { + background-color: #83a598; + color: #504945; +} + + + +.header .logo { + /* float: left; */ + padding: 15px 20px; +} + +/* menu */ + +.menu-entries { + display: block; + clear: both; + /* display: none; */ + transition: max-height .2s ease-out; +} + +.header .menu { +} + +/* menu icon */ + +.logo { + cursor: pointer; +} + +.header .menu-icon { +/* cursor: pointer; */ +/* float: right; */ +/* padding: 28px 20px; */ +/* position: relative; */ +/* user-select: none; */ +} + +/* menu btn */ + +.header .menu-btn { + display: none; +} + + +.menu .logo { + transition: 400ms; +} + +footer { + /* position: fixed; */ + left: 0; + /* bottom: 0; */ + /* width: 100%; */ + text-align: center; + /* max-height: 15%; */ + + padding-top; 10px; + padding-bottom: 10px; +} + +footer .buttons { + margin-top: 5px; +} + +footer .buttons img { + /* margin: 5px; */ + display: inline-block; + max-height: 25em; + max-width: 100%; +} + +/* div.content, footer{ */ +/* margin-left: 0; */ +/* /1* height: 1000px; *1/ */ +/* } */ + +/* @media screen and (max-width: 900px) { */ +/* ul.menu { width: 100%; */ +/* height: auto; */ +/* position: relative; */ +/* } */ + +/* ul.menu li a { */ +/* padding: 15px; */ +/* } */ + +/* div.content, footer {margin-left: 0;} */ +/* } */ + +/* .menu a { */ +/* padding: 20px 30px; */ +/* } */ +/* ul.menu li a { */ +/* float: left; */ +/* } */ + +/* .menu-entries { */ +/* float: right; */ +/* } */ + +/* .header .menu li .menu-entries{ */ +/* clear: none; */ +/* align-self: right; */ +/* width: auto; */ +/* max-height: none; */ +/* } */ + +/* .header .menu-icon { */ +/* display: none; */ +/* } */ + +/* } */ +@media screen and (max-width: 750px) { + +.header .menu-btn:checked ~ .menu li .menu-entries, +.menu li .menu-entries a.home-link { + display: block; +} + + .menu-entries { + text-align: center; + float: none; + display: none; + } + + .logo { +/* clear: none; */ + pointer-events: none; + } + + .menu-icon { + cursor: pointer; + } + +.menu { + overflow: auto; +} + +.header .menu-btn:checked ~ .menu .logo { + background-color:#83a598; + color: #504945; +} + +.content { + margin: auto 5% auto 5%; +} + +} + +@media screen and (min-width: 750px) { + +.menu-entries { + float: right; +} + +.header .menu li a { + width: fit-content; + display: inline-block; +} + +.menu-entries a { + float: left; +} + +} + +@media screen and (min-width: 1040px) { + /* ul.menu { */ + .header { + top: 0; + width: 15%; + height: 100%; + position: fixed; + } + + .menu { + height: 100%; + } + +/* .header .logo { */ +/* float: none; */ +/* } */ +/* .header .menu { */ +/* clear: both; */ +/* } */ + + .menu-entries{ + float: none; + } + +.menu-entries a:hover, +.header .menu-btn:hover { + color: #83a598; + background-color: #504945; +} + +/* ul.menu li a { */ +/* float: none; */ +/* padding: 20px; */ +/* } */ + .content, footer { + /* margin: auto; */ + padding: 1px 16px; + } + + + .header .menu li a { + display: block; + /* width: 100%; */ + float: none; + } + +.content { + margin: auto 5% auto 20%; +} + +} + + +/* .logo { */ +/* height: 28px; */ +/* width: fit-content; */ +/* } */ +/* } */ + + + +/* .header .logo { */ +/* display: block; */