diff --git a/CHANGELOG.md b/CHANGELOG.md
index 30a0c47..6dd9db0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,18 @@ 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*;
@@ -12,7 +24,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
+* First version of the theme.
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.
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 b978923..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;
}
@@ -168,28 +169,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 +225,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..8532a40 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);
@@ -21,6 +29,7 @@
}
.front-screen {
margin-left: 1em;
+ margin-right: 1em;
padding-left: 0;
}
.section {