[bug#74634] [PATCH shepherd website 0/5] Suggested style changes for 1.0.0 release

[bug#74634] [PATCH shepherd website 0/5] Suggested style changes for 1.0.0 release

[sirgazil--- via Guix-patches via]

From: Luis Felipe <sirgazil@zoho.com>

The attached patch series change the color of the logo to fit better
with the overall CSS theme and also fix some problems related to
adaptation to user's preferred color scheme and adaptation to narrow
screens. The changes have been tested in Icecat (with enabled color
scheme detection) and Chromium.

Luis Felipe (5):
  logo: Remove adaptation to user's preferred color scheme.
  logo: Remove jumpy effect on focus.
  logo: Use the same color of the main text.
  logo: Remove SVG margins.
  Avoid some content overflowing horizontally on narrow screens.

 haunt.scm                    |  7 ++----
 static/css/main.css          | 10 ++++++--
 static/images/logo-dark.svg  | 35 +++++++++------------------
 static/images/logo-light.svg | 47 +++++++++++++-----------------------
 4 files changed, 38 insertions(+), 61 deletions(-)


base-commit: db5165784dfa70d2952c587ee39c2af88fd4ed25
--
2.46.0

[bug#74634] [PATCH shepherd website 1/5] logo: Remove adaptation to user's preferred color scheme.

[sirgazil--- via Guix-patches via]

From: Luis Felipe <sirgazil@zoho.com>

The website's CSS doesn't adapt to user's preferred color scheme yet,
but the logo image did. This created an accessibility problem for
users who prefer a dark scheme: the whitish version of the logo was
displayed on the whitish pages of the website. This change solves that
problem.

* haunt.scm (page-layout): Always use the logo for light backgrounds.
---
 haunt.scm | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/haunt.scm b/haunt.scm
index 23a0efa..f561fc9 100644
--- a/haunt.scm
+++ b/haunt.scm
@@ -95,11 +95,8 @@
                      (a (@ (href ,(base-url "/"))
                            (class ,(if front-page?
                                        "logo" "logo small")))
-                        (picture
-                         (source (@ (media "(prefers-color-scheme: dark)")
-                                    (srcset ,(image-url "logo-dark.svg"))))
-                         (img (@ (src ,(image-url "logo-light.svg"))
-                                 (alt "Shepherd logo")))))
+                        (img (@ (src ,(image-url "logo-light.svg"))
+                                (alt "Shepherd logo"))))
 
                      ;; Add the large-font welcoming message on the
                      ;; front page.
-- 
2.46.0

[bug#74634] [PATCH shepherd website 2/5] logo: Remove jumpy effect on focus.

[sirgazil--- via Guix-patches via]

From: Luis Felipe <sirgazil@zoho.com>

The logo is styled so that it displays vertical borders when focused
(e.g. using tab navigation). Since the logo doesn't have borders in
its initial state, focusing caused the image to move 2 pixels sideways
(the width of the border), which was particularly visible in pages
where the logo is displayed in a smaller size. This change adds a
transparent border to the logo in its initial state to avoid the
problem.

* static/css/main.css (#header a.logo img): New rule.
---
 static/css/main.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/static/css/main.css b/static/css/main.css
index 0e8d137..c72c87a 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -95,6 +95,12 @@ p + p {
     margin-bottom: 1em;
 }
 
+#header a.logo img {
+    border-color: transparent;
+    border-style: solid;
+    border-width: 2px;
+}
+
 #header a.logo:focus img {
     border-left: 2px dotted #118ab2;
     border-right: 2px dotted #118ab2;
-- 
2.46.0

[bug#74634] [PATCH shepherd website 3/5] logo: Use the same color of the main text.

[sirgazil--- via Guix-patches via]

From: Luis Felipe <sirgazil@zoho.com>

This is so that the logo better matches the CSS theme.

* static/images/logo-dark.svg: Update canvas color (the logo remains white).
* static/images/logo-light.svg: Update logo color.
---
 static/images/logo-dark.svg  | 10 +++++-----
 static/images/logo-light.svg | 22 +++++++++++-----------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/static/images/logo-dark.svg b/static/images/logo-dark.svg
index 2d9b6c9..c0a3757 100644
--- a/static/images/logo-dark.svg
+++ b/static/images/logo-dark.svg
@@ -7,7 +7,7 @@
    viewBox="0 0 79.375001 21.166667"
    version="1.1"
    id="svg5"
-   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
    sodipodi:docname="logo-dark.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -20,18 +20,18 @@
      id="title38444">GNU Shepherd Logo</title>
   <sodipodi:namedview
      id="namedview7"
-     pagecolor="#000000"
+     pagecolor="#073b4c"
      bordercolor="#ffffff"
      borderopacity="1"
      inkscape:showpageshadow="0"
      inkscape:pageopacity="0"
      inkscape:pagecheckerboard="0"
-     inkscape:deskcolor="#000000"
+     inkscape:deskcolor="#073b4c"
      inkscape:document-units="px"
      showgrid="false"
      inkscape:zoom="2"
-     inkscape:cx="153.75"
-     inkscape:cy="30.5"
+     inkscape:cx="153.5"
+     inkscape:cy="30.25"
      inkscape:window-width="1920"
      inkscape:window-height="1011"
      inkscape:window-x="0"
diff --git a/static/images/logo-light.svg b/static/images/logo-light.svg
index a562b36..407b08d 100644
--- a/static/images/logo-light.svg
+++ b/static/images/logo-light.svg
@@ -7,8 +7,8 @@
    viewBox="0 0 79.375001 21.166667"
    version="1.1"
    id="svg5"
-   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
-   sodipodi:docname="logo.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   sodipodi:docname="logo-light.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    xmlns="http://www.w3.org/2000/svg"
@@ -31,7 +31,7 @@
      showgrid="false"
      inkscape:zoom="2"
      inkscape:cx="150.75"
-     inkscape:cy="30.5"
+     inkscape:cy="30.25"
      inkscape:window-width="1920"
      inkscape:window-height="1011"
      inkscape:window-x="0"
@@ -53,7 +53,7 @@
      transform="translate(-244.17786,-23.138838)">
     <path
        id="path5180"
-       style="font-size:16.6954px;line-height:1.25;font-family:'Passion One';-inkscape-font-specification:'Passion One, Normal';letter-spacing:0px;stroke-width:0.264583"
+       style="font-size:16.6954px;line-height:1.25;font-family:'Passion One';-inkscape-font-specification:'Passion One, Normal';letter-spacing:0px;stroke-width:0.264583;fill:#073b4c;fill-opacity:1"
        d="M 267.43329,29.236128 V 39.9378 h 2.80448 v -5.392952 c 0.21147,-0.155824 0.47332,-0.233578 0.78496,-0.233578 0.24487,0 0.36742,0.13929 0.36742,0.417546 V 39.9378 h 2.83807 v -6.160864 c 0,-0.678946 -0.1501,-1.185379 -0.45061,-1.519287 -0.28939,-0.345038 -0.79042,-0.517281 -1.50276,-0.517281 -0.71233,0 -1.37479,0.261326 -1.98695,0.784448 h -0.0667 v -3.288688 z m 22.95622,0 V 39.9378 h 2.80448 v -5.392952 c 0.21147,-0.155824 0.47332,-0.233578 0.78497,-0.233578 0.24486,0 0.36742,0.13929 0.36742,0.417546 V 39.9378 h 2.83807 v -6.160864 c 0,-0.678946 -0.1501,-1.185379 -0.45062,-1.519287 -0.28939,-0.345038 -0.79041,-0.517281 -1.50275,-0.517281 -0.71234,0 -1.3748,0.261326 -1.98696,0.784448 h -0.0667 v -3.288688 z m 24.32513,0 v 2.921269 c -0.32278,-0.278257 -0.77901,-0.417029 -1.36891,-0.417029 -0.85703,0 -1.51408,0.350409 -1.97042,1.051615 -0.45634,0.701206 -0.6842,1.747545 -0.6842,3.138827 0,1.380152 0.20032,2.420567 0.601,3.121773 0.41182,0.701206 1.11856,1.052132 2.12029,1.052132 0.75685,0 1.3189,-0.283985 1.6862,-0.851627 h 0.0832 c 0.18921,0.567642 0.71238,0.851627 1.56941,0.851627 l 1.11879,-0.06666 0.25012,-2.020549 c -0.23373,0 -0.39465,-0.03295 -0.48369,-0.09973 -0.089,-0.07791 -0.13384,-0.222607 -0.13384,-0.434082 v -8.247559 z m -51.40513,0.166915 c -1.00173,0 -1.79214,0.300203 -2.37091,0.901237 -0.57878,0.601034 -0.86817,1.396858 -0.86817,2.387451 0,0.612164 0.12255,1.140739 0.36742,1.58595 0.25599,0.44521 0.56212,0.784807 0.91829,1.018542 0.3673,0.233735 0.72904,0.439966 1.08521,0.61805 0.35616,0.178084 0.65637,0.355733 0.90123,0.533818 0.256,0.178084 0.38396,0.372985 0.38396,0.58446 0,0.411819 -0.23327,0.61805 -0.70073,0.61805 -0.46748,0 -1.29677,-0.17276 -2.48771,-0.517797 l -0.18396,2.487703 c 0.99059,0.322777 2.00345,0.484208 3.03857,0.484208 1.04624,0 1.85339,-0.289391 2.42104,-0.868164 0.56764,-0.578773 0.85163,-1.396739 0.85163,-2.454114 0,-0.578773 -0.12848,-1.09113 -0.38447,-1.53634 -0.24487,-0.44521 -0.54508,-0.78429 -0.90124,-1.018026 -0.35617,-0.244865 -0.7125,-0.451096 -1.06867,-0.61805 -0.35617,-0.178084 -0.6623,-0.344921 -0.91829,-0.500744 -0.24487,-0.155824 -0.3669,-0.317255 -0.3669,-0.484209 0,-0.422949 0.26133,-0.634586 0.78445,-0.634586 0.41181,0 1.16876,0.12796 2.27066,0.383956 l 0.33383,-2.671155 c -1.05737,-0.200345 -2.09239,-0.30024 -3.10524,-0.30024 z m 15.3262,2.337325 c -2.35961,0 -3.53932,1.391341 -3.53932,4.173905 0,1.29111 0.30612,2.31479 0.91829,3.071647 0.61216,0.745728 1.49114,1.118795 2.63756,1.118795 0.93494,0 1.87005,-0.144695 2.805,-0.434082 l -0.23358,-2.070158 c -1.0685,0.255996 -1.78657,0.383956 -2.15387,0.383956 -0.76799,0 -1.15187,-0.417351 -1.15187,-1.25212 h 3.80649 c 0.0779,-1.068504 0.11679,-1.669944 0.11679,-1.803507 0,-1.023984 -0.25052,-1.80848 -0.75138,-2.353862 -0.48973,-0.556513 -1.30769,-0.834574 -2.45411,-0.834574 z m 22.95622,0 c -2.35961,0 -3.53932,1.391341 -3.53932,4.173905 0,1.29111 0.30613,2.31479 0.91829,3.071647 0.61217,0.745728 1.49115,1.118795 2.63757,1.118795 0.93493,0 1.87005,-0.144695 2.80499,-0.434082 l -0.23358,-2.070158 c -1.0685,0.255996 -1.78657,0.383956 -2.15387,0.383956 -0.76799,0 -1.15187,-0.417351 -1.15187,-1.25212 h 3.80649 c 0.0779,-1.068504 0.11679,-1.669944 0.11679,-1.803507 0,-1.023984 -0.25051,-1.80848 -0.75138,-2.353862 -0.48972,-0.556513 -1.30769,-0.834574 -2.45411,-0.834574 z m 8.69818,0 c -0.5899,0 -1.01807,0.04428 -1.2852,0.133325 -0.256,0.07791 -0.51243,0.261484 -0.76843,0.550871 h -0.0667 l -0.16691,-0.484208 h -2.43758 V 39.9378 h 2.77141 v -4.491198 c 0,-0.422951 0.0669,-0.701012 0.2005,-0.834575 0.14469,-0.133563 0.43409,-0.200504 0.86817,-0.200504 h 0.76791 z m -23.29006,0.01654 c -0.91267,0 -1.52492,0.228372 -1.83658,0.684713 h -0.0832 l -0.16691,-0.501261 h -2.30425 v 10.284643 h 2.80499 v -2.471171 h 0.0667 c 0.3339,0.244866 0.74585,0.36742 1.23558,0.36742 1.05737,0 1.78085,-0.350409 2.17041,-1.051616 0.40069,-0.712336 0.601,-1.792145 0.601,-3.239079 0,-1.446933 -0.18898,-2.487348 -0.56741,-3.121773 -0.3673,-0.634425 -1.00762,-0.95188 -1.9203,-0.95188 z m 27.08001,2.337325 c 0.24486,0 0.48404,0.06694 0.71778,0.200505 v 3.455603 c -0.21148,0.100172 -0.41719,0.150378 -0.61753,0.150378 -0.18922,0 -0.32851,-0.03347 -0.41755,-0.100252 -0.0779,-0.07791 -0.13892,-0.211278 -0.18345,-0.400492 -0.0334,-0.200345 -0.0555,-0.395246 -0.0667,-0.584461 -0.0111,-0.189214 -0.0171,-0.545029 -0.0171,-1.068152 0,-0.534252 0.0389,-0.94079 0.11679,-1.219047 0.0779,-0.289387 0.23394,-0.434082 0.46768,-0.434082 z m -35.51102,0.03359 c 0.50086,0 0.75138,0.261326 0.75138,0.784448 v 0.401009 h -1.45262 c 0,-0.400689 0.0443,-0.696002 0.13332,-0.885217 0.089,-0.200344 0.27854,-0.30024 0.56792,-0.30024 z m 7.51272,0 c 0.24487,0 0.4063,0.144696 0.48421,0.434082 0.0779,0.278256 0.11679,0.684278 0.11679,1.21853 0,0.523122 -0.005,0.879454 -0.0165,1.068669 -0.0111,0.189214 -0.0387,0.384116 -0.0832,0.58446 -0.0334,0.189215 -0.0949,0.322581 -0.18397,0.400493 -0.0779,0.06678 -0.2172,0.100252 -0.41755,0.100252 -0.18921,0 -0.38952,-0.05021 -0.601,-0.150378 v -3.45612 c 0.23374,-0.133563 0.46752,-0.199988 0.70125,-0.199988 z m 15.44351,0 c 0.50086,0 0.75137,0.261326 0.75137,0.784448 v 0.401009 h -1.45262 c 0,-0.400689 0.0443,-0.696002 0.13332,-0.885217 0.089,-0.200344 0.27854,-0.30024 0.56793,-0.30024 z" />
     <text
        xml:space="preserve"
@@ -69,17 +69,17 @@
    style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Bold'"
    id="tspan1044">Font:</tspan> Passion One</tspan></text>
     <g
-       id="g5040">
+       id="g1">
       <path
          id="rect4520"
-         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.05833"
-         d="M 249.6106 29.754455 L 249.6106 29.762723 L 249.60234 29.762723 L 249.60234 31.980159 L 249.60492 31.980159 L 249.60492 31.981192 L 251.13868 31.981192 L 251.13868 31.980159 L 251.14488 31.980159 L 251.14488 30.661376 L 251.13868 30.661376 L 251.13868 30.648974 L 250.409 30.648974 L 250.409 31.098559 L 250.69529 31.098559 L 250.69529 31.531091 L 250.05192 31.531091 L 250.05192 30.204557 L 251.56966 30.204557 L 251.56966 40.124365 L 252.01924 40.124365 L 252.01924 29.762723 L 252.01097 29.762723 L 252.01097 29.754455 L 249.6106 29.754455 z " />
+         style="fill:#073b4c;fill-opacity:1;stroke:none;stroke-width:1.05833"
+         d="m 249.6106,29.754455 v 0.0083 h -0.008 v 2.217436 h 0.003 v 10e-4 h 1.53376 v -10e-4 h 0.006 v -1.318783 h -0.006 v -0.0124 H 250.409 v 0.449585 h 0.28629 v 0.432532 h -0.64337 v -1.326534 h 1.51774 v 9.919808 h 0.44958 V 29.762723 h -0.008 v -0.0083 z" />
       <path
          id="path3296"
-         style="fill:#000000;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
-         d="M 255.15652 31.014843 L 254.10645 32.431294 L 254.0801 33.04211 L 253.45068 35.112268 L 252.51947 35.553068 L 252.68742 36.180936 L 253.93179 35.513277 L 253.78037 38.358581 L 254.39274 38.358581 L 254.39274 40.125915 L 254.96118 40.125915 L 254.96118 38.329125 L 256.3642 38.329125 L 256.3642 40.125915 L 256.95227 40.125915 L 256.95227 38.349279 L 257.6003 38.349279 L 257.25561 32.413207 L 256.20297 31.014843 L 255.15652 31.014843 z " />
+         style="fill:#073b4c;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+         d="m 255.15652,31.014843 -1.05007,1.416451 -0.0264,0.610816 -0.62942,2.070158 -0.93121,0.4408 0.16795,0.627868 1.24437,-0.667659 -0.15142,2.845304 h 0.61237 v 1.767334 h 0.56844 v -1.79679 h 1.40302 v 1.79679 h 0.58807 v -1.776636 h 0.64803 l -0.34469,-5.936072 -1.05264,-1.398364 z" />
       <rect
-         style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1"
+         style="fill:#073b4c;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1"
          id="rect2078"
          width="0.84648263"
          height="0.82192397"
@@ -87,7 +87,7 @@
          y="35.586159" />
       <path
          id="path4339"
-         style="fill:#000000;stroke:none;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1"
+         style="fill:#073b4c;stroke:none;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
          d="m 255.30948,26.120455 c -0.59463,0.01499 -1.06867,0.499766 -1.06867,1.099158 v 0.91519 a 3.375586,0.31502971 0 0 0 -2.10013,0.291455 3.375586,0.31502971 0 0 0 2.18281,0.294556 1.2155644,1.3639417 0 0 0 -0.0227,0.259415 1.2155644,1.3639417 0 0 0 1.21543,1.364258 1.2155644,1.3639417 0 0 0 1.21594,-1.364258 1.2155644,1.3639417 0 0 0 -0.0222,-0.259415 3.375586,0.31502971 0 0 0 2.18178,-0.294556 3.375586,0.31502971 0 0 0 -2.15956,-0.293522 v -0.913123 c 0,-0.608906 -0.48975,-1.099158 -1.0976,-1.099158 h -0.29663 c -0.01,0 -0.019,-2.38e-4 -0.0284,0 z" />
     </g>
   </g>
-- 
2.46.0

[bug#74634] [PATCH shepherd website 4/5] logo: Remove SVG margins.

[sirgazil--- via Guix-patches via]

From: Luis Felipe <sirgazil@zoho.com>

So that people have more control of margins and paddings using CSS
instead.

* static/css/main.css (#header a.logo img): Add top margin.
* static/images/logo-dark.svg: Remove margins.
* static/images/logo-light.svg: Likewise.
---
 static/css/main.css          |  1 +
 static/images/logo-dark.svg  | 29 ++++++++---------------------
 static/images/logo-light.svg | 33 ++++++++++-----------------------
 3 files changed, 19 insertions(+), 44 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index c72c87a..08e1ee5 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -99,6 +99,7 @@ p + p {
     border-color: transparent;
     border-style: solid;
     border-width: 2px;
+    margin-top: 1em;
 }
 
 #header a.logo:focus img {
diff --git a/static/images/logo-dark.svg b/static/images/logo-dark.svg
index c0a3757..3827b3b 100644
--- a/static/images/logo-dark.svg
+++ b/static/images/logo-dark.svg
@@ -2,9 +2,9 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="300"
-   height="80"
-   viewBox="0 0 79.375001 21.166667"
+   width="258.96384"
+   height="60.867981"
+   viewBox="0 0 68.517516 16.104654"
    version="1.1"
    id="svg5"
    inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
@@ -30,8 +30,8 @@
      inkscape:document-units="px"
      showgrid="false"
      inkscape:zoom="2"
-     inkscape:cx="153.5"
-     inkscape:cy="30.25"
+     inkscape:cx="132.75"
+     inkscape:cy="18.75"
      inkscape:window-width="1920"
      inkscape:window-height="1011"
      inkscape:window-x="0"
@@ -45,29 +45,16 @@
      inkscape:label="background"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-244.17786,-23.138838)" />
+     transform="translate(-249.6026,-26.120349)" />
   <g
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="logo"
-     transform="translate(-244.17786,-23.138838)">
+     transform="translate(-249.6026,-26.120349)">
     <path
        id="path5180"
-       style="font-size:16.6954px;line-height:1.25;font-family:'Passion One';-inkscape-font-specification:'Passion One, Normal';letter-spacing:0px;stroke-width:0.264583;fill:#ffffff"
+       style="font-size:16.6954px;line-height:1.25;font-family:'Passion One';-inkscape-font-specification:'Passion One, Normal';letter-spacing:0px;fill:#ffffff;stroke-width:0.264583"
        d="M 267.43329,29.236128 V 39.9378 h 2.80448 v -5.392952 c 0.21147,-0.155824 0.47332,-0.233578 0.78496,-0.233578 0.24487,0 0.36742,0.13929 0.36742,0.417546 V 39.9378 h 2.83807 v -6.160864 c 0,-0.678946 -0.1501,-1.185379 -0.45061,-1.519287 -0.28939,-0.345038 -0.79042,-0.517281 -1.50276,-0.517281 -0.71233,0 -1.37479,0.261326 -1.98695,0.784448 h -0.0667 v -3.288688 z m 22.95622,0 V 39.9378 h 2.80448 v -5.392952 c 0.21147,-0.155824 0.47332,-0.233578 0.78497,-0.233578 0.24486,0 0.36742,0.13929 0.36742,0.417546 V 39.9378 h 2.83807 v -6.160864 c 0,-0.678946 -0.1501,-1.185379 -0.45062,-1.519287 -0.28939,-0.345038 -0.79041,-0.517281 -1.50275,-0.517281 -0.71234,0 -1.3748,0.261326 -1.98696,0.784448 h -0.0667 v -3.288688 z m 24.32513,0 v 2.921269 c -0.32278,-0.278257 -0.77901,-0.417029 -1.36891,-0.417029 -0.85703,0 -1.51408,0.350409 -1.97042,1.051615 -0.45634,0.701206 -0.6842,1.747545 -0.6842,3.138827 0,1.380152 0.20032,2.420567 0.601,3.121773 0.41182,0.701206 1.11856,1.052132 2.12029,1.052132 0.75685,0 1.3189,-0.283985 1.6862,-0.851627 h 0.0832 c 0.18921,0.567642 0.71238,0.851627 1.56941,0.851627 l 1.11879,-0.06666 0.25012,-2.020549 c -0.23373,0 -0.39465,-0.03295 -0.48369,-0.09973 -0.089,-0.07791 -0.13384,-0.222607 -0.13384,-0.434082 v -8.247559 z m -51.40513,0.166915 c -1.00173,0 -1.79214,0.300203 -2.37091,0.901237 -0.57878,0.601034 -0.86817,1.396858 -0.86817,2.387451 0,0.612164 0.12255,1.140739 0.36742,1.58595 0.25599,0.44521 0.56212,0.784807 0.91829,1.018542 0.3673,0.233735 0.72904,0.439966 1.08521,0.61805 0.35616,0.178084 0.65637,0.355733 0.90123,0.533818 0.256,0.178084 0.38396,0.372985 0.38396,0.58446 0,0.411819 -0.23327,0.61805 -0.70073,0.61805 -0.46748,0 -1.29677,-0.17276 -2.48771,-0.517797 l -0.18396,2.487703 c 0.99059,0.322777 2.00345,0.484208 3.03857,0.484208 1.04624,0 1.85339,-0.289391 2.42104,-0.868164 0.56764,-0.578773 0.85163,-1.396739 0.85163,-2.454114 0,-0.578773 -0.12848,-1.09113 -0.38447,-1.53634 -0.24487,-0.44521 -0.54508,-0.78429 -0.90124,-1.018026 -0.35617,-0.244865 -0.7125,-0.451096 -1.06867,-0.61805 -0.35617,-0.178084 -0.6623,-0.344921 -0.91829,-0.500744 -0.24487,-0.155824 -0.3669,-0.317255 -0.3669,-0.484209 0,-0.422949 0.26133,-0.634586 0.78445,-0.634586 0.41181,0 1.16876,0.12796 2.27066,0.383956 l 0.33383,-2.671155 c -1.05737,-0.200345 -2.09239,-0.30024 -3.10524,-0.30024 z m 15.3262,2.337325 c -2.35961,0 -3.53932,1.391341 -3.53932,4.173905 0,1.29111 0.30612,2.31479 0.91829,3.071647 0.61216,0.745728 1.49114,1.118795 2.63756,1.118795 0.93494,0 1.87005,-0.144695 2.805,-0.434082 l -0.23358,-2.070158 c -1.0685,0.255996 -1.78657,0.383956 -2.15387,0.383956 -0.76799,0 -1.15187,-0.417351 -1.15187,-1.25212 h 3.80649 c 0.0779,-1.068504 0.11679,-1.669944 0.11679,-1.803507 0,-1.023984 -0.25052,-1.80848 -0.75138,-2.353862 -0.48973,-0.556513 -1.30769,-0.834574 -2.45411,-0.834574 z m 22.95622,0 c -2.35961,0 -3.53932,1.391341 -3.53932,4.173905 0,1.29111 0.30613,2.31479 0.91829,3.071647 0.61217,0.745728 1.49115,1.118795 2.63757,1.118795 0.93493,0 1.87005,-0.144695 2.80499,-0.434082 l -0.23358,-2.070158 c -1.0685,0.255996 -1.78657,0.383956 -2.15387,0.383956 -0.76799,0 -1.15187,-0.417351 -1.15187,-1.25212 h 3.80649 c 0.0779,-1.068504 0.11679,-1.669944 0.11679,-1.803507 0,-1.023984 -0.25051,-1.80848 -0.75138,-2.353862 -0.48972,-0.556513 -1.30769,-0.834574 -2.45411,-0.834574 z m 8.69818,0 c -0.5899,0 -1.01807,0.04428 -1.2852,0.133325 -0.256,0.07791 -0.51243,0.261484 -0.76843,0.550871 h -0.0667 l -0.16691,-0.484208 h -2.43758 V 39.9378 h 2.77141 v -4.491198 c 0,-0.422951 0.0669,-0.701012 0.2005,-0.834575 0.14469,-0.133563 0.43409,-0.200504 0.86817,-0.200504 h 0.76791 z m -23.29006,0.01654 c -0.91267,0 -1.52492,0.228372 -1.83658,0.684713 h -0.0832 l -0.16691,-0.501261 h -2.30425 v 10.284643 h 2.80499 v -2.471171 h 0.0667 c 0.3339,0.244866 0.74585,0.36742 1.23558,0.36742 1.05737,0 1.78085,-0.350409 2.17041,-1.051616 0.40069,-0.712336 0.601,-1.792145 0.601,-3.239079 0,-1.446933 -0.18898,-2.487348 -0.56741,-3.121773 -0.3673,-0.634425 -1.00762,-0.95188 -1.9203,-0.95188 z m 27.08001,2.337325 c 0.24486,0 0.48404,0.06694 0.71778,0.200505 v 3.455603 c -0.21148,0.100172 -0.41719,0.150378 -0.61753,0.150378 -0.18922,0 -0.32851,-0.03347 -0.41755,-0.100252 -0.0779,-0.07791 -0.13892,-0.211278 -0.18345,-0.400492 -0.0334,-0.200345 -0.0555,-0.395246 -0.0667,-0.584461 -0.0111,-0.189214 -0.0171,-0.545029 -0.0171,-1.068152 0,-0.534252 0.0389,-0.94079 0.11679,-1.219047 0.0779,-0.289387 0.23394,-0.434082 0.46768,-0.434082 z m -35.51102,0.03359 c 0.50086,0 0.75138,0.261326 0.75138,0.784448 v 0.401009 h -1.45262 c 0,-0.400689 0.0443,-0.696002 0.13332,-0.885217 0.089,-0.200344 0.27854,-0.30024 0.56792,-0.30024 z m 7.51272,0 c 0.24487,0 0.4063,0.144696 0.48421,0.434082 0.0779,0.278256 0.11679,0.684278 0.11679,1.21853 0,0.523122 -0.005,0.879454 -0.0165,1.068669 -0.0111,0.189214 -0.0387,0.384116 -0.0832,0.58446 -0.0334,0.189215 -0.0949,0.322581 -0.18397,0.400493 -0.0779,0.06678 -0.2172,0.100252 -0.41755,0.100252 -0.18921,0 -0.38952,-0.05021 -0.601,-0.150378 v -3.45612 c 0.23374,-0.133563 0.46752,-0.199988 0.70125,-0.199988 z m 15.44351,0 c 0.50086,0 0.75137,0.261326 0.75137,0.784448 v 0.401009 h -1.45262 c 0,-0.400689 0.0443,-0.696002 0.13332,-0.885217 0.089,-0.200344 0.27854,-0.30024 0.56793,-0.30024 z" />
-    <text
-       xml:space="preserve"
-       style="font-size:3.175px;line-height:1.25;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans';letter-spacing:0px;stroke-width:0.264583;fill:#ffffff"
-       x="243.8864"
-       y="49.477226"
-       id="text1042"><tspan
-         sodipodi:role="line"
-         id="tspan1040"
-         style="stroke-width:0.264583;fill:#ffffff"
-         x="243.8864"
-         y="49.477226"><tspan
-   style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Bold';fill:#ffffff"
-   id="tspan1044">Font:</tspan> Passion One</tspan></text>
     <g
        id="g307">
       <path
diff --git a/static/images/logo-light.svg b/static/images/logo-light.svg
index 407b08d..73328a6 100644
--- a/static/images/logo-light.svg
+++ b/static/images/logo-light.svg
@@ -2,9 +2,9 @@
 <!-- Created with Inkscape (http://www.inkscape.org/) -->
 
 <svg
-   width="300"
-   height="80"
-   viewBox="0 0 79.375001 21.166667"
+   width="258.96384"
+   height="60.867981"
+   viewBox="0 0 68.517516 16.104654"
    version="1.1"
    id="svg5"
    inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
@@ -30,8 +30,8 @@
      inkscape:document-units="px"
      showgrid="false"
      inkscape:zoom="2"
-     inkscape:cx="150.75"
-     inkscape:cy="30.25"
+     inkscape:cx="130.25"
+     inkscape:cy="18.75"
      inkscape:window-width="1920"
      inkscape:window-height="1011"
      inkscape:window-x="0"
@@ -45,29 +45,16 @@
      inkscape:label="background"
      inkscape:groupmode="layer"
      id="layer1"
-     transform="translate(-244.17786,-23.138838)" />
+     transform="translate(-249.6026,-26.120349)" />
   <g
      inkscape:groupmode="layer"
      id="layer2"
      inkscape:label="logo"
-     transform="translate(-244.17786,-23.138838)">
+     transform="translate(-249.6026,-26.120349)">
     <path
        id="path5180"
-       style="font-size:16.6954px;line-height:1.25;font-family:'Passion One';-inkscape-font-specification:'Passion One, Normal';letter-spacing:0px;stroke-width:0.264583;fill:#073b4c;fill-opacity:1"
+       style="font-size:16.6954px;line-height:1.25;font-family:'Passion One';-inkscape-font-specification:'Passion One, Normal';letter-spacing:0px;fill:#073b4c;fill-opacity:1;stroke-width:0.264583"
        d="M 267.43329,29.236128 V 39.9378 h 2.80448 v -5.392952 c 0.21147,-0.155824 0.47332,-0.233578 0.78496,-0.233578 0.24487,0 0.36742,0.13929 0.36742,0.417546 V 39.9378 h 2.83807 v -6.160864 c 0,-0.678946 -0.1501,-1.185379 -0.45061,-1.519287 -0.28939,-0.345038 -0.79042,-0.517281 -1.50276,-0.517281 -0.71233,0 -1.37479,0.261326 -1.98695,0.784448 h -0.0667 v -3.288688 z m 22.95622,0 V 39.9378 h 2.80448 v -5.392952 c 0.21147,-0.155824 0.47332,-0.233578 0.78497,-0.233578 0.24486,0 0.36742,0.13929 0.36742,0.417546 V 39.9378 h 2.83807 v -6.160864 c 0,-0.678946 -0.1501,-1.185379 -0.45062,-1.519287 -0.28939,-0.345038 -0.79041,-0.517281 -1.50275,-0.517281 -0.71234,0 -1.3748,0.261326 -1.98696,0.784448 h -0.0667 v -3.288688 z m 24.32513,0 v 2.921269 c -0.32278,-0.278257 -0.77901,-0.417029 -1.36891,-0.417029 -0.85703,0 -1.51408,0.350409 -1.97042,1.051615 -0.45634,0.701206 -0.6842,1.747545 -0.6842,3.138827 0,1.380152 0.20032,2.420567 0.601,3.121773 0.41182,0.701206 1.11856,1.052132 2.12029,1.052132 0.75685,0 1.3189,-0.283985 1.6862,-0.851627 h 0.0832 c 0.18921,0.567642 0.71238,0.851627 1.56941,0.851627 l 1.11879,-0.06666 0.25012,-2.020549 c -0.23373,0 -0.39465,-0.03295 -0.48369,-0.09973 -0.089,-0.07791 -0.13384,-0.222607 -0.13384,-0.434082 v -8.247559 z m -51.40513,0.166915 c -1.00173,0 -1.79214,0.300203 -2.37091,0.901237 -0.57878,0.601034 -0.86817,1.396858 -0.86817,2.387451 0,0.612164 0.12255,1.140739 0.36742,1.58595 0.25599,0.44521 0.56212,0.784807 0.91829,1.018542 0.3673,0.233735 0.72904,0.439966 1.08521,0.61805 0.35616,0.178084 0.65637,0.355733 0.90123,0.533818 0.256,0.178084 0.38396,0.372985 0.38396,0.58446 0,0.411819 -0.23327,0.61805 -0.70073,0.61805 -0.46748,0 -1.29677,-0.17276 -2.48771,-0.517797 l -0.18396,2.487703 c 0.99059,0.322777 2.00345,0.484208 3.03857,0.484208 1.04624,0 1.85339,-0.289391 2.42104,-0.868164 0.56764,-0.578773 0.85163,-1.396739 0.85163,-2.454114 0,-0.578773 -0.12848,-1.09113 -0.38447,-1.53634 -0.24487,-0.44521 -0.54508,-0.78429 -0.90124,-1.018026 -0.35617,-0.244865 -0.7125,-0.451096 -1.06867,-0.61805 -0.35617,-0.178084 -0.6623,-0.344921 -0.91829,-0.500744 -0.24487,-0.155824 -0.3669,-0.317255 -0.3669,-0.484209 0,-0.422949 0.26133,-0.634586 0.78445,-0.634586 0.41181,0 1.16876,0.12796 2.27066,0.383956 l 0.33383,-2.671155 c -1.05737,-0.200345 -2.09239,-0.30024 -3.10524,-0.30024 z m 15.3262,2.337325 c -2.35961,0 -3.53932,1.391341 -3.53932,4.173905 0,1.29111 0.30612,2.31479 0.91829,3.071647 0.61216,0.745728 1.49114,1.118795 2.63756,1.118795 0.93494,0 1.87005,-0.144695 2.805,-0.434082 l -0.23358,-2.070158 c -1.0685,0.255996 -1.78657,0.383956 -2.15387,0.383956 -0.76799,0 -1.15187,-0.417351 -1.15187,-1.25212 h 3.80649 c 0.0779,-1.068504 0.11679,-1.669944 0.11679,-1.803507 0,-1.023984 -0.25052,-1.80848 -0.75138,-2.353862 -0.48973,-0.556513 -1.30769,-0.834574 -2.45411,-0.834574 z m 22.95622,0 c -2.35961,0 -3.53932,1.391341 -3.53932,4.173905 0,1.29111 0.30613,2.31479 0.91829,3.071647 0.61217,0.745728 1.49115,1.118795 2.63757,1.118795 0.93493,0 1.87005,-0.144695 2.80499,-0.434082 l -0.23358,-2.070158 c -1.0685,0.255996 -1.78657,0.383956 -2.15387,0.383956 -0.76799,0 -1.15187,-0.417351 -1.15187,-1.25212 h 3.80649 c 0.0779,-1.068504 0.11679,-1.669944 0.11679,-1.803507 0,-1.023984 -0.25051,-1.80848 -0.75138,-2.353862 -0.48972,-0.556513 -1.30769,-0.834574 -2.45411,-0.834574 z m 8.69818,0 c -0.5899,0 -1.01807,0.04428 -1.2852,0.133325 -0.256,0.07791 -0.51243,0.261484 -0.76843,0.550871 h -0.0667 l -0.16691,-0.484208 h -2.43758 V 39.9378 h 2.77141 v -4.491198 c 0,-0.422951 0.0669,-0.701012 0.2005,-0.834575 0.14469,-0.133563 0.43409,-0.200504 0.86817,-0.200504 h 0.76791 z m -23.29006,0.01654 c -0.91267,0 -1.52492,0.228372 -1.83658,0.684713 h -0.0832 l -0.16691,-0.501261 h -2.30425 v 10.284643 h 2.80499 v -2.471171 h 0.0667 c 0.3339,0.244866 0.74585,0.36742 1.23558,0.36742 1.05737,0 1.78085,-0.350409 2.17041,-1.051616 0.40069,-0.712336 0.601,-1.792145 0.601,-3.239079 0,-1.446933 -0.18898,-2.487348 -0.56741,-3.121773 -0.3673,-0.634425 -1.00762,-0.95188 -1.9203,-0.95188 z m 27.08001,2.337325 c 0.24486,0 0.48404,0.06694 0.71778,0.200505 v 3.455603 c -0.21148,0.100172 -0.41719,0.150378 -0.61753,0.150378 -0.18922,0 -0.32851,-0.03347 -0.41755,-0.100252 -0.0779,-0.07791 -0.13892,-0.211278 -0.18345,-0.400492 -0.0334,-0.200345 -0.0555,-0.395246 -0.0667,-0.584461 -0.0111,-0.189214 -0.0171,-0.545029 -0.0171,-1.068152 0,-0.534252 0.0389,-0.94079 0.11679,-1.219047 0.0779,-0.289387 0.23394,-0.434082 0.46768,-0.434082 z m -35.51102,0.03359 c 0.50086,0 0.75138,0.261326 0.75138,0.784448 v 0.401009 h -1.45262 c 0,-0.400689 0.0443,-0.696002 0.13332,-0.885217 0.089,-0.200344 0.27854,-0.30024 0.56792,-0.30024 z m 7.51272,0 c 0.24487,0 0.4063,0.144696 0.48421,0.434082 0.0779,0.278256 0.11679,0.684278 0.11679,1.21853 0,0.523122 -0.005,0.879454 -0.0165,1.068669 -0.0111,0.189214 -0.0387,0.384116 -0.0832,0.58446 -0.0334,0.189215 -0.0949,0.322581 -0.18397,0.400493 -0.0779,0.06678 -0.2172,0.100252 -0.41755,0.100252 -0.18921,0 -0.38952,-0.05021 -0.601,-0.150378 v -3.45612 c 0.23374,-0.133563 0.46752,-0.199988 0.70125,-0.199988 z m 15.44351,0 c 0.50086,0 0.75137,0.261326 0.75137,0.784448 v 0.401009 h -1.45262 c 0,-0.400689 0.0443,-0.696002 0.13332,-0.885217 0.089,-0.200344 0.27854,-0.30024 0.56793,-0.30024 z" />
-    <text
-       xml:space="preserve"
-       style="font-size:3.175px;line-height:1.25;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans';letter-spacing:0px;stroke-width:0.264583"
-       x="243.8864"
-       y="49.477226"
-       id="text1042"><tspan
-         sodipodi:role="line"
-         id="tspan1040"
-         style="stroke-width:0.264583"
-         x="243.8864"
-         y="49.477226"><tspan
-   style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'DejaVu Sans';-inkscape-font-specification:'DejaVu Sans Bold'"
-   id="tspan1044">Font:</tspan> Passion One</tspan></text>
     <g
        id="g1">
       <path
@@ -76,7 +63,7 @@
          d="m 249.6106,29.754455 v 0.0083 h -0.008 v 2.217436 h 0.003 v 10e-4 h 1.53376 v -10e-4 h 0.006 v -1.318783 h -0.006 v -0.0124 H 250.409 v 0.449585 h 0.28629 v 0.432532 h -0.64337 v -1.326534 h 1.51774 v 9.919808 h 0.44958 V 29.762723 h -0.008 v -0.0083 z" />
       <path
          id="path3296"
-         style="fill:#073b4c;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
+         style="fill:#073b4c;fill-opacity:1;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
          d="m 255.15652,31.014843 -1.05007,1.416451 -0.0264,0.610816 -0.62942,2.070158 -0.93121,0.4408 0.16795,0.627868 1.24437,-0.667659 -0.15142,2.845304 h 0.61237 v 1.767334 h 0.56844 v -1.79679 h 1.40302 v 1.79679 h 0.58807 v -1.776636 h 0.64803 l -0.34469,-5.936072 -1.05264,-1.398364 z" />
       <rect
          style="fill:#073b4c;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1"
@@ -87,7 +74,7 @@
          y="35.586159" />
       <path
          id="path4339"
-         style="fill:#073b4c;stroke:none;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1;fill-opacity:1"
+         style="fill:#073b4c;fill-opacity:1;stroke:none;stroke-width:0.264583;stroke-dasharray:none;stroke-opacity:1"
          d="m 255.30948,26.120455 c -0.59463,0.01499 -1.06867,0.499766 -1.06867,1.099158 v 0.91519 a 3.375586,0.31502971 0 0 0 -2.10013,0.291455 3.375586,0.31502971 0 0 0 2.18281,0.294556 1.2155644,1.3639417 0 0 0 -0.0227,0.259415 1.2155644,1.3639417 0 0 0 1.21543,1.364258 1.2155644,1.3639417 0 0 0 1.21594,-1.364258 1.2155644,1.3639417 0 0 0 -0.0222,-0.259415 3.375586,0.31502971 0 0 0 2.18178,-0.294556 3.375586,0.31502971 0 0 0 -2.15956,-0.293522 v -0.913123 c 0,-0.608906 -0.48975,-1.099158 -1.0976,-1.099158 h -0.29663 c -0.01,0 -0.019,-2.38e-4 -0.0284,0 z" />
     </g>
   </g>
-- 
2.46.0

[bug#74634] [PATCH shepherd website 5/5] Avoid some content overflowing horizontally on narrow screens.

[sirgazil--- via Guix-patches via]

From: Luis Felipe <sirgazil@zoho.com>

* static/css/main.css (pre)[overflow-x]: Set to auto.
(.frontpage #header .logo img): Remove padding. The parent container
already has a margin that avoids the image extending to the left and
right sides of the viewport.
---
 static/css/main.css | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/static/css/main.css b/static/css/main.css
index 08e1ee5..35c4b77 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -60,7 +60,7 @@ pre {
     padding: 0 0 0 1em;
     text-align: left;
     font-family: fixed-width;
-    overflow-x: display;
+    overflow-x: auto;
     margin-bottom: 0.8rem;
 }
 
@@ -137,7 +137,6 @@ p + p {
 .frontpage #header .logo img {
     margin: 0 auto;
     max-width: 100%;
-    padding: 10px;
     display: block;
     height: 10rem;
 }
-- 
2.46.0

[bug#74634] [PATCH shepherd website 1/5] logo: Remove adaptation to user's preferred color scheme.

[Ludovic Courtès]

sirgazil@zoho.com skribis:

> From: Luis Felipe <sirgazil@zoho.com>
>
> The website's CSS doesn't adapt to user's preferred color scheme yet,
> but the logo image did. This created an accessibility problem for
> users who prefer a dark scheme: the whitish version of the logo was
> displayed on the whitish pages of the website. This change solves that
> problem.
>
> * haunt.scm (page-layout): Always use the logo for light backgrounds.

Oops, I must say I don’t really know how to adapt to the user’s
preferred color scheme.  Probably the next change would be to do what
the logo did, but for the entire CSS.  We’ll see.

Ludo’.

bug#74634: [PATCH shepherd website 0/5] Suggested style changes for 1.0.0 release

[Ludovic Courtès]

Hi Luis,

sirgazil@zoho.com skribis:

>   logo: Remove adaptation to user's preferred color scheme.
>   logo: Remove jumpy effect on focus.
>   logo: Use the same color of the main text.
>   logo: Remove SVG margins.
>   Avoid some content overflowing horizontally on narrow screens.

Applied, thank you!

Ludo’.

[bug#74634] [PATCH shepherd website 1/5] logo: Remove adaptation to user's preferred color scheme.

[Luis Felipe via Guix-patches via]

[-- Attachment #1.1.1: Type: text/plain, Size: 960 bytes --]

On 1/12/24 16:27, Ludovic Courtès wrote:
> sirgazil@zoho.com skribis:
>
>> From: Luis Felipe <sirgazil@zoho.com>
>>
>> The website's CSS doesn't adapt to user's preferred color scheme yet,
>> but the logo image did. This created an accessibility problem for
>> users who prefer a dark scheme: the whitish version of the logo was
>> displayed on the whitish pages of the website. This change solves that
>> problem.
>>
>> * haunt.scm (page-layout): Always use the logo for light backgrounds.
> Oops, I must say I don’t really know how to adapt to the user’s
> preferred color scheme.  Probably the next change would be to do what
> the logo did, but for the entire CSS.  We’ll see.

Personally, I'd leave the color scheme support for later (post-release). 
Because the current style uses a relatively rich palette, so you'd have 
to spend some time making sure that all the current colors have nice 
equivalents for the dark theme.


[-- Attachment #1.1.2: OpenPGP public key --]
[-- Type: application/pgp-keys, Size: 2881 bytes --]

[-- Attachment #2: OpenPGP digital signature --]
[-- Type: application/pgp-signature, Size: 495 bytes --]