Commit Graph

37 Commits (dev)

Author SHA1 Message Date
iGor milhit fb053482cd
scss: fix the mark color contrast for dark theme
- Uses the main font color of the light theme for the mark color of the
  dark theme, to improve the contrast.
- Uses the h1 color for the logo.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-12-14 08:55:43 +01:00
iGor milhit 264fc3480e
layouts: allow lists to be overwritten
- Replace fixed spacing by the pico variable, and improve the horizontal
  spacing of lists of posts (sections).
- Place the list of last posts of the home page on a separate partial.
  Thus, this partial is easier to overwrite in the user layout
  directory.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-12-08 08:55:51 +01:00
iGor milhit 0c6ae76ed9
scss: get rid of the webkit audio rounded corner
- Gets rid of the webkit audio rounded corner, to harmonize the style
  across web browsers.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-11-22 18:24:14 +01:00
iGor milhit 9036561668
scss: improve citation block spacing
Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-11-11 10:16:49 +01:00
iGor milhit 7019bf427e
fonts: serve woff2 instead of ttf
- Serves a compressed version of the Lilex fonts, to improve the page
  loading and lower it's weight. The compression was done with the help
  of https://github.com/google/woff2 as found on
  https://stackoverflow.com/a/73105293.
- Fixes #39.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-11-02 08:36:36 +01:00
iGor milhit 00e50f9055
layout: display the 5 last post on homepage
- Renames index.html to home.html.
- Adds a section, if the home_post_list parameter is set to true, that
  list the 5 last posts.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-11-01 15:04:23 +01:00
iGor milhit 47ccca91d1
scss: improve spacing of header navigation
- Improves the spacing of the header navigation item, in order to ease
  their use.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-10-30 17:04:47 +01:00
iGor milhit 61c2446bdd
scss: set smaller font size for track lists
- Sets a smaller font size for track lists in post publishing lives.
  This suppose to use pandoc as markup converter, and to add a `<div>`
  around the list to specify the `.tracklist` class.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-10-30 09:19:04 +01:00
iGor milhit b33d73f63a
scss: add a bottom border to post-infos content
- Adds a bottom border to post-infos content to improve readability.
- Improves the boder rules to comply with the proposed order of the
  border specification (width, style, color).

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-10-28 10:33:26 +01:00
iGor milhit 93934b2502
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:36:41 +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 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