igor
/
portfoligor
1
1
Fork 0
Code Issues 9 Pull Requests Packages Projects 1 Releases 4 Wiki Activity
portfoligor/layouts/partials/header.html

36 lines
1.2 KiB
HTML
Raw Normal View History

layout: add default and partials * NEW Adds a section template. * NEW Adds a single page template. * NEW Fills in the header and footer templates. * BETTER Improves the global html head template. Co-Authored-by: Igor Milhit <igor@milhit.ch>
2019-07-08 07:05:23 +02:00
<header class="main-header">
style: add a stylesheet for printing * Install the gutenberg framework with yarn. * Copy the stylesheet to assets/css. * Configure the resource in the head.html. * Adapt the templates to hide elements on print. * Closes #28. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-04 18:19:15 +01:00
<a href="{{ .Site.BaseURL }}" class="title no-reformat">
<img class="avatar no-print" src="{{ .Site.BaseURL }}images/avatar.png">
theme: simplify the main layout * Simplifies the header and menu layout for all screen width. * Uses only one background color (Darkest Polar). * Change the main text color to Snow Light Grey. * Change the header and footer text color to Snow Lightest Grey. * Add a color for active and focused links (Frost Lighter Green). * Simplifies the figure layout and colors. * Adds a font-family variable and set it to the body. It uses the system default font. * Tries to set all font properties in the _fonts.scss file. * Removes the links decoration on the header and footer. * Harmonizes the footer accordingly to the header. * Uses the hugo regular method to generate the footer menu. * Stops centering the content on large screens. * Adds the content max width and content left margin to the variables. * Sets the font weight to bold for hovered links. * Suppress the main HTML tag of the index template, and set the correct classes on the main HTML tag of the baseof template. * Uses a second level header for the title of the page, as the first level is used for the website title. * Improves the layout of definition lists on the home page, with a better (and simpler) rendering on small screens. * Prevents to use the post information partial on static page. This is done through a test on the layout property `static` of the front header. * Reorders the sections of the home page and adds anchors to the section headers. * Closes #8, #11. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-29 22:34:24 +02:00
<h1>{{ .Site.Title }}</h1>
</a>
style: add a stylesheet for printing * Install the gutenberg framework with yarn. * Copy the stylesheet to assets/css. * Configure the resource in the head.html. * Adapt the templates to hide elements on print. * Closes #28. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-04 18:19:15 +01:00
<nav class="no-print" role="navigation" aria-label="Primary">
theme: simplify the main layout * Simplifies the header and menu layout for all screen width. * Uses only one background color (Darkest Polar). * Change the main text color to Snow Light Grey. * Change the header and footer text color to Snow Lightest Grey. * Add a color for active and focused links (Frost Lighter Green). * Simplifies the figure layout and colors. * Adds a font-family variable and set it to the body. It uses the system default font. * Tries to set all font properties in the _fonts.scss file. * Removes the links decoration on the header and footer. * Harmonizes the footer accordingly to the header. * Uses the hugo regular method to generate the footer menu. * Stops centering the content on large screens. * Adds the content max width and content left margin to the variables. * Sets the font weight to bold for hovered links. * Suppress the main HTML tag of the index template, and set the correct classes on the main HTML tag of the baseof template. * Uses a second level header for the title of the page, as the first level is used for the website title. * Improves the layout of definition lists on the home page, with a better (and simpler) rendering on small screens. * Prevents to use the post information partial on static page. This is done through a test on the layout property `static` of the front header. * Reorders the sections of the home page and adds anchors to the section headers. * Closes #8, #11. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-29 22:34:24 +02:00
<ul>
{{ $currentPage := . -}}
{{ range sort .Site.Menus.main -}}
<li class="nav-item">
<a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}"
href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
</li>
{{ end -}}
<li class="nav-item">
menu: improve the menu * Uses a regular method to generate the menu (`config.toml`). * Improves the test to provide the good atom link according to the homepage, a section or a post. * Provides a title to improve identification of the atom link. * Adapts the menu style to mobile or wider screens. * Adds and uses a mixin for inline lists. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-24 14:24:43 +02:00
{{ if .IsPage -}}
theme: simplify the main layout * Simplifies the header and menu layout for all screen width. * Uses only one background color (Darkest Polar). * Change the main text color to Snow Light Grey. * Change the header and footer text color to Snow Lightest Grey. * Add a color for active and focused links (Frost Lighter Green). * Simplifies the figure layout and colors. * Adds a font-family variable and set it to the body. It uses the system default font. * Tries to set all font properties in the _fonts.scss file. * Removes the links decoration on the header and footer. * Harmonizes the footer accordingly to the header. * Uses the hugo regular method to generate the footer menu. * Stops centering the content on large screens. * Adds the content max width and content left margin to the variables. * Sets the font weight to bold for hovered links. * Suppress the main HTML tag of the index template, and set the correct classes on the main HTML tag of the baseof template. * Uses a second level header for the title of the page, as the first level is used for the website title. * Improves the layout of definition lists on the home page, with a better (and simpler) rendering on small screens. * Prevents to use the post information partial on static page. This is done through a test on the layout property `static` of the front header. * Reorders the sections of the home page and adds anchors to the section headers. * Closes #8, #11. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-29 22:34:24 +02:00
<a class="nav-item-link"
href="{{ .Site.BaseURL }}index.xml"
title="S'abonner aux publications du site">S'abonner
</a>
menu: improve the menu * Uses a regular method to generate the menu (`config.toml`). * Improves the test to provide the good atom link according to the homepage, a section or a post. * Provides a title to improve identification of the atom link. * Adapts the menu style to mobile or wider screens. * Adds and uses a mixin for inline lists. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-24 14:24:43 +02:00
{{ else if .IsHome -}}
theme: simplify the main layout * Simplifies the header and menu layout for all screen width. * Uses only one background color (Darkest Polar). * Change the main text color to Snow Light Grey. * Change the header and footer text color to Snow Lightest Grey. * Add a color for active and focused links (Frost Lighter Green). * Simplifies the figure layout and colors. * Adds a font-family variable and set it to the body. It uses the system default font. * Tries to set all font properties in the _fonts.scss file. * Removes the links decoration on the header and footer. * Harmonizes the footer accordingly to the header. * Uses the hugo regular method to generate the footer menu. * Stops centering the content on large screens. * Adds the content max width and content left margin to the variables. * Sets the font weight to bold for hovered links. * Suppress the main HTML tag of the index template, and set the correct classes on the main HTML tag of the baseof template. * Uses a second level header for the title of the page, as the first level is used for the website title. * Improves the layout of definition lists on the home page, with a better (and simpler) rendering on small screens. * Prevents to use the post information partial on static page. This is done through a test on the layout property `static` of the front header. * Reorders the sections of the home page and adds anchors to the section headers. * Closes #8, #11. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-29 22:34:24 +02:00
<a class="nav-item-link"
href="{{ .Site.BaseURL }}index.xml"
title="S'abonner aux publications du site">S'abonner
</a>
menu: improve the menu * Uses a regular method to generate the menu (`config.toml`). * Improves the test to provide the good atom link according to the homepage, a section or a post. * Provides a title to improve identification of the atom link. * Adapts the menu style to mobile or wider screens. * Adds and uses a mixin for inline lists. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-24 14:24:43 +02:00
{{ else if .IsNode -}}
theme: simplify the main layout * Simplifies the header and menu layout for all screen width. * Uses only one background color (Darkest Polar). * Change the main text color to Snow Light Grey. * Change the header and footer text color to Snow Lightest Grey. * Add a color for active and focused links (Frost Lighter Green). * Simplifies the figure layout and colors. * Adds a font-family variable and set it to the body. It uses the system default font. * Tries to set all font properties in the _fonts.scss file. * Removes the links decoration on the header and footer. * Harmonizes the footer accordingly to the header. * Uses the hugo regular method to generate the footer menu. * Stops centering the content on large screens. * Adds the content max width and content left margin to the variables. * Sets the font weight to bold for hovered links. * Suppress the main HTML tag of the index template, and set the correct classes on the main HTML tag of the baseof template. * Uses a second level header for the title of the page, as the first level is used for the website title. * Improves the layout of definition lists on the home page, with a better (and simpler) rendering on small screens. * Prevents to use the post information partial on static page. This is done through a test on the layout property `static` of the front header. * Reorders the sections of the home page and adds anchors to the section headers. * Closes #8, #11. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-29 22:34:24 +02:00
<a class="nav-item-link"
href="{{ .Permalink }}index.xml"
title="S'abonner aux publications de cette section">S'abonner
</a>
menu: improve the menu * Uses a regular method to generate the menu (`config.toml`). * Improves the test to provide the good atom link according to the homepage, a section or a post. * Provides a title to improve identification of the atom link. * Adapts the menu style to mobile or wider screens. * Adds and uses a mixin for inline lists. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-24 14:24:43 +02:00
{{ end -}}
theme: simplify the main layout * Simplifies the header and menu layout for all screen width. * Uses only one background color (Darkest Polar). * Change the main text color to Snow Light Grey. * Change the header and footer text color to Snow Lightest Grey. * Add a color for active and focused links (Frost Lighter Green). * Simplifies the figure layout and colors. * Adds a font-family variable and set it to the body. It uses the system default font. * Tries to set all font properties in the _fonts.scss file. * Removes the links decoration on the header and footer. * Harmonizes the footer accordingly to the header. * Uses the hugo regular method to generate the footer menu. * Stops centering the content on large screens. * Adds the content max width and content left margin to the variables. * Sets the font weight to bold for hovered links. * Suppress the main HTML tag of the index template, and set the correct classes on the main HTML tag of the baseof template. * Uses a second level header for the title of the page, as the first level is used for the website title. * Improves the layout of definition lists on the home page, with a better (and simpler) rendering on small screens. * Prevents to use the post information partial on static page. This is done through a test on the layout property `static` of the front header. * Reorders the sections of the home page and adds anchors to the section headers. * Closes #8, #11. Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-10-29 22:34:24 +02:00
</li>
</ul>
</nav>
layout: add default and partials * NEW Adds a section template. * NEW Adds a single page template. * NEW Fills in the header and footer templates. * BETTER Improves the global html head template. Co-Authored-by: Igor Milhit <igor@milhit.ch>
2019-07-08 07:05:23 +02:00
</header>