Fix bubble issue on CHrome

assets/images/monogramme-fondbleu.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 300 300" style="enable-background:new 0 0 300 300;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#243887;}
+	.st1{fill:#FFFFFF;}
+	.st2{fill:#6CC11F;}
+</style>
+<g>
+	<rect class="st0" width="300" height="300"/>
+</g>
+<g>
+	<path class="st1" d="M139.7,160c2.6-0.4,4.8,1.6,4.9,4.2c0,0.2,0,0.4,0,0.7c-1.2,33.8-12.1,60.4-67.1,60.6
+		C13.2,225.7,9.1,192,9.1,156.8c0-37.3,11.7-66.6,68.4-66.6c64.1-0.1,67.3,32.7,67.3,62.8H81v-16.8c0.2-3.5-1.3-4.9-3.7-4.9
+		s-3.9,1.4-4.3,4.9v43.1c0.4,3.5,2,4.9,4.3,4.9s3.9-1.4,3.7-4.9V160H139.7z"/>
+	<path class="st2" d="M221.1,90.1c-54.6,0-67.5,27.5-68.4,61.9H199v-23.8c0.2-1.6,1.4-3,3-3.1c0.6,0,1.2,0.1,1.8,0.5l43.9,28.4
+		c1.4,0.9,1.8,2.7,0.9,4c-0.2,0.4-0.5,0.7-0.9,0.9l-43.9,28.3c-1.3,0.9-3.1,0.5-4-0.8c-0.3-0.5-0.5-1-0.7-1.6V160h-46.4
+		c0.3,34.1,6.1,65.4,68.4,65.4c59.4,0,67.5-31.3,67.5-68.6C288.5,122,280.7,90.1,221.1,90.1z"/>
+	<polygon class="st2" points="207,176.3 237.9,156.4 207,136.6 	"/>
+</g>
+</svg>

content/gotogether/scitycoop-devient-coopgo.md

@@ -2,7 +2,7 @@
 title: "Scity.coop devient COOPGO"
 date: 2021-06-01T05:05:57+02:00
 description: "Scity.coop, société coopérative spécialisée dans les mobilités durables inclusives et solidaires, devient COOPGO. Ce changement de ..."
-featuredimage: images/slide-coopgo.png
+featuredimage: images/monogramme-fondbleu.svg
 images:
 - images/slide-coopgo.png
 ---

resources/_gen/assets/scss/sass/main.scss_f300667da4f5b5f84e1a9e0702b2fdde.content

@@ -1097,6 +1097,12 @@ nav#navbar {
       nav#navbar ul li a {
         color: inherit;
         text-decoration: none; }
+        nav#navbar ul li a img {
+          height: 1.5em; }
+      nav#navbar ul li a:hover {
+        font-weight: bold; }
+        nav#navbar ul li a:hover img {
+          height: 1.7em; }
 
 .flex-row {
   display: flex; }
@@ -1117,7 +1123,8 @@ nav#navbar {
   flex-direction: row-reverse; }
 
 .bg-bubble {
-  mask-image: url('data:image/svg+xml;charset=utf-8,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 757.18 757.18"><path d="M755.59,378.59c0-1.81,0-3.62,0-5.43,0-14.52-.25-29-.85-43.23-3.4-94.25-19.29-182.2-84.5-243-60.77-65.09-148.54-81-242.62-84.44-14.4-.61-29-.86-43.62-.86H373.16c-14.65,0-29.21.25-43.61.86C235.47,5.87,147.69,21.79,86.92,86.88,21.71,147.73,5.83,235.68,2.42,329.93c-.59,14.28-.84,28.71-.84,43.23,0,1.81,0,3.62,0,5.43s0,3.61,0,5.42c0,14.53.25,29,.84,43.23,3.41,94.25,19.29,182.21,84.5,243.06,60.77,65.08,148.55,81,242.63,84.44,14.4.6,29,.86,43.61.86H384c14.66,0,29.22-.26,43.62-.86,94.08-3.44,181.85-19.36,242.62-84.44,65.21-60.85,81.1-148.81,84.5-243.06.6-14.27.85-28.7.85-43.23C755.6,382.2,755.59,380.4,755.59,378.59Z"/></svg>'); }
+  mask-image: url('data:image/svg+xml;charset=utf-8,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 757.18 757.18"><path d="M755.59,378.59c0-1.81,0-3.62,0-5.43,0-14.52-.25-29-.85-43.23-3.4-94.25-19.29-182.2-84.5-243-60.77-65.09-148.54-81-242.62-84.44-14.4-.61-29-.86-43.62-.86H373.16c-14.65,0-29.21.25-43.61.86C235.47,5.87,147.69,21.79,86.92,86.88,21.71,147.73,5.83,235.68,2.42,329.93c-.59,14.28-.84,28.71-.84,43.23,0,1.81,0,3.62,0,5.43s0,3.61,0,5.42c0,14.53.25,29,.84,43.23,3.41,94.25,19.29,182.21,84.5,243.06,60.77,65.08,148.55,81,242.63,84.44,14.4.6,29,.86,43.61.86H384c14.66,0,29.22-.26,43.62-.86,94.08-3.44,181.85-19.36,242.62-84.44,65.21-60.85,81.1-148.81,84.5-243.06.6-14.27.85-28.7.85-43.23C755.6,382.2,755.59,380.4,755.59,378.59Z"/></svg>');
+  -webkit-mask-image: url('data:image/svg+xml;charset=utf-8,<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 757.18 757.18"><path d="M755.59,378.59c0-1.81,0-3.62,0-5.43,0-14.52-.25-29-.85-43.23-3.4-94.25-19.29-182.2-84.5-243-60.77-65.09-148.54-81-242.62-84.44-14.4-.61-29-.86-43.62-.86H373.16c-14.65,0-29.21.25-43.61.86C235.47,5.87,147.69,21.79,86.92,86.88,21.71,147.73,5.83,235.68,2.42,329.93c-.59,14.28-.84,28.71-.84,43.23,0,1.81,0,3.62,0,5.43s0,3.61,0,5.42c0,14.53.25,29,.84,43.23,3.41,94.25,19.29,182.21,84.5,243.06,60.77,65.08,148.55,81,242.63,84.44,14.4.6,29,.86,43.61.86H384c14.66,0,29.22-.26,43.62-.86,94.08-3.44,181.85-19.36,242.62-84.44,65.21-60.85,81.1-148.81,84.5-243.06.6-14.27.85-28.7.85-43.23C755.6,382.2,755.59,380.4,755.59,378.59Z"/></svg>'); }
 
 .icon-bubble {
   display: flex;

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_bubbles.scss

@@ -3,6 +3,7 @@ $bubbleshape: '<svg id="Calque_1" data-name="Calque 1" xmlns="http://www.w3.org/
 
 .bg-bubble {
     mask-image: url("data:image/svg+xml;charset=utf-8,#{$bubbleshape}");
+    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,#{$bubbleshape}");
 }
 
 .icon-bubble {

themes/coopgo-theme/assets/sass/coopgo-web-ui-kit/_nav.scss

@@ -23,6 +23,18 @@ nav {
                 a {
                     color: inherit;
                     text-decoration: none;
+
+                    img {
+                        height: 1.5em;
+                    }
+                }
+
+                a:hover {
+                    font-weight: bold;
+
+                    img {
+                        height: 1.7em;
+                    }
                 }
             }
         }

themes/coopgo-theme/layouts/_default/list.html

@@ -3,7 +3,7 @@
 {{if (isset .Params "titleimg")}}
 {{$titleimg := resources.Get .Params.titleimg}}
 <div class="bg-primary p-t-100  p-b-100 ta-c">
-    <img class="max-x-300" src="{{$titleimg.Permalink}}" alt="{{.Title}}" />
+    <img class="max-w-300" src="{{$titleimg.Permalink}}" alt="{{.Title}}" />
 </div>
 {{end}}
 

themes/coopgo-theme/layouts/partials/header.html

@@ -23,7 +23,7 @@
             <li>
                 {{ $gotogether := resources.Get "images/gotogether-lemag.svg" }}
                 <a href="/gotogether/">
-                    <img class="h-25" src="{{ $gotogether.Permalink }}" alt="GO TOGETHER le mag" />
+                    <img src="{{ $gotogether.Permalink }}" alt="GO TOGETHER le mag" />
                 </a>
             </li>
             {{ if eq (relURL .URL) ("/" | safeHTML) }}<li><a href="#section4">NOS PROJETS</a></li>{{ end }}