Commit Graph

10 Commits (b980630b6359767264600cd4b58c28bc2cdcc718)

Author SHA1 Message Date
iGor milhit b980630b63
theme: improve spacings
- Improves spacings by using the pico theme variables.
- Restores a space after separator in post informations component.
- Updates the screenshot of the README.
- Closes #38.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-10-20 20:35:11 +02:00
iGor milhit 2f094a431d
picocss: implement the pico css framework
- Updates the picocss dependency.
- Imports pico in the sass hugo pipe.
- Uses dart-sass as transpiler.
- Implements a new logo in SVG, with color adapted to the prefered
  colorsheme.
- Adapts my styles to the pico css theme.
- Updates the changelog.
- Closes #29.
- Closes #15.
- Closes #16.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-10-19 14:59:06 +02:00
iGor milhit 989343ea59
scss: improve the `verse` text layout
- Increase space between paragraph on large screens, except for the last
  paragraph.
- Add a bigger left margin on large screens.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2022-09-05 14:51:34 +02:00
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 9ac94f1d5c
layouts: use details for the post informations
* Wraps the post informations inside a details HTML tag.
* Reduces the bottom margin of the post main heading.
* Reorders the SCSS rules in order to set the post-info class to the
  details HTML tags.
* Add the permalink to the post informations.
* Uses the i18n mechanism for the new layout strings, such as
  "post-infos" or "permalink".
* Updates the changelog.
* Closes #17.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-06-06 18:46:06 +02:00
iGor milhit 029a3ac174
content: improve verses layout for small screens
* Improves the line-height globally.
* Adds the verse class to the content block according to the layout key
  of the front matter.
* Styles the verses.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-04-01 22:05:59 +02:00
iGor milhit 817756034b
layout: improve post info in single or list pages
* Adds a lists-footer partial.
* Uses breakpoints to adapt how the post informations is aligned and
  separated when the screen gets bigger.
* Adds some space between posts in a list or section, to improve
  readability.
* Removes useless article level and renames a section into article in
  the list template.
* Uses breakpoints to adapt the navigation font-size when the screen
  gets bigger.
* Improves the font-size variables, in order to get a font-size-small
  smaller.
* Restores the section template that wasn't right, I don't know what
  I've done when rebasing and resolving conflicts…

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2021-01-30 22:56:01 +01: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