Commit Graph

5 Commits (253a4bd839b8ca82f51ca6272113914b11ba4398)

Author SHA1 Message Date
iGor milhit d3dab3c3b1
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-11-02 19:18:31 +01:00
iGor milhit c0f6de2ab1
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 19:19:00 +02:00
iGor milhit e1cf9185f3
shortcodes: adds an audio player with album cover
* Adds a shortcodes with an image.
* Updates the audio, stream and published shortcodes to group the
  figcaption under the audio player.
* Adds a SCSS partial for grid construction that only contains for now a
  breakpoint mixin'.
* Displays the cover above the player by default, and on the left side
  for bigger screens.
* Fixes the SCSS files according to SCSS linting.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-01-30 12:23:40 +01:00
iGor milhit e541ece884
style: Implements nord color scheme
* Lists available colors in the _variables.scss file.
* Adds a _colors.scss file to set the colors.
* Sets the colors.
* Sets the width of container larger, removes header and footer borders,
  to improve display when using different colors.
* Fixes #7.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-06-14 20:05:01 +02:00
iGor milhit c44eb759f0
section: improve sections, lists and navigation
* Splits styles into partials.
* Adds a category entry to the navigation menu.
* Adds a flex to the header to get the menu on the right.
* Adds a flex to the sections and lists to diplay information evenly.

Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-17 14:11:20 +01:00