From 7b8f3b98d782090a2badc38fb4d33f60dde8a7da Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Tue, 28 Apr 2020 07:43:24 +0200 Subject: [PATCH 1/5] Set v1.1.0 --- CHANGELOG.md | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 30a0c47..9d7db23 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] + +## [1.1.0] - 2020-04-28 ### Added * Option to set color variables in config.toml. Options are: * **font**, general font color, default to *black*; @@ -12,7 +14,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 * **main**, theme color, used for footer among others, default to *grey*; * **font_above**, used for font above *main* color, default to *white*. +### Changed +* Change the height of the navbar, use vh now + +### Fixed +* Viewport size on mobile + ## [1.0.0] - 2020-04-27 ### Added - * First version of the theme From 25750973230472a35fd51ce788f01e31c056abfb Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Tue, 28 Apr 2020 07:48:45 +0200 Subject: [PATCH 2/5] Fix the theme name --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index d149ffc..1d66f8a 100644 --- a/README.md +++ b/README.md @@ -10,7 +10,7 @@ to your site's theme directory. ```bash $ mkdir themes $ cd themes -$ git clone https://git.vulgarisons.info/raghnarok/hugo_idunn.git simple-site +$ git clone https://git.vulgarisons.info/raghnarok/hugo_idunn.git idunn ``` Don't forget to change the theme in your config.toml file. From c76fa98be3e3d6f3e5882963ddda3531b578425f Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Tue, 28 Apr 2020 08:10:37 +0200 Subject: [PATCH 3/5] Fix the navbar height --- CHANGELOG.md | 2 ++ static/css/base.css | 21 ++++++++------------- static/css/media-queries.css | 12 ++++++++++-- 3 files changed, 20 insertions(+), 15 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 9d7db23..3f9f4ee 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] +### Fixed +* Fix the navbar height ## [1.1.0] - 2020-04-28 ### Added diff --git a/static/css/base.css b/static/css/base.css index b978923..7e65ba4 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -168,28 +168,27 @@ body { #navigation .menu-button { float: right; position:relative; - display: none; width: 4em; height: 4em; + cursor: pointer; + max-height: var(--navbar-height); } #navigation .menu-button-inner { - width: 3em; - height: 3em; + width: 100%; + height: 100%; position:relative; - top: 0.5em; - left: 0.5em; text-align:center } #navigation .menu-button .menu-button-image { display: inline-block; - position: relative; + position: absolute; height: 20px; width: 24px; - top: 14px; + top: 50%; + left: 50%; background-image: url(../svg/bars.svg); background-size: contain; - margin: auto; - vertical-align: top; + transform: translateX(-50%) translateY(-50%); } #menu-toggle:checked + .menu-button .menu-button-image { opacity: 40%; @@ -225,10 +224,6 @@ body { opacity: 1; max-height: max-content; } -#navigation .menu-button { - display: block; - cursor: pointer; -} /******************* Front-screen *******************/ .front-screen { diff --git a/static/css/media-queries.css b/static/css/media-queries.css index bd183f5..9bc9129 100644 --- a/static/css/media-queries.css +++ b/static/css/media-queries.css @@ -1,10 +1,18 @@ /******************* Main layout *******************/ +@media only screen and (max-width: 320px) { + html { + font-size: smaller; + } +} + @media screen and (max-width: 768px) { .post { margin-bottom: calc(-1 * var(--footer-height-block)); } - .post_body { - margin: 0 1em; + .post_body, + .post_header { + padding: 0 1em; + width: 100%; } .post:after { height: var(--footer-height-block); From b5e41783241edfda7a5321f36d09e038033b5b64 Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Tue, 28 Apr 2020 08:40:17 +0200 Subject: [PATCH 4/5] Make the footer multilines view variable --- CHANGELOG.md | 14 ++++++++++---- layouts/_default/baseof.html | 10 +--------- layouts/partials/style.html | 13 +++++++++++++ static/css/base.css | 1 + static/css/media-queries.css | 1 + 5 files changed, 26 insertions(+), 13 deletions(-) create mode 100644 layouts/partials/style.html diff --git a/CHANGELOG.md b/CHANGELOG.md index 3f9f4ee..44211d4 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,8 +5,14 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] +### Added +* Footer height in multilines view is now dependant of params.contact variable. + +### Changed +* Export the CSS variable modification to a new partial *style.css*. + ### Fixed -* Fix the navbar height +* Fix the navbar height. ## [1.1.0] - 2020-04-28 ### Added @@ -17,11 +23,11 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 * **font_above**, used for font above *main* color, default to *white*. ### Changed -* Change the height of the navbar, use vh now +* Change the height of the navbar, use vh now. ### Fixed -* Viewport size on mobile +* Viewport size on mobile. ## [1.0.0] - 2020-04-27 ### Added -* First version of the theme +* First version of the theme. diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index eaad61f..741bdb3 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,15 +1,7 @@ {{- partial "head.html" . -}} -{{ if .Site.Params.colors }} - -{{ end }} +{{- partial "style.html" . -}} {{- partial "header.html" . -}} {{- block "main" . }}{{- end }} diff --git a/layouts/partials/style.html b/layouts/partials/style.html new file mode 100644 index 0000000..07e473b --- /dev/null +++ b/layouts/partials/style.html @@ -0,0 +1,13 @@ + + diff --git a/static/css/base.css b/static/css/base.css index 7e65ba4..4f42107 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -11,6 +11,7 @@ --footer-height-inline: 4em; --footer-height-block: 8em; + --navbar-height: 8vh; } diff --git a/static/css/media-queries.css b/static/css/media-queries.css index 9bc9129..8532a40 100644 --- a/static/css/media-queries.css +++ b/static/css/media-queries.css @@ -29,6 +29,7 @@ } .front-screen { margin-left: 1em; + margin-right: 1em; padding-left: 0; } .section { From 59d14d98e43b48c6a603e4feafc213d2ea01f4d1 Mon Sep 17 00:00:00 2001 From: Gregory Trolliet Date: Tue, 28 Apr 2020 08:41:39 +0200 Subject: [PATCH 5/5] V1.2.0 --- CHANGELOG.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 44211d4..6dd9db0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,6 +5,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] + +## [1.2.0] - 2020-04-28 ### Added * Footer height in multilines view is now dependant of params.contact variable.