Commit Graph

9 Commits (e78fd961ae14a4b69e181f8c199ea002d2691404)

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 7bba092f68
post: display the postimage if it exists
Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-09-12 15:07:16 +02: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 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 16891aa840
layout: improve list of post taxonomy terms
Wraps the flex of the taxonomy term list to prevent the content being
larger than small screens. Also improves the solution for the coma
separator, to get a coma after a term (and not before), and not after
the last item of the list.

Closes #10

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-25 20:29:17 +02:00
iGor milhit 7b43ee60e5
template: compare lastmod and publishdate
Most of blog posts have the lastmod displayed even if the publishdate is
the same day, because lastmod comes from git information and has also
hour, minutes and second, and publishdate is set manually, with only
year, month and day.

* Formats the date to compare them accurately, with datFormat function.
* Styles a little bit the blockquote tag.
* Spaces evenly the post information blocks.
* Closes #5

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-22 14:11:34 +02:00
iGor milhit 9fb6836788
post info: improve punctuation and space usage
* NEW Uses pseudo-element to add trailing space and coma.
* NEW Uses flex options to improve space usage.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-01-19 18:00:55 +01: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