diff --git a/CHANGELOG.md b/CHANGELOG.md index 6dd9db0..30a0c47 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -5,18 +5,6 @@ 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. - -### Changed -* Export the CSS variable modification to a new partial *style.css*. - -### Fixed -* Fix the navbar height. - -## [1.1.0] - 2020-04-28 ### Added * Option to set color variables in config.toml. Options are: * **font**, general font color, default to *black*; @@ -24,12 +12,7 @@ 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. + +* First version of the theme diff --git a/README.md b/README.md index 1d66f8a..d149ffc 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 idunn +$ git clone https://git.vulgarisons.info/raghnarok/hugo_idunn.git simple-site ``` Don't forget to change the theme in your config.toml file. diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 741bdb3..eaad61f 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,7 +1,15 @@ {{- partial "head.html" . -}} -{{- partial "style.html" . -}} +{{ if .Site.Params.colors }} + +{{ end }}
{{- partial "header.html" . -}} {{- block "main" . }}{{- end }} diff --git a/layouts/partials/style.html b/layouts/partials/style.html deleted file mode 100644 index 07e473b..0000000 --- a/layouts/partials/style.html +++ /dev/null @@ -1,13 +0,0 @@ - - diff --git a/static/css/base.css b/static/css/base.css index 4f42107..b978923 100644 --- a/static/css/base.css +++ b/static/css/base.css @@ -11,7 +11,6 @@ --footer-height-inline: 4em; --footer-height-block: 8em; - --navbar-height: 8vh; } @@ -169,27 +168,28 @@ 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: 100%; - height: 100%; + width: 3em; + height: 3em; position:relative; + top: 0.5em; + left: 0.5em; text-align:center } #navigation .menu-button .menu-button-image { display: inline-block; - position: absolute; + position: relative; height: 20px; width: 24px; - top: 50%; - left: 50%; + top: 14px; background-image: url(../svg/bars.svg); background-size: contain; - transform: translateX(-50%) translateY(-50%); + margin: auto; + vertical-align: top; } #menu-toggle:checked + .menu-button .menu-button-image { opacity: 40%; @@ -225,6 +225,10 @@ 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 8532a40..bd183f5 100644 --- a/static/css/media-queries.css +++ b/static/css/media-queries.css @@ -1,18 +1,10 @@ /******************* 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, - .post_header { - padding: 0 1em; - width: 100%; + .post_body { + margin: 0 1em; } .post:after { height: var(--footer-height-block); @@ -29,7 +21,6 @@ } .front-screen { margin-left: 1em; - margin-right: 1em; padding-left: 0; } .section {