commit edd7b6956dc2e86fca2ddb22a1110c8ddd6cc855 Author: Wivik <48727868+Wivik@users.noreply.github.com> Date: Sat Aug 19 22:37:41 2023 +0200 feat: :sparkles: init theme diff --git a/LICENSE b/LICENSE new file mode 100644 index 0000000..17993f6 --- /dev/null +++ b/LICENSE @@ -0,0 +1,20 @@ +The MIT License (MIT) + +Copyright (c) 2023 YOUR_NAME_HERE + +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/archetypes/default.md b/archetypes/default.md new file mode 100644 index 0000000..ac36e06 --- /dev/null +++ b/archetypes/default.md @@ -0,0 +1,2 @@ ++++ ++++ diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..e4fd3f4 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,285 @@ +:root { + + /* Set sans-serif & mono fonts */ + --sans-font: "fira_sansregular", -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir, "Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica, "Helvetica Neue", sans-serif; + --mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace; + + /* Body font size. By default, effectively 18.4px, based on 16px as 'root em' */ + --base-fontsize: 1.15rem; + + /* Major third scale progression - see https://type-scale.com/ */ + --header-scale: 1.25; + + /* Line height is set to the "Golden ratio" for optimal legibility */ + --line-height: 1.618; + + /* Default (light) theme */ + /* inverted both becase I prefer dark theme by default */ + --bg: #212121; + --bg-transparent: #2f2f2f41; + --bg-album-transparent: #2f2f2fe5; + --bg-genres: #0d517e; + --accent-bg: #2B2B2B; + --text: #000000; + --text-light: #ABABAB; + --border: #666; + --accent: #0099ff; + --accent-light: #FFECB3; + --code: #F06292; + --preformatted: #CCC; + --disabled: #111; + --link-genres: #fff; + --link-color: #0d517e; + +} + +/* main body */ +html { + /* Set the font globally */ + font-family: var(--sans-font); + font-size: var(--base-fontsize); +} + +/* Reset some default styles */ +body, h1, h2, h3, p, ul, li { + margin: 0; + padding: 0; +} + +/* Basic styling */ +body { + font-family: Arial, sans-serif; +} + +header { + background-color: #333; + color: #fff; + text-align: center; + padding: 10px; +} + +nav ul { + list-style-type: none; +} + +nav li { + display: inline; + margin-right: 20px; +} + +nav a { + text-decoration: none; + color: #fff; +} + +main { + padding: 1rem; + margin-left: 5rem; + margin-right: 5rem; +} + +/* On screens that are 992px wide or less, go from four columns to two columns */ +@media screen and (max-width: 992px) { + main { + margin-left: 0.2rem; + margin-right: 0.2rem; + } + +} + +/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */ +@media screen and (max-width: 600px) { + main { + margin-left: 0.1rem; + margin-right: 0.1rem; + } +} + + +/* common */ + +a.genres:link, a.genres:visited { + text-decoration: none; + padding: 0.3rem; + background-color: var(--bg-genres); + color: var(--link-genres); + transition: all 0.3s ease; + display: inline-block; + margin: 0.1rem; +} + +a.genres:hover { + background-color: var(--accent); +} + +a.album-info:link, a.album-info:visited { + text-decoration: none; + padding: 0.3rem; + border: 1px solid var(--bg-genres); + border-radius: 5px; + color: var(--bg-genres); + transition: all 0.3s ease; + display: inline-block; + font-size: smaller; +} + +a.album-info:hover { + color: var(--accent); + border-color: var(--accent); +} + +ul > li { + list-style-type: none; + margin: 0.1rem; +} + +/* album list page */ + +main.album-list { + display: flex; + flex-wrap: wrap; + justify-content: space-between; +} + +/* Create four equal columns */ +.album-card { + flex: 25%; + /* border: 1px solid black; */ + min-height: 250px; + margin: 1rem; + background-repeat: no-repeat; + background-position: left; + background-size: 250px; + padding-left: 255px; +} + + +/* On screens that are 992px wide or less, go from four columns to two columns */ +@media screen and (max-width: 992px) { + .album-card { + flex: 50%; + } + +} + +/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */ +@media screen and (max-width: 600px) { + .row { + flex-direction: column; + } + .album-card { + background-position: top; + padding-left: 0; + padding-top: 255px; + min-height: auto; + } +} + +a.album-band:link, a.album-band:visited { + text-decoration: none; + font-size: large; + font-weight: bold; + transition: color 0.3s ease; + display: block; + border-bottom: 1px solid black; + text-transform: uppercase; + color: var(--link-color); +} + +a.album-band:hover { + color: var(--accent) +} + +a.album-title:link, a.album-title:visited { + text-decoration: none; + font-size: x-large; + font-weight: bold; + transition: color 0.3s ease; + display: block; + color: var(--link-color); +} + +a.album-title:hover { + color: var(--accent) +} + +p.album-genres { + font-size: smaller; + margin: 0.5rem; +} + + +/* album display page */ + +section.record { + display: flex; + flex-direction: row; + flex-wrap: wrap; +} + +section.record > div { + flex: 25%; + margin: 1rem; + /* border: 1px solid black; */ +} + +section.record > div > p { + margin-top: 1rem; + margin-bottom: 1rem; +} + +section.record > div > ul > li { + list-style-type: none; +} + +section.record > div > h1 { + border-bottom: 1px solid var(--link-color); + margin-bottom: 1rem; +} + +section.record-pictures { + flex: 100%; + padding: 1rem; + margin-bottom: 1rem; + border: 1px solid var(--border); + border-radius: 5px; +} + +section.record-pictures summary { + margin-bottom: 1rem; + font-size: larger; +} + +section.record-pictures img { + max-width: 250px; +} + +section.content { + flex: 100%; + padding: 1rem; + border: 1px solid var(--border); +} + +a.record-band:link, a.record-band:visited { + text-decoration: none; + font-size: large; + font-weight: bold; + transition: color 0.3s ease; + text-transform: uppercase; + color: var(--link-color); +} + +a.record-band:hover { + color: var(--accent) +} + +/* footer */ + +footer { + background-color: #333; + color: #fff; + padding: 2rem; + font-size: smaller; + +} + diff --git a/assets/fonts/FiraSans-Regular.otf b/assets/fonts/FiraSans-Regular.otf new file mode 100644 index 0000000..98ef98c Binary files /dev/null and b/assets/fonts/FiraSans-Regular.otf differ diff --git a/assets/fonts/firasans-regular-webfont.woff b/assets/fonts/firasans-regular-webfont.woff new file mode 100644 index 0000000..b142e83 Binary files /dev/null and b/assets/fonts/firasans-regular-webfont.woff differ diff --git a/assets/fonts/firasans-regular-webfont.woff2 b/assets/fonts/firasans-regular-webfont.woff2 new file mode 100644 index 0000000..f4f928a Binary files /dev/null and b/assets/fonts/firasans-regular-webfont.woff2 differ diff --git a/assets/icons/calendar-fill.png b/assets/icons/calendar-fill.png new file mode 100644 index 0000000..78b2b4b Binary files /dev/null and b/assets/icons/calendar-fill.png differ diff --git a/assets/icons/camera-fill.png b/assets/icons/camera-fill.png new file mode 100644 index 0000000..5331dac Binary files /dev/null and b/assets/icons/camera-fill.png differ diff --git a/assets/icons/camera-lens-fill.png b/assets/icons/camera-lens-fill.png new file mode 100644 index 0000000..055d051 Binary files /dev/null and b/assets/icons/camera-lens-fill.png differ diff --git a/assets/icons/contrast-fill.png b/assets/icons/contrast-fill.png new file mode 100644 index 0000000..47bd679 Binary files /dev/null and b/assets/icons/contrast-fill.png differ diff --git a/assets/icons/creative-commons-by-fill.png b/assets/icons/creative-commons-by-fill.png new file mode 100644 index 0000000..9eadd9e Binary files /dev/null and b/assets/icons/creative-commons-by-fill.png differ diff --git a/assets/icons/creative-commons-fill.png b/assets/icons/creative-commons-fill.png new file mode 100644 index 0000000..99a8799 Binary files /dev/null and b/assets/icons/creative-commons-fill.png differ diff --git a/assets/icons/creative-commons-nc-fill.png b/assets/icons/creative-commons-nc-fill.png new file mode 100644 index 0000000..2bd6aa9 Binary files /dev/null and b/assets/icons/creative-commons-nc-fill.png differ diff --git a/assets/icons/creative-commons-nd-fill.png b/assets/icons/creative-commons-nd-fill.png new file mode 100644 index 0000000..2c4b08e Binary files /dev/null and b/assets/icons/creative-commons-nd-fill.png differ diff --git a/assets/icons/creative-commons-sa-fill.png b/assets/icons/creative-commons-sa-fill.png new file mode 100644 index 0000000..333b0b0 Binary files /dev/null and b/assets/icons/creative-commons-sa-fill.png differ diff --git a/assets/icons/creative-commons-zero-fill.png b/assets/icons/creative-commons-zero-fill.png new file mode 100644 index 0000000..837cf31 Binary files /dev/null and b/assets/icons/creative-commons-zero-fill.png differ diff --git a/assets/icons/eye-fill.png b/assets/icons/eye-fill.png new file mode 100644 index 0000000..954c554 Binary files /dev/null and b/assets/icons/eye-fill.png differ diff --git a/assets/icons/rss.png b/assets/icons/rss.png new file mode 100644 index 0000000..802619a Binary files /dev/null and b/assets/icons/rss.png differ diff --git a/assets/icons/timer-fill.png b/assets/icons/timer-fill.png new file mode 100644 index 0000000..14c734e Binary files /dev/null and b/assets/icons/timer-fill.png differ diff --git a/hugo.toml b/hugo.toml new file mode 100644 index 0000000..938865a --- /dev/null +++ b/hugo.toml @@ -0,0 +1 @@ +# Theme config. diff --git a/layouts/404.html b/layouts/404.html new file mode 100644 index 0000000..e69de29 diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html new file mode 100644 index 0000000..2a18d5f --- /dev/null +++ b/layouts/_default/baseof.html @@ -0,0 +1,40 @@ + + + + + + + + {{ with .OutputFormats.Get "rss" -}} + {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} + {{ end -}} + + {{ hugo.Generator }} + + {{ $title := print .Title " ยท " .Site.Title }} + {{ if .IsHome }}{{ $title = .Site.Title }}{{ end }} + {{ $title }} + + + {{ $main_style := resources.Get "css/simple.css" }} + {{ $custom_style := resources.Get "css/style.css" }} + {{- /* */ -}} + + + + + + {{- block "main" . }}{{- end }} + + {{- partial "footer.html" . -}} + + + diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..3ed4376 --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,40 @@ +{{ define "body_class" }} post-template {{ end }} + +{{ define "main" }} + +{{- partial "header.html" . -}} + + +
+ {{ range .Pages }} + +
+ {{ if .Params.band }} + {{ .Params.band }} + {{ end }} + {{ .Title }} + {{ if .Params.genres }} +

+ {{ range .Params.genres }} + {{ . }} + {{ end }} +

+ {{ end }} + +
+ + + {{ end }} + +
+{{ end }} \ No newline at end of file diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..33de276 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,74 @@ +{{ define "body_class" }} post-template {{ end }} + +{{ define "main" }} + +{{- partial "header.html" . -}} + +
+
+
+
+

{{ .Page.Title }}

+ {{ .Params.band }} + {{ if .Params.description }} +

+ {{ .Params.description | markdownify }} +

+ {{ end }} +
+ +
+ {{ if .Params.cover }} + + {{ end }} + {{ .Title }} + {{ if .Params.cover }} + + {{ end }} +
+
+ + +
+
+

Record informations

+ +
+
+

Genres

+ {{ range .Params.genres }} + {{ . }} + {{ end }} +
+ + + {{ if .Params.pictures }} +
+
+ More pictures + {{ range .Params.pictures }} + {{ . }} + {{ end }} +
+
+ {{ end }} + + {{ if .Content }} +
+ {{ .Content }} +
+ {{ end }} +
+
+ +{{ end }} \ No newline at end of file diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html new file mode 100644 index 0000000..5ae010c --- /dev/null +++ b/layouts/partials/footer.html @@ -0,0 +1,3 @@ + \ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html new file mode 100644 index 0000000..e69de29 diff --git a/layouts/partials/header.html b/layouts/partials/header.html new file mode 100644 index 0000000..c4fbf8c --- /dev/null +++ b/layouts/partials/header.html @@ -0,0 +1,11 @@ +
+

{{ .Site.Title }}

+ +
\ No newline at end of file diff --git a/theme.toml b/theme.toml new file mode 100644 index 0000000..c69e343 --- /dev/null +++ b/theme.toml @@ -0,0 +1,21 @@ +# theme.toml template for a Hugo theme +# See https://github.com/gohugoio/hugoThemes#themetoml for an example + +name = "Vinyl Library" +license = "MIT" +licenselink = "https://github.com/yourname/yourtheme/blob/master/LICENSE" +description = "" +homepage = "http://example.com/" +tags = [] +features = [] +min_version = "0.116.1" + +[author] + name = "" + homepage = "" + +# If porting an existing theme +[original] + name = "" + homepage = "" + repo = ""