raghnarok/hugo_idunn
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Compare commits

base: raghnarok:59d14d98e43b48c6a603e4feafc213d2ea01f4d1
Branches Tags
raghnarok:master
raghnarok:v1.2.0
raghnarok:v1.1.0
raghnarok:v1.0.0
..
compare: raghnarok:420b8cff262638ad99fc670ced1cd16ba6cde925
Branches Tags
raghnarok:master
raghnarok:v1.2.0
raghnarok:v1.1.0
raghnarok:v1.0.0

No commits in common. "59d14d98e43b48c6a603e4feafc213d2ea01f4d1" and "420b8cff262638ad99fc670ced1cd16ba6cde925" have entirely different histories.
59d14d98e4 ... 420b8cff26

6 changed files with 27 additions and 54 deletions
Show stats Expand all files Collapse all files

21
CHANGELOG.md
View file

@ -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). and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
## [Unreleased] ## [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 ### Added
* Option to set color variables in config.toml. Options are: * Option to set color variables in config.toml. Options are:
* **font**, general font color, default to *black*; * **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*; * **main**, theme color, used for footer among others, default to *grey*;
* **font_above**, used for font above *main* color, default to *white*. * **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 ## [1.0.0] - 2020-04-27
### Added ### Added
* First version of the theme.
* First version of the theme

2
README.md
View file

@ -10,7 +10,7 @@ to your site's theme directory.
```bash ```bash
$ mkdir themes $ mkdir themes
$ cd 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. Don't forget to change the theme in your config.toml file.

10
layouts/_default/baseof.html
View file

@ -1,7 +1,15 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="fr"> <html lang="fr">
{{- partial "head.html" . -}} {{- partial "head.html" . -}}
{{- partial "style.html" . -}} {{ if .Site.Params.colors }}
<style>
:root {
{{ range $key, $val := .Site.Params.colors }}
--{{ $key }}-color: {{ $val }};
{{ end }}
}
</style>
{{ end }}
<body> <body>
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
{{- block "main" . }}{{- end }} {{- block "main" . }}{{- end }}

13
layouts/partials/style.html
View file

@ -1,13 +0,0 @@
<style>
:root {
{{ if .Site.Params.colors }}
{{ range $key, $val := .Site.Params.colors }}
--{{ $key }}-color: {{ $val }};
{{ end }}
{{ end }}
{{ if .Site.Params.contact }}
--footer-height-block: {{ mul (add (len .Site.Params.contact) 2) 2 }}em;
{{ end }}
}
</style>

22
static/css/base.css
View file

@ -11,7 +11,6 @@
--footer-height-inline: 4em; --footer-height-inline: 4em;
--footer-height-block: 8em; --footer-height-block: 8em;
--navbar-height: 8vh; --navbar-height: 8vh;
} }
@ -169,27 +168,28 @@ body {
#navigation .menu-button { #navigation .menu-button {
float: right; float: right;
position:relative; position:relative;
display: none;
width: 4em; width: 4em;
height: 4em; height: 4em;
cursor: pointer;
max-height: var(--navbar-height);
} }
#navigation .menu-button-inner { #navigation .menu-button-inner {
width: 100%; width: 3em;
height: 100%; height: 3em;
position:relative; position:relative;
top: 0.5em;
left: 0.5em;
text-align:center text-align:center
} }
#navigation .menu-button .menu-button-image { #navigation .menu-button .menu-button-image {
display: inline-block; display: inline-block;
position: absolute; position: relative;
height: 20px; height: 20px;
width: 24px; width: 24px;
top: 50%; top: 14px;
left: 50%;
background-image: url(../svg/bars.svg); background-image: url(../svg/bars.svg);
background-size: contain; background-size: contain;
transform: translateX(-50%) translateY(-50%); margin: auto;
vertical-align: top;
} }
#menu-toggle:checked + .menu-button .menu-button-image { #menu-toggle:checked + .menu-button .menu-button-image {
opacity: 40%; opacity: 40%;
@ -225,6 +225,10 @@ body {
opacity: 1; opacity: 1;
max-height: max-content; max-height: max-content;
} }
#navigation .menu-button {
display: block;
cursor: pointer;
}
/******************* Front-screen *******************/ /******************* Front-screen *******************/
.front-screen { .front-screen {

13
static/css/media-queries.css
View file

@ -1,18 +1,10 @@
/******************* Main layout *******************/ /******************* Main layout *******************/
@media only screen and (max-width: 320px) {
html {
font-size: smaller;
}
}
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.post { .post {
margin-bottom: calc(-1 * var(--footer-height-block)); margin-bottom: calc(-1 * var(--footer-height-block));
} }
.post_body, .post_body {
.post_header { margin: 0 1em;
padding: 0 1em;
width: 100%;
} }
.post:after { .post:after {
height: var(--footer-height-block); height: var(--footer-height-block);
@ -29,7 +21,6 @@
} }
.front-screen { .front-screen {
margin-left: 1em; margin-left: 1em;
margin-right: 1em;
padding-left: 0; padding-left: 0;
} }
.section { .section {