Commit Graph

78 Commits (83f45feffff65a25bf47c155eee9d30875baa4f2)

Author SHA1 Message Date
iGor milhit 83f45fefff
scss: improve the scss pipe
- Adds the fingerprint of the processed css files.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-12-07 07:52:31 +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 f4703cf789
scss: replace value by a pico variable
- Replaces a spacing value in the medias SCSS file by the pico variable.
- Fixes the IDs of the personal and professional contact headers, to
  ease linking.
- Rewrite the indentation of a shortcode.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-11-01 15:00:56 +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 c2ac1f5ed1
dependencies: add picocss as a dependency
* Adds picocss as a dependency.
* Upgrade dependencies.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-09-02 08:13:54 +02:00
iGor milhit a5ee40adb7
rss: add an updated date
- Adds an uptdated date to the item feed.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-08-26 12:18:32 +02:00
iGor milhit 75086bc831
layouts: update author metadata
- As `.Site.Author` is deprecated, I need to update the way this
  metadata is fetched from the site configuration file.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-08-26 08:25:16 +02:00
iGor milhit 91837de4f7 layouts: move `.Site` (deprecated) to `hugo`
Co-Authored-by: iGor milhit <igor@milhit.ch>
2024-08-15 08:26:33 +02:00
iGor milhit 9fc7238ea7
i18n: extract, translate strings to be translated
- Extracts stings to be translated.
- Translates these strings in English and French.
- Improves some comments in the templates.
- Updates the auto-changelog configuration according to the new git
  repository URL.
- Updates the CHANGELOG.
- Documents the changelog generation in the README.
- Fixes #18.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2022-11-27 12:15:46 +01:00
iGor milhit 282b6bcd85
documentation: update the README to new git repo
- Update the README according to the new git repository URL.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2022-11-07 08:36:51 +01:00
iGor milhit 1aaa6b02b5
gitInfo: configuration of the git repository
- Enables to set the git repository URL and type in the site
  configuration.
- Updates the footer to use that information.
- Updates the contact partial to use the configuration information of a
  custom git website.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2022-11-06 20:50:30 +01: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 7a2aa2d1a9
homepage: move the CV file to the personal data
* Moves the CV file from the professional data to the personal data, as
  the CV is related to the person, not the job position.
* This also prepare the creation of a dedicated CV page.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-23 10:45:14 +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 64c93b72d6
release: v0.2.0
Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-03 17:04:38 +01:00
iGor milhit c96ebbf4e9
documentation: fill in the README
* Documents the theme in the README file.
* Add discogs to the online section of the frontpage.
* Closes #6.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-11-03 16:51:15 +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 e7de77b3ad
head: improve the metadata exposed
* Improves the metadata exposed, such as site or post description, site
  or post image. Make use of <https://matuzo.at/blog/html-boilerplate>.
* Removes extra empty lines or identation due to badly written layout.
  However, minifying at build could be a good idea.
* Improves very slightly the webmanifest file.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-06-05 22:02:08 +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 0190c233e9
footer: add link to the last commit
* Adds a link, if .gitInfo is set, to the last commit that modified the
  current page. The git repository URL is still hardcoded.
* Upgrades auto-changelog.
* Updates the CHANGELOG.md file.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-01-31 17:11:12 +01:00
iGor milhit 36a334cab9
list: fix date variable on the lists and sections
* Restores the Publisdate displayed on posts lists instead of Date
  (creation date).
* Restores the post-taxonomies class on the item list of the post
  information categories.

Co-Authored-by: iGor milhit <igor@milhit.ch>
2021-01-31 08:32:20 +01: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 e56fddc6e0
head: add a favicon
The favicon, used to display the little icon in the browser tab and some
other places elsewhere, has been prepared by

@Troll https://maly.io/@Troll

* Creates the static directory.
* Places the favicon's files in that directory.
* Updates the head partial template with appropriate links

Co-Authored-by: Igor Milhit <igor@milhit.ch>
Co-Authored-by: @troll <Troll@maly.io>
2020-07-17 18:48:52 +02:00
iGor milhit 26b0b8cf51
data: sort terms in post information
Sorts alphabetically the categories and tags in the post information.

Fixes #13.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-06-15 18:25:06 +02: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 ab91d9b590
RSS: Improves the RSS template
Reuses the latest Hugo embedded RSS template and adapts it with full
content and publish date.

Fixes #9, thus restoring a RSS feed different for the entire site, the
section, taxonomy terms, and so on.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-06-01 16:03:27 +02:00
iGor milhit 31b27df95f
documentation: add a changelog and auto-changelog
* Adds auto-changelog as a node dev dependency with yarn.
* Adds .auto-changelog config file.
* Generates the first version of the changelog.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-06-01 15:24:12 +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 920fe4d156
lists: sort list by reverse publication date
Ensures that lists and sections are sorting the blog post by publication
date, and reversely ordered. Term lists are sorted alphabetically, which
is fine.

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-24 12:54:19 +02:00
iGor milhit 10fefee380
template: add metadata to the html head
Expose metadata in a way that Zotero can read, so Dublin Core and Open
Graph are an easy way. No so easy, but still.

The language attribute of the html tag has been correctly set.

In the process, the date test has been improved.

Closes #3

Co-Authored-by: Igor Milhit <igor@milhit.ch>
2020-05-23 16:14:27 +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