Commit Graph

27 Commits (d225bd6ca7a482dd5a4bcda85a244a2aa5a3bc18)

Author SHA1 Message Date
iGor milhit d225bd6ca7
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, #16, #15.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-10-19 14:12:36 +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 0c21f00b67
post image: get the image in the atom xml file
* Moves the image from the post header to the main content.
* Fixes an error in the publication date in the atom file.
* Adapts the style of the figure when it's a post image.
* Comments the single page template.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2022-01-02 20:24:06 +01:00
iGor milhit e78fd961ae
text: set font style to em nested in blockquote
* Sets the em font style to normal when it's nested in a blockquote as
  the blockquote font style is already italic.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-29 21:58:21 +01:00
iGor milhit 40da59a1eb
text: style the new citation block
- Styles the citation block.
- Clarify some rules for figures, but this is not finished yet.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-29 13:56:36 +01:00
iGor milhit 897b8e6ecf
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:24:16 +01:00
iGor milhit a7c87c947f
layout: fix medias integration
* Limit the figure width for large screens.
* Add a small border to figures.
* Update the changelog.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-04 11:24:47 +01:00
iGor milhit ad3ee27f0a
header: restore and adapt the avatar image
Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-03 11:16:28 +01:00
iGor milhit 07d9577e8c
colors: move the visited property up the others
* Moves the visited pseudo-element property before the other
  pseudo-element properties, in order to allow the latters to overwrite
  the former.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-02 22:07:46 +01:00
iGor milhit 52a8e251f9
colors: colorizes the link on hover
* Disables the changing of the font weight on hover, as it is a bad
  idea.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-02 21:51:28 +01: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 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 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 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 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 4b492fa427
style: fix wrong flex property for the main nav
Closes #4

Adds a .gitignore to avoid the css directory

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-22 11:51:24 +02:00
iGor milhit 9f142a22b4
shortcodes: add shortcodes for audio & streaming
* Adds the two shortcodes.
* Styles the figure and figcaption around the player

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-04-24 15:34:57 +02:00
iGor milhit 74abde3ad2
fonts: set the line height for content
Co-Authored-by: Igor Milhit <igor@milhit@.ch>
2020-01-21 07:18:45 +01: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 84a2435161
navigation: add a RSS link
Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-01-17 17:29:06 +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
iGor milhit a7a017b68a
style: start using SASS and assets
* NEW Adds assets/scss directories.
* Copies static/styles.css to assets/scss/main.scss
* Improves head layouts to compile assets depending if on server or
  build.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2019-12-15 15:45:47 +01:00