picocss: import pico

- Imports pico in the sass hugo pipe.
- Uses dart-sass as transpiler.
- Overrides the font family.
- Plays with layouts to discover picocss.
- Updates the changelog.

Co-Authored-by: iGor milhit <igor@milhit.ch>
iGor milhit 2024-09-02 19:58:59 +02:00
parent c2ac1f5ed1
commit 253a4bd839
Signed by: igor
GPG Key ID: 692D97C3D0228A99
15 changed files with 106 additions and 63 deletions

View File

@ -16,10 +16,15 @@ Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
### Commits ### Commits
- picocss: import pico [`759724f`](https://git.milhit.ch/igor/portfoligor/commit/759724f993e78a410ea6fe449785169b1a27a216)
- rss: add an updated date [`a5ee40a`](https://git.milhit.ch/igor/portfoligor/commit/a5ee40adb7d5530e6b2a912348910cbc743c163b)
- layouts: update author metadata [`75086bc`](https://git.milhit.ch/igor/portfoligor/commit/75086bc831a5c1273f8fcbb400a9d07d07e6e592)
- layouts: move `.Site` (deprecated) to `hugo` [`91837de`](https://git.milhit.ch/igor/portfoligor/commit/91837de4f73f55bfde1947382daeee32bf0195fd)
- documentation: update the README to new git repo [`282b6bc`](https://git.milhit.ch/igor/portfoligor/commit/282b6bcd85b9843eab18190ac5cb808624358e8c) - documentation: update the README to new git repo [`282b6bc`](https://git.milhit.ch/igor/portfoligor/commit/282b6bcd85b9843eab18190ac5cb808624358e8c)
- gitInfo: configuration of the git repository [`1aaa6b0`](https://git.milhit.ch/igor/portfoligor/commit/1aaa6b02b5cab985ffc3e66aaceeeb91fd8bf134) - gitInfo: configuration of the git repository [`1aaa6b0`](https://git.milhit.ch/igor/portfoligor/commit/1aaa6b02b5cab985ffc3e66aaceeeb91fd8bf134)
- scss: improve the `verse` text layout [`989343e`](https://git.milhit.ch/igor/portfoligor/commit/989343ea597de5d892530e70b038dff1e6a69511) - scss: improve the `verse` text layout [`989343e`](https://git.milhit.ch/igor/portfoligor/commit/989343ea597de5d892530e70b038dff1e6a69511)
- post image: get the image in the atom xml file [`0c21f00`](https://git.milhit.ch/igor/portfoligor/commit/0c21f00b671865f392a27a156b7d036fb7e3949e) - post image: get the image in the atom xml file [`0c21f00`](https://git.milhit.ch/igor/portfoligor/commit/0c21f00b671865f392a27a156b7d036fb7e3949e)
- dependencies: add picocss as a dependency [`c2ac1f5`](https://git.milhit.ch/igor/portfoligor/commit/c2ac1f5ed1a583477245f72e6acdd01c627e3918)
- text: set font style to em nested in blockquote [`e78fd96`](https://git.milhit.ch/igor/portfoligor/commit/e78fd961ae14a4b69e181f8c199ea002d2691404) - text: set font style to em nested in blockquote [`e78fd96`](https://git.milhit.ch/igor/portfoligor/commit/e78fd961ae14a4b69e181f8c199ea002d2691404)
- text: style the new citation block [`40da59a`](https://git.milhit.ch/igor/portfoligor/commit/40da59a1eb073f231087ee133397e649ee2bf552) - text: style the new citation block [`40da59a`](https://git.milhit.ch/igor/portfoligor/commit/40da59a1eb073f231087ee133397e649ee2bf552)
- homepage: move the CV file to the personal data [`7a2aa2d`](https://git.milhit.ch/igor/portfoligor/commit/7a2aa2d1a9f5e1951cf7977e662888af4db33da9) - homepage: move the CV file to the personal data [`7a2aa2d`](https://git.milhit.ch/igor/portfoligor/commit/7a2aa2d1a9f5e1951cf7977e662888af4db33da9)

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

View File

@ -1,4 +1,9 @@
/////////////////// :root {
--font-family: "Lilex", monospace;
--font-size: 120%;
}
/* ///////////////////
// // // //
// WIDTH // // WIDTH //
// // // //
@ -73,4 +78,4 @@ $aurora-orange: $nord12;
$aurora-yellow: $nord13; $aurora-yellow: $nord13;
$aurora-green: $nord14; $aurora-green: $nord14;
$aurora-purple: $nord15; $aurora-purple: $nord15;
*/

View File

@ -0,0 +1,8 @@
@font-face {
font-family: Lilex;
src:
url("../fonts/Lilex-Regular.ttf"),
url("../fonts/Lilex-Bold.ttf"),
url("../fonts/Lilex-Thin.ttf"),
url("../fonts/Lilex-ExtraLight.ttf");
}

View File

@ -4,8 +4,15 @@
// // // //
//////////////////// ////////////////////
@import 'variables'; @use "@picocss/pico/scss/pico";
@import 'grid'; @use "font-face";
/* :root {
--font-family: "Lilex", monospace;
} */
@use "variables";
/* @import 'grid';
@import 'mixins'; @import 'mixins';
@import 'colors'; @import 'colors';
@import 'fonts'; @import 'fonts';
@ -16,7 +23,7 @@
@import 'main_body'; @import 'main_body';
@import 'medias'; @import 'medias';
@import 'post'; @import 'post';
@import 'texts'; @import 'texts'; */
//////////////////// ////////////////////
@ -25,7 +32,7 @@
// // // //
//////////////////// ////////////////////
code, /* code,
pre { pre {
border-radius: 5px; border-radius: 5px;
padding: .2rem; padding: .2rem;
@ -43,4 +50,4 @@ pre {
.term { .term {
margin-right: 1rem; margin-right: 1rem;
} } */

View File

@ -6,7 +6,7 @@
<!-- "{{.Content}}" pulls from the markdown content of the corresponding <!-- "{{.Content}}" pulls from the markdown content of the corresponding
_index.md --> _index.md -->
{{.Content}} {{.Content}}
<article class="posts-list"> <section class="grid posts-list">
<!-- Ranges through content/posts/*.md in reverse order, then displays <!-- Ranges through content/posts/*.md in reverse order, then displays
the post title, the date and categories (list-footer template) --> the post title, the date and categories (list-footer template) -->
{{ range .Pages.ByPublishDate.Reverse }} {{ range .Pages.ByPublishDate.Reverse }}
@ -15,6 +15,6 @@
{{ partial "lists-footer.html" . }} {{ partial "lists-footer.html" . }}
</article> </article>
{{ end }} {{ end }}
</article> </section>
</main> </main>
{{ end }} {{ end }}

View File

@ -4,11 +4,11 @@
</header> </header>
<!-- "{{.Content}}" pulls from the markdown content of the corresponding <!-- "{{.Content}}" pulls from the markdown content of the corresponding
_index.md --> _index.md -->
<article> <main>
<header> <header>
{{.Content }} {{.Content }}
</header> </header>
<article class="posts-list"> <section class="posts-list">
<!-- <!--
Ranges pages by the publish date, in reverse order, to display the Ranges pages by the publish date, in reverse order, to display the
post titles of the section from most recent to older. It adds to post titles of the section from most recent to older. It adds to
@ -22,6 +22,6 @@
{{ partial "lists-footer.html" . }} {{ partial "lists-footer.html" . }}
</article> </article>
{{ end }} {{ end }}
</article> </section>
</article> </main>
{{ end }} {{ end }}

View File

@ -1,6 +1,6 @@
{{ $currentPage := . -}} {{ $currentPage := . -}}
{{ $siteSources := .Site.Params.siteSources }} {{ $siteSources := .Site.Params.siteSources }}
<footer class="main-footer no-print"> <footer class="container main-footer no-print">
<nav role="navigation" aria-label="Secondary"> <nav role="navigation" aria-label="Secondary">
<ul> <ul>
{{ range sort .Site.Menus.footer -}} {{ range sort .Site.Menus.footer -}}

View File

@ -4,11 +4,20 @@
<title>{{ .Title }} - {{ .Site.Title }}</title> <title>{{ .Title }} - {{ .Site.Title }}</title>
<link rel="canonical" href="{{ .Permalink }}"> <link rel="canonical" href="{{ .Permalink }}">
{{- if hugo.IsServer -}} {{- if hugo.IsServer -}}
{{- $options := (dict "targetPath" "styles.css" "enableSourceMap" true) -}} {{- $options := (dict
"targetPath" "styles.css"
"transpiler" "dartsass"
"includePaths" (slice "node_modules")
"enableSourceMap" true
) -}}
{{- $styles := resources.Get "scss/main.scss" | toCSS $options }} {{- $styles := resources.Get "scss/main.scss" | toCSS $options }}
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen"> <link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
{{- else -}} {{- else -}}
{{- $options := (dict "targetPath" "styles.css") -}} {{- $options := (dict
"transpiler" "dartsass"
"targetPath" "styles.css"
"includePaths" (slice "node_modules")
) -}}
{{- $styles := resources.Get "scss/main.scss" | toCSS $options | minify -}} {{- $styles := resources.Get "scss/main.scss" | toCSS $options | minify -}}
<link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen"> <link rel="stylesheet" href="{{ $styles.Permalink }}" media="screen">
{{- end }} {{- end }}

View File

@ -1,14 +1,23 @@
<header class="main-header"> <header class="container main-header">
<nav class="no-print" role="navigation" aria-label="Primary">
<ul>
<li>
<a href="{{ .Site.BaseURL }}" class="title no-reformat"> <a href="{{ .Site.BaseURL }}" class="title no-reformat">
<img class="avatar no-print" src="{{ .Site.BaseURL }}images/avatar.png"> <img class="avatar no-print"
src="{{ .Site.BaseURL }}images/avatar.png">
<h1>{{ .Site.Title }}</h1> <h1>{{ .Site.Title }}</h1>
</a> </a>
<nav class="no-print" role="navigation" aria-label="Primary"> </li>
</ul>
<ul> <ul>
{{ $currentPage := . -}} {{ $currentPage := . -}}
{{ range sort .Site.Menus.main -}} {{ range sort .Site.Menus.main -}}
<li class="nav-item"> <li class="nav-item">
<a class="nav-item-link{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" <a class="nav-item-link{{if or (
$currentPage.IsMenuCurrent "main" .
) (
$currentPage.HasMenuCurrent "main" .
) }} active{{end}}"
href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a> href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
</li> </li>
{{ end -}} {{ end -}}

View File

@ -3,25 +3,25 @@
"@picocss/pico@^1.4.1": "@picocss/pico@^1.4.1":
version "1.4.1" version "1.5.13"
resolved "https://registry.yarnpkg.com/@picocss/pico/-/pico-1.4.1.tgz#cac2f8fb4cff70e371c9f0162a7929fd7e627b6e" resolved "https://registry.yarnpkg.com/@picocss/pico/-/pico-1.5.13.tgz#2a2f2f5fcdd4e3f4ceedce7f95889faf39025362"
integrity sha512-YVIeo/021QhPk0/BuJBbNwrM1/v7R1PaJ9I4XhIrA8S5bswmR3SET23SbXHohCQ7ozHyAZnjpmDW7ZKbZIuApw== integrity sha512-BPTeE4JC95+7/vsG9r+6hDR1qUkV4YZ1blI/TI6peOmM94XubjmUDE3jUi4f6DBV6WmCL76ueTct/NerJ33E8A==
auto-changelog@^2.0.0: auto-changelog@^2.0.0:
version "2.3.0" version "2.4.0"
resolved "https://registry.yarnpkg.com/auto-changelog/-/auto-changelog-2.3.0.tgz#08ab8b1840a5d804410f1d1a5d2c4b2df0d835e1" resolved "https://registry.yarnpkg.com/auto-changelog/-/auto-changelog-2.4.0.tgz#a2d57d49b70ada7ca2e7c6a20a71572561d19cd9"
integrity sha512-S2B+RtTgytsa7l5iFGBoWT9W9ylITT5JJ8OaMJ7nrwvnlRm1dSS2tghaYueDeInZZafOE+1llH3tUQjMDRVS1g== integrity sha512-vh17hko1c0ItsEcw6m7qPRf3m45u+XK5QyCrrBFViElZ8jnKrPC1roSznrd1fIB/0vR/zawdECCRJtTuqIXaJw==
dependencies: dependencies:
commander "^5.0.0" commander "^7.2.0"
handlebars "^4.7.3" handlebars "^4.7.7"
node-fetch "^2.6.0" node-fetch "^2.6.1"
parse-github-url "^1.0.2" parse-github-url "^1.0.2"
semver "^6.3.0" semver "^7.3.5"
commander@^5.0.0: commander@^7.2.0:
version "5.1.0" version "7.2.0"
resolved "https://registry.yarnpkg.com/commander/-/commander-5.1.0.tgz#46abbd1652f8e059bddaef99bbdcb2ad9cf179ae" resolved "https://registry.yarnpkg.com/commander/-/commander-7.2.0.tgz#a36cb57d0b501ce108e4d20559a150a391d97ab7"
integrity sha512-P0CysNDQ7rtVw4QIQtm+MRxV66vKFSvlsQvGYXZWR3qFU0jlMKHZZZgw8e+8DSah4UDKMqnknRDQz+xuQXQ/Zg== integrity sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==
gutenberg-css@^0.6.1: gutenberg-css@^0.6.1:
version "0.6.1" version "0.6.1"
@ -30,32 +30,32 @@ gutenberg-css@^0.6.1:
dependencies: dependencies:
normalize.css "^8.0.1" normalize.css "^8.0.1"
handlebars@^4.7.3: handlebars@^4.7.7:
version "4.7.7" version "4.7.8"
resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.7.tgz#9ce33416aad02dbd6c8fafa8240d5d98004945a1" resolved "https://registry.yarnpkg.com/handlebars/-/handlebars-4.7.8.tgz#41c42c18b1be2365439188c77c6afae71c0cd9e9"
integrity sha512-aAcXm5OAfE/8IXkcZvCepKU3VzW1/39Fb5ZuqMtgI/hT8X2YgoMvBY5dLhq/cpOvw7Lk1nK/UF71aLG/ZnVYRA== integrity sha512-vafaFqs8MZkRrSX7sFVUdo3ap/eNiLnb4IakshzvP56X5Nr1iGKAIqdX6tMlm6HcNRIkr6AxO5jFEoJzzpT8aQ==
dependencies: dependencies:
minimist "^1.2.5" minimist "^1.2.5"
neo-async "^2.6.0" neo-async "^2.6.2"
source-map "^0.6.1" source-map "^0.6.1"
wordwrap "^1.0.0" wordwrap "^1.0.0"
optionalDependencies: optionalDependencies:
uglify-js "^3.1.4" uglify-js "^3.1.4"
minimist@^1.2.5: minimist@^1.2.5:
version "1.2.5" version "1.2.8"
resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.5.tgz#67d66014b66a6a8aaa0c083c5fd58df4e4e97602" resolved "https://registry.yarnpkg.com/minimist/-/minimist-1.2.8.tgz#c1a464e7693302e082a075cee0c057741ac4772c"
integrity sha512-FM9nNUYrRBAELZQT3xeZQ7fmMOBg6nWNmJKTcgsJeaLstP/UODVpGsr5OhXhhXg6f+qtJ8uiZ+PUxkDWcgIXLw== integrity sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==
neo-async@^2.6.0: neo-async@^2.6.2:
version "2.6.2" version "2.6.2"
resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f" resolved "https://registry.yarnpkg.com/neo-async/-/neo-async-2.6.2.tgz#b4aafb93e3aeb2d8174ca53cf163ab7d7308305f"
integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw== integrity sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==
node-fetch@^2.6.0: node-fetch@^2.6.1:
version "2.6.6" version "2.7.0"
resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.6.6.tgz#1751a7c01834e8e1697758732e9efb6eeadfaf89" resolved "https://registry.yarnpkg.com/node-fetch/-/node-fetch-2.7.0.tgz#d0f0fa6e3e2dc1d27efcd8ad99d550bda94d187d"
integrity sha512-Z8/6vRlTUChSdIgMa51jxQ4lrw/Jy5SOW10ObaA47/RElsAN2c5Pn8bTgFGWn/ibwzXTE8qwr1Yzx28vsecXEA== integrity sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==
dependencies: dependencies:
whatwg-url "^5.0.0" whatwg-url "^5.0.0"
@ -65,14 +65,14 @@ normalize.css@^8.0.1:
integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg== integrity sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==
parse-github-url@^1.0.2: parse-github-url@^1.0.2:
version "1.0.2" version "1.0.3"
resolved "https://registry.yarnpkg.com/parse-github-url/-/parse-github-url-1.0.2.tgz#242d3b65cbcdda14bb50439e3242acf6971db395" resolved "https://registry.yarnpkg.com/parse-github-url/-/parse-github-url-1.0.3.tgz#2ab55642c8685b63fbe2a196f5abe4ae9bd68abc"
integrity sha512-kgBf6avCbO3Cn6+RnzRGLkUsv4ZVqv/VfAYkRsyBcgkshNvVBkRn1FEZcW0Jb+npXQWm2vHPnnOqFteZxRRGNw== integrity sha512-tfalY5/4SqGaV/GIGzWyHnFjlpTPTNpENR9Ea2lLldSJ8EWXMsvacWucqY3m3I4YPtas15IxTLQVQ5NSYXPrww==
semver@^6.3.0: semver@^7.3.5:
version "6.3.0" version "7.6.3"
resolved "https://registry.yarnpkg.com/semver/-/semver-6.3.0.tgz#ee0a64c8af5e8ceea67687b133761e1becbd1d3d" resolved "https://registry.yarnpkg.com/semver/-/semver-7.6.3.tgz#980f7b5550bc175fb4dc09403085627f9eb33143"
integrity sha512-b39TBaTSfV6yBrapU89p5fKekE2m/NwnDocOVruQFS1/veMgdzuPcnOM34M6CwxW8jH/lxEa5rBoDeUwu5HHTw== integrity sha512-oVekP1cKtI+CTDvHWYFUcMtsK/00wmAEfyqKfNdARm8u1wNVhSgaX7A8d4UuIlUI5e84iEwOhs7ZPYRmzU9U6A==
source-map@^0.6.1: source-map@^0.6.1:
version "0.6.1" version "0.6.1"
@ -82,22 +82,22 @@ source-map@^0.6.1:
tr46@~0.0.3: tr46@~0.0.3:
version "0.0.3" version "0.0.3"
resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a" resolved "https://registry.yarnpkg.com/tr46/-/tr46-0.0.3.tgz#8184fd347dac9cdc185992f3a6622e14b9d9ab6a"
integrity sha1-gYT9NH2snNwYWZLzpmIuFLnZq2o= integrity sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==
uglify-js@^3.1.4: uglify-js@^3.1.4:
version "3.14.4" version "3.19.3"
resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.14.4.tgz#68756f17d1b90b9d289341736cb9a567d6882f90" resolved "https://registry.yarnpkg.com/uglify-js/-/uglify-js-3.19.3.tgz#82315e9bbc6f2b25888858acd1fff8441035b77f"
integrity sha512-AbiSR44J0GoCeV81+oxcy/jDOElO2Bx3d0MfQCUShq7JRXaM4KtQopZsq2vFv8bCq2yMaGrw1FgygUd03RyRDA== integrity sha512-v3Xu+yuwBXisp6QYTcH4UbH+xYJXqnq2m/LtQVWKWzYc1iehYnLixoQDN9FH6/j9/oybfd6W9Ghwkl8+UMKTKQ==
webidl-conversions@^3.0.0: webidl-conversions@^3.0.0:
version "3.0.1" version "3.0.1"
resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871" resolved "https://registry.yarnpkg.com/webidl-conversions/-/webidl-conversions-3.0.1.tgz#24534275e2a7bc6be7bc86611cc16ae0a5654871"
integrity sha1-JFNCdeKnvGvnvIZhHMFq4KVlSHE= integrity sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==
whatwg-url@^5.0.0: whatwg-url@^5.0.0:
version "5.0.0" version "5.0.0"
resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d" resolved "https://registry.yarnpkg.com/whatwg-url/-/whatwg-url-5.0.0.tgz#966454e8765462e37644d3626f6742ce8b70965d"
integrity sha1-lmRU6HZUYuN2RNNib2dCzotwll0= integrity sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==
dependencies: dependencies:
tr46 "~0.0.3" tr46 "~0.0.3"
webidl-conversions "^3.0.0" webidl-conversions "^3.0.0"
@ -105,4 +105,4 @@ whatwg-url@^5.0.0:
wordwrap@^1.0.0: wordwrap@^1.0.0:
version "1.0.0" version "1.0.0"
resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb" resolved "https://registry.yarnpkg.com/wordwrap/-/wordwrap-1.0.0.tgz#27584810891456a4171c8d0226441ade90cbcaeb"
integrity sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus= integrity sha512-gvVzJFlPycKc5dZN4yPkP8w7Dc37BtP1yczEneOb4uq34pXZcvrtRTmWV8W+Ume+XCxKgbjM+nevkyFPMybd4Q==