create pill box compoenent + center covers w/ title

diff --git a/app/View/Components/PillBox.php b/app/View/Components/PillBox.php
new file mode 100644 (file)
index 0000000..b8a35d1
--- /dev/null
+++ b/app/View/Components/PillBox.php
@@ -0,0 +1,36 @@
+<?php
+
+namespace App\View\Components;
+
+use Illuminate\View\Component;
+
+class PillBox extends Component
+{
+    public string $title;
+    public string $link;
+    public string $color;
+
+    /**
+     * Create a new component instance.
+     *
+     * @param $title
+     * @param $link
+     * @param $color
+     */
+    public function __construct($title, $link = '#', $color = 'red')
+    {
+        $this->title = $title;
+        $this->link = $link;
+        $this->color = $color;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\View\View|string
+     */
+    public function render()
+    {
+        return view('components.pill-box');
+    }
+}

diff --git a/public/css/app.css b/public/css/app.css
index e27d2e021e21609a15c6f7f1b66c2ac0a0d6f585..d9690bea27aec913ca37f94c515cfd6d1c9c9592 100644 (file)
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -11156,9 +11156,64 @@ div.cover img.cover-bg {
 }
 
 div.cover img.cover-over {
-  width: 67%;
   position: absolute;
-  left: 26%;
+  width: 56%;
+  left: 22%;
   top: 3%;
 }
 
+div.cover p {
+  text-transform: uppercase;
+  color: #074e9c;
+  background-color: rgba(7, 78, 156, 0.3);
+  text-align: center;
+  font-weight: 900;
+  display: table;
+  margin: auto;
+  padding: 0 6px;
+  font-size: small;
+}
+
+div.pill-box {
+  position: relative;
+}
+
+div.pill-box img {
+  width: 50px;
+  left: -20px;
+  top: -20px;
+  position: absolute;
+  z-index: 2;
+}
+
+div.pill-box div {
+  background-color: rgba(208, 77, 74, 0.2);
+  border-radius: 5px;
+  box-shadow: 4px 5px 11px 1px #aaa;
+  padding: 5px;
+  border: 1px solid #d04d4a;
+}
+
+div.pill-box div h2 {
+  padding: 0 30px;
+  font-weight: bold;
+  font-size: large;
+  color: #d04d4a;
+  text-align: center;
+}
+
+div.pill-box div > p {
+  padding: 5px 10px 0 10px;
+  margin-bottom: 0.5rem;
+  text-align: center;
+}
+
+div.pill-box div > a {
+  text-align: right;
+  text-transform: uppercase;
+  font-weight: bold;
+  color: #d04d4a !important;
+  margin-bottom: 0;
+  display: block;
+}
+

diff --git a/public/img/cover-bg-center.png b/public/img/cover-bg-center.png
new file mode 100644 (file)
index 0000000..eb2069c
Binary files /dev/null and b/public/img/cover-bg-center.png differ

diff --git a/public/img/pill-icon.svg b/public/img/pill-icon.svg
new file mode 100644 (file)
index 0000000..0ee4c60
--- /dev/null
+++ b/public/img/pill-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 53.79 59.9"><defs><style>.cls-1{fill:#682726;}.cls-2{fill:#f0d6d5;}.cls-3{fill:#e1adab;}.cls-4{fill:#882623;}.cls-5{fill:#fae6e6;}.cls-6{fill:#681310;}.cls-7{clip-path:url(#clip-path);}.cls-8{clip-path:url(#clip-path-2);}.cls-9{clip-path:url(#clip-path-3);}.cls-10{clip-path:url(#clip-path-4);}.cls-11{clip-path:url(#clip-path-5);}.cls-12{clip-path:url(#clip-path-6);}</style><clipPath id="clip-path" transform="translate(5.22 6.23)"><path class="cls-1" d="M38.31,19c-.1.59-.23,1.19-.37,1.8A33.79,33.79,0,0,1,33,31.8a33.74,33.74,0,0,1-7.11,7.68,22.75,22.75,0,0,1-11.11,5l-.59.06a12.46,12.46,0,0,1-8-1.86l5.71,3.73a12.45,12.45,0,0,0,8,1.86l.59-.06a22.79,22.79,0,0,0,11.11-5,34.18,34.18,0,0,0,7.11-7.68,33.74,33.74,0,0,0,4.93-11c.14-.6.26-1.2.36-1.79,1.33-7.72-.91-14-5.53-17l-5.7-3.73C37.39,4.92,39.64,11.24,38.31,19Z"/></clipPath><clipPath id="clip-path-2" transform="translate(5.22 6.23)"><path class="cls-2" d="M35.79,18.58,1.23,21.43C3.63,11.36,13.58,1.4,23.13.61S38.19,8.51,35.79,18.58Z"/></clipPath><clipPath id="clip-path-3" transform="translate(5.22 6.23)"><path class="cls-2" d="M13.23,42.23C3.68,43-1.84,34.34.56,24.27l34.56-2.86C32.72,31.49,22.77,41.44,13.23,42.23Z"/></clipPath><clipPath id="clip-path-4" transform="translate(5.22 6.23)"><path class="cls-3" d="M22.46.68A11.83,11.83,0,0,1,33.75,5.25c2.75,3.81,3.11,8.87,2,13.33l2.15,2.18c1.11-4.69,1.18-10-1.11-14.31a12.14,12.14,0,0,0-4.6-4.88A12.44,12.44,0,0,0,26,0a17.81,17.81,0,0,0-6,1.14l-1.33.49A18.1,18.1,0,0,1,22.46.68Z"/></clipPath><clipPath id="clip-path-5" transform="translate(5.22 6.23)"><path class="cls-3" d="M.59,33.48a14.83,14.83,0,0,0,2.87,6.66,11.51,11.51,0,0,0,5.83,3.92c4.59,1.32,9.54-.12,13.53-2.47A33.66,33.66,0,0,0,37.94,20.76l-2.82.65a28.48,28.48,0,0,1-6.5,12,26.92,26.92,0,0,1-11.6,8,13.81,13.81,0,0,1-10.38-.41A12.37,12.37,0,0,1,.36,32.43Z"/></clipPath><clipPath id="clip-path-6" transform="translate(5.22 6.23)"><path class="cls-4" d="M44,14.41a23,23,0,0,1-.13,9h0c-.06.29-.12.59-.19.88.09-.36,0,.06,0,.12.07-.33,0,.08,0,.12s-.06.26-.1.39-.12.49-.19.74c-.14.5-.29,1-.46,1.49-.31.95-.67,1.88-1.07,2.8a35.66,35.66,0,0,1-2.87,5.25,33.89,33.89,0,0,1-7.86,8.43,25.22,25.22,0,0,1-6.43,3.54L26,46.67a26.28,26.28,0,0,0,9.35-6.09A30.86,30.86,0,0,0,42,31.08a35.59,35.59,0,0,0,2.07-6.34A24.35,24.35,0,0,0,44.66,19c0-.56,0-1.11-.1-1.67a14.17,14.17,0,0,0-.33-1.84Zm-.14,9.09v-.05h0v0Z"/></clipPath></defs><g id="Calque_2" data-name="Calque 2"><g id="Calque_1-2" data-name="Calque 1"><polygon class="cls-5" points="6.25 30.04 6.45 27.67 41.01 24.81 43.16 26.99 6.25 30.04"/><polygon class="cls-6" points="43.16 26.99 40.34 27.65 5.78 30.5 6.25 30.04 43.16 26.99"/><path class="cls-1" d="M38.31,19c-.1.59-.23,1.19-.37,1.8A33.79,33.79,0,0,1,33,31.8a33.74,33.74,0,0,1-7.11,7.68,22.75,22.75,0,0,1-11.11,5l-.59.06a12.46,12.46,0,0,1-8-1.86l5.71,3.73a12.45,12.45,0,0,0,8,1.86l.59-.06a22.79,22.79,0,0,0,11.11-5,34.18,34.18,0,0,0,7.11-7.68,33.74,33.74,0,0,0,4.93-11c.14-.6.26-1.2.36-1.79,1.33-7.72-.91-14-5.53-17l-5.7-3.73C37.39,4.92,39.64,11.24,38.31,19Z" transform="translate(5.22 6.23)"/><g class="cls-7"><polygon class="cls-1" points="12.94 52.26 21.35 57.65 16.4 59.9 12.94 52.26"/><polygon class="cls-1" points="12.28 50.8 22.3 57.22 21.35 57.65 12.94 52.26 12.28 50.8"/><polygon class="cls-1" points="11.62 49.33 23.25 56.79 22.3 57.22 12.28 50.8 11.62 49.33"/><polygon class="cls-1" points="11.3 48.65 11.55 48.26 24.2 56.36 23.25 56.79 11.62 49.33 11.3 48.65"/><polygon class="cls-1" points="11.55 48.26 12.02 47.52 25.15 55.93 24.2 56.36 11.55 48.26"/><polygon class="cls-1" points="12.02 47.52 12.5 46.78 26.1 55.5 25.15 55.93 12.02 47.52"/><polygon class="cls-1" points="12.5 46.78 12.97 46.05 27.05 55.07 26.1 55.5 12.5 46.78"/><polygon class="cls-1" points="12.97 46.05 13.44 45.31 28 54.64 27.05 55.07 12.97 46.05"/><polygon class="cls-1" points="13.44 45.31 13.91 44.58 28.94 54.21 28 54.64 13.44 45.31"/><polygon class="cls-1" points="13.91 44.58 14.38 43.84 29.89 53.78 28.94 54.21 13.91 44.58"/><polygon class="cls-1" points="14.38 43.84 14.85 43.1 30.84 53.35 29.89 53.78 14.38 43.84"/><polygon class="cls-1" points="14.85 43.1 15.33 42.37 31.79 52.92 30.84 53.35 14.85 43.1"/><polygon class="cls-1" points="15.33 42.37 15.8 41.63 32.74 52.49 31.79 52.92 15.33 42.37"/><polygon class="cls-1" points="15.8 41.63 16.27 40.9 33.69 52.06 32.74 52.49 15.8 41.63"/><polygon class="cls-1" points="16.27 40.9 16.74 40.16 34.64 51.63 33.69 52.06 16.27 40.9"/><polygon class="cls-1" points="16.74 40.16 17.21 39.42 35.59 51.2 34.64 51.63 16.74 40.16"/><polygon class="cls-1" points="17.21 39.42 17.68 38.69 36.53 50.77 35.59 51.2 17.21 39.42"/><polygon class="cls-1" points="17.68 38.69 18.16 37.95 37.48 50.34 36.53 50.77 17.68 38.69"/><polygon class="cls-1" points="18.16 37.95 18.63 37.22 38.43 49.91 37.48 50.34 18.16 37.95"/><polygon class="cls-1" points="18.63 37.22 19.1 36.48 39.37 49.47 39.36 49.49 38.43 49.91 18.63 37.22"/><rect class="cls-1" x="23.82" y="24.34" width="0.87" height="24.08" transform="translate(-14.24 43.4) rotate(-57.35)"/><rect class="cls-1" x="24.29" y="23.6" width="0.87" height="24.08" transform="translate(-13.4 43.46) rotate(-57.35)"/><rect class="cls-1" x="24.74" y="22.84" width="0.94" height="24.08" transform="translate(-12.53 43.52) rotate(-57.35)"/><rect class="cls-1" x="25.25" y="22.04" width="0.94" height="24.08" transform="translate(-11.63 43.58) rotate(-57.35)"/><rect class="cls-1" x="25.76" y="21.25" width="0.94" height="24.08" transform="translate(-10.73 43.64) rotate(-57.35)"/><rect class="cls-1" x="26.27" y="20.46" width="0.94" height="24.08" transform="translate(-9.83 43.71) rotate(-57.35)"/><rect class="cls-1" x="26.78" y="19.66" width="0.94" height="24.08" transform="translate(-8.93 43.77) rotate(-57.35)"/><rect class="cls-1" x="27.28" y="18.87" width="0.94" height="24.08" transform="translate(-8.03 43.83) rotate(-57.35)"/><rect class="cls-1" x="27.79" y="18.08" width="0.94" height="24.08" transform="translate(-7.12 43.9) rotate(-57.35)"/><rect class="cls-1" x="28.3" y="17.28" width="0.94" height="24.08" transform="translate(-6.22 43.96) rotate(-57.35)"/><rect class="cls-1" x="28.81" y="16.49" width="0.94" height="24.08" transform="translate(-5.32 44.02) rotate(-57.35)"/><rect class="cls-1" x="29.32" y="15.7" width="0.94" height="24.08" transform="translate(-4.42 44.08) rotate(-57.35)"/><rect class="cls-1" x="29.83" y="14.9" width="0.94" height="24.08" transform="translate(-3.52 44.15) rotate(-57.35)"/><rect class="cls-1" x="30.33" y="14.11" width="0.94" height="24.08" transform="translate(-2.61 44.21) rotate(-57.35)"/><rect class="cls-1" x="30.84" y="13.32" width="0.94" height="24.08" transform="matrix(0.54, -0.84, 0.84, 0.54, -1.71, 44.27)"/><rect class="cls-1" x="31.35" y="12.52" width="0.94" height="24.08" transform="translate(-0.81 44.34) rotate(-57.35)"/><rect class="cls-1" x="31.95" y="11.9" width="0.53" height="24.08" transform="translate(-0.11 44.38) rotate(-57.35)"/><rect class="cls-1" x="32.24" y="11.46" width="0.53" height="24.08" transform="translate(0.4 44.42) rotate(-57.35)"/><rect class="cls-1" x="32.53" y="11.01" width="0.53" height="24.08" transform="translate(0.91 44.46) rotate(-57.35)"/><rect class="cls-1" x="32.82" y="10.56" width="0.53" height="24.08" transform="translate(1.42 44.49) rotate(-57.35)"/><rect class="cls-1" x="33.1" y="10.11" width="0.53" height="24.08" transform="translate(1.93 44.53) rotate(-57.35)"/><rect class="cls-1" x="33.39" y="9.66" width="0.53" height="24.08" transform="matrix(0.54, -0.84, 0.84, 0.54, 2.44, 44.56)"/><rect class="cls-1" x="33.68" y="9.22" width="0.53" height="24.08" transform="translate(2.95 44.6) rotate(-57.35)"/><rect class="cls-1" x="33.96" y="8.77" width="0.53" height="24.08" transform="translate(3.46 44.63) rotate(-57.35)"/><rect class="cls-1" x="34.25" y="8.32" width="0.53" height="24.08" transform="translate(3.97 44.67) rotate(-57.35)"/><rect class="cls-1" x="34.54" y="7.87" width="0.53" height="24.08" transform="translate(4.48 44.7) rotate(-57.35)"/><rect class="cls-1" x="34.82" y="7.42" width="0.53" height="24.08" transform="translate(4.99 44.74) rotate(-57.35)"/><rect class="cls-1" x="35.11" y="6.98" width="0.53" height="24.08" transform="translate(5.5 44.77) rotate(-57.35)"/><rect class="cls-1" x="35.4" y="6.53" width="0.53" height="24.08" transform="translate(6.01 44.81) rotate(-57.35)"/><rect class="cls-1" x="35.69" y="6.08" width="0.53" height="24.08" transform="translate(6.52 44.85) rotate(-57.35)"/><rect class="cls-1" x="35.97" y="5.63" width="0.53" height="24.08" transform="translate(7.03 44.88) rotate(-57.35)"/><rect class="cls-1" x="36.26" y="5.18" width="0.53" height="24.08" transform="translate(7.54 44.92) rotate(-57.35)"/><rect class="cls-1" x="36.55" y="4.74" width="0.53" height="24.08" transform="translate(8.04 44.95) rotate(-57.35)"/><rect class="cls-1" x="36.83" y="4.29" width="0.53" height="24.08" transform="translate(8.55 44.99) rotate(-57.35)"/><rect class="cls-1" x="37.12" y="3.84" width="0.53" height="24.08" transform="translate(9.06 45.02) rotate(-57.35)"/><rect class="cls-1" x="37.41" y="3.39" width="0.53" height="24.08" transform="translate(9.57 45.06) rotate(-57.35)"/><rect class="cls-1" x="37.7" y="2.94" width="0.53" height="24.08" transform="translate(10.08 45.09) rotate(-57.35)"/><rect class="cls-1" x="37.98" y="2.5" width="0.53" height="24.08" transform="translate(10.59 45.13) rotate(-57.35)"/><polygon class="cls-1" points="33.48 14.05 33.76 13.6 53.45 26.22 53.79 26.97 53.75 27.04 33.48 14.05"/><polygon class="cls-1" points="33.76 13.6 34.05 13.15 53.05 25.33 53.45 26.22 33.76 13.6"/><polygon class="cls-1" points="34.05 13.15 34.34 12.71 52.65 24.44 53.05 25.33 34.05 13.15"/><polygon class="cls-1" points="34.34 12.71 34.62 12.26 52.24 23.55 52.65 24.44 34.34 12.71"/><polygon class="cls-1" points="34.62 12.26 34.91 11.81 51.84 22.66 52.24 23.55 34.62 12.26"/><polygon class="cls-1" points="34.91 11.81 35.2 11.36 51.44 21.77 51.84 22.66 34.91 11.81"/><polygon class="cls-1" points="35.2 11.36 35.48 10.91 51.03 20.88 51.44 21.77 35.2 11.36"/><polygon class="cls-1" points="35.48 10.91 35.77 10.46 50.63 19.98 51.03 20.88 35.48 10.91"/><polygon class="cls-1" points="35.77 10.46 36.06 10.02 50.22 19.09 50.63 19.98 35.77 10.46"/><polygon class="cls-1" points="36.06 10.02 36.35 9.57 49.82 18.2 50.22 19.09 36.06 10.02"/><polygon class="cls-1" points="36.35 9.57 36.63 9.12 49.41 17.31 49.82 18.2 36.35 9.57"/><polygon class="cls-1" points="36.63 9.12 36.92 8.67 49.01 16.42 49.41 17.31 36.63 9.12"/><polygon class="cls-1" points="36.92 8.67 36.96 8.61 37.46 8.38 48.61 15.53 49.01 16.42 36.92 8.67"/><polygon class="cls-1" points="38.03 8.12 48.2 14.64 48.61 15.53 37.46 8.38 38.03 8.12"/><polygon class="cls-1" points="38.61 7.86 47.8 13.75 48.2 14.64 38.03 8.12 38.61 7.86"/><polygon class="cls-1" points="39.19 7.6 47.4 12.86 47.8 13.75 38.61 7.86 39.19 7.6"/><polygon class="cls-1" points="39.77 7.34 46.99 11.97 47.4 12.86 39.19 7.6 39.77 7.34"/><polygon class="cls-1" points="40.34 7.08 46.59 11.08 46.99 11.97 39.77 7.34 40.34 7.08"/><polygon class="cls-1" points="40.92 6.81 46.19 10.19 46.59 11.08 40.34 7.08 40.92 6.81"/><polygon class="cls-1" points="41.5 6.55 45.78 9.3 46.19 10.19 40.92 6.81 41.5 6.55"/><polygon class="cls-1" points="42.08 6.29 45.38 8.4 45.78 9.3 41.5 6.55 42.08 6.29"/><polygon class="cls-1" points="42.66 6.03 44.97 7.51 45.38 8.4 42.08 6.29 42.66 6.03"/><polygon class="cls-1" points="43.23 5.77 44.57 6.62 44.97 7.51 42.66 6.03 43.23 5.77"/><polygon class="cls-1" points="43.81 5.5 44.16 5.73 44.57 6.62 43.23 5.77 43.81 5.5"/><polygon class="cls-1" points="44.16 5.73 43.81 5.5 44.02 5.41 44.16 5.73"/></g><path class="cls-2" d="M35.79,18.58,1.23,21.43C3.63,11.36,13.58,1.4,23.13.61S38.19,8.51,35.79,18.58Z" transform="translate(5.22 6.23)"/><g class="cls-8"><polygon class="cls-2" points="35.3 27.4 46.41 21.37 46.79 22.2 35.3 27.4"/><polygon class="cls-2" points="14.26 36.94 45.72 19.85 46.41 21.37 35.3 27.4 14.26 36.94"/><polygon class="cls-2" points="11.84 38.04 11.14 36.74 45.03 18.32 45.72 19.85 14.26 36.94 11.84 38.04"/><polygon class="cls-2" points="11.14 36.74 10.35 35.28 44.34 16.8 45.03 18.32 11.14 36.74"/><polygon class="cls-2" points="10.35 35.28 9.55 33.82 43.66 15.29 44.34 16.8 10.35 35.28"/><polygon class="cls-2" points="9.55 33.82 8.76 32.35 42.97 13.77 43.66 15.29 9.55 33.82"/><polygon class="cls-2" points="8.76 32.35 7.96 30.89 42.28 12.24 42.97 13.77 8.76 32.35"/><polygon class="cls-2" points="7.96 30.89 7.68 30.37 7.23 29.39 41.5 10.78 42.18 12.04 42.28 12.24 7.96 30.89"/><polygon class="cls-2" points="6.54 27.87 40.7 9.31 41.5 10.78 7.23 29.39 6.54 27.87"/><polygon class="cls-2" points="5.86 26.35 39.91 7.85 40.7 9.31 6.54 27.87 5.86 26.35"/><polygon class="cls-2" points="5.17 24.83 39.11 6.39 39.91 7.85 5.86 26.35 5.17 24.83"/><polygon class="cls-2" points="4.48 23.31 38.32 4.92 39.11 6.39 5.17 24.83 4.48 23.31"/><polygon class="cls-2" points="3.79 21.79 37.52 3.46 38.32 4.92 4.48 23.31 3.79 21.79"/><polygon class="cls-2" points="3.1 20.27 36.73 2 37.52 3.46 3.79 21.79 3.1 20.27"/><polygon class="cls-2" points="2.41 18.75 35.93 0.54 36.73 2 3.1 20.27 2.41 18.75"/><polygon class="cls-2" points="35.64 0 35.93 0.54 2.41 18.75 1.02 15.7 35.64 0"/></g><path class="cls-2" d="M13.23,42.23C3.68,43-1.84,34.34.56,24.27l34.56-2.86C32.72,31.49,22.77,41.44,13.23,42.23Z" transform="translate(5.22 6.23)"/><g class="cls-9"><polygon class="cls-2" points="11.14 55.31 10.51 54.14 44.08 35.9 45.76 39.62 11.14 55.31"/><polygon class="cls-2" points="10.51 54.14 9.71 52.67 43.39 34.38 44.08 35.9 10.51 54.14"/><polygon class="cls-2" points="9.71 52.67 8.92 51.21 42.7 32.86 43.39 34.38 9.71 52.67"/><polygon class="cls-2" points="8.92 51.21 8.12 49.75 42.01 31.34 42.7 32.86 8.92 51.21"/><polygon class="cls-2" points="8.12 49.75 7.33 48.29 41.32 29.82 42.01 31.34 8.12 49.75"/><polygon class="cls-2" points="7.33 48.29 6.53 46.82 40.63 28.3 41.32 29.82 7.33 48.29"/><polygon class="cls-2" points="6.53 46.82 5.74 45.36 39.94 26.78 40.63 28.3 6.53 46.82"/><polygon class="cls-2" points="5.74 45.36 4.94 43.9 39.25 25.26 39.94 26.78 5.74 45.36"/><polygon class="cls-2" points="4.94 43.9 4.61 43.27 4.21 42.4 38.48 23.78 39.11 24.94 39.25 25.26 4.94 43.9"/><polygon class="cls-2" points="3.52 40.88 37.68 22.32 38.48 23.78 4.21 42.4 3.52 40.88"/><polygon class="cls-2" points="2.83 39.36 36.89 20.86 37.68 22.32 3.52 40.88 2.83 39.36"/><polygon class="cls-2" points="2.14 37.84 36.09 19.39 36.89 20.86 2.83 39.36 2.14 37.84"/><polygon class="cls-2" points="1.45 36.32 35.3 17.93 36.09 19.39 2.14 37.84 1.45 36.32"/><polygon class="cls-2" points="0.76 34.8 23.33 22.54 34.94 17.27 35.3 17.93 1.45 36.32 0.76 34.8"/><polygon class="cls-2" points="0.07 33.28 2.29 32.08 23.33 22.54 0.76 34.8 0.07 33.28"/><polygon class="cls-2" points="2.29 32.08 0.07 33.28 0 33.12 2.29 32.08"/></g><path class="cls-3" d="M22.46.68A11.83,11.83,0,0,1,33.75,5.25c2.75,3.81,3.11,8.87,2,13.33l2.15,2.18c1.11-4.69,1.18-10-1.11-14.31a12.14,12.14,0,0,0-4.6-4.88A12.44,12.44,0,0,0,26,0a17.81,17.81,0,0,0-6,1.14l-1.33.49A18.1,18.1,0,0,1,22.46.68Z" transform="translate(5.22 6.23)"/><g class="cls-10"><polygon class="cls-3" points="38.53 29.09 37.77 28.02 46.53 21.86 47.88 24.85 38.53 29.09"/><polygon class="cls-3" points="37.77 28.02 37.56 27.72 46.37 21.52 46.53 21.86 37.77 28.02"/><polygon class="cls-3" points="37.56 27.72 37.35 27.41 46.22 21.18 46.37 21.52 37.56 27.72"/><polygon class="cls-3" points="37.35 27.41 37.14 27.11 46.06 20.83 46.22 21.18 37.35 27.41"/><polygon class="cls-3" points="37.14 27.11 36.92 26.81 45.9 20.49 46.06 20.83 37.14 27.11"/><polygon class="cls-3" points="36.92 26.81 36.71 26.51 45.75 20.15 45.9 20.49 36.92 26.81"/><polygon class="cls-3" points="36.71 26.51 36.5 26.2 45.59 19.8 45.75 20.15 36.71 26.51"/><polygon class="cls-3" points="36.5 26.2 36.28 25.9 45.44 19.46 45.59 19.8 36.5 26.2"/><polygon class="cls-3" points="36.28 25.9 36.07 25.6 45.28 19.12 45.44 19.46 36.28 25.9"/><polygon class="cls-3" points="36.07 25.6 35.86 25.3 45.13 18.77 45.28 19.12 36.07 25.6"/><polygon class="cls-3" points="35.86 25.3 35.65 24.99 44.97 18.43 45.13 18.77 35.86 25.3"/><polygon class="cls-3" points="35.65 24.99 35.43 24.69 44.81 18.09 44.97 18.43 35.65 24.99"/><polygon class="cls-3" points="35.43 24.69 35.22 24.39 44.66 17.75 44.81 18.09 35.43 24.69"/><polygon class="cls-3" points="35.22 24.39 35.01 24.09 44.51 17.41 44.66 17.75 35.22 24.39"/><polygon class="cls-3" points="35.01 24.09 34.8 23.8 44.36 17.08 44.51 17.41 35.01 24.09"/><polygon class="cls-3" points="34.8 23.8 34.6 23.5 44.2 16.74 44.36 17.08 34.8 23.8"/><polygon class="cls-3" points="34.6 23.5 34.39 23.2 44.05 16.41 44.2 16.74 34.6 23.5"/><polygon class="cls-3" points="34.39 23.2 34.18 22.91 43.9 16.07 44.05 16.41 34.39 23.2"/><polygon class="cls-3" points="34.18 22.91 33.97 22.61 43.75 15.74 43.9 16.07 34.18 22.91"/><polygon class="cls-3" points="33.97 22.61 33.76 22.32 43.6 15.4 43.75 15.74 33.97 22.61"/><polygon class="cls-3" points="33.76 22.32 33.56 22.02 43.45 15.07 43.6 15.4 33.76 22.32"/><polygon class="cls-3" points="33.56 22.02 33.35 21.73 43.29 14.73 43.45 15.07 33.56 22.02"/><polygon class="cls-3" points="33.35 21.73 33.14 21.43 43.14 14.4 43.29 14.73 33.35 21.73"/><polygon class="cls-3" points="33.14 21.43 32.93 21.14 42.99 14.06 43.14 14.4 33.14 21.43"/><polygon class="cls-3" points="32.93 21.14 32.73 20.84 42.84 13.73 42.99 14.06 32.93 21.14"/><polygon class="cls-3" points="32.73 20.84 32.52 20.55 42.69 13.39 42.84 13.73 32.73 20.84"/><polygon class="cls-3" points="32.52 20.55 32.31 20.25 42.53 13.06 42.69 13.39 32.52 20.55"/><polygon class="cls-3" points="32.31 20.25 32.1 19.95 42.38 12.72 42.53 13.06 32.31 20.25"/><polygon class="cls-3" points="32.1 19.95 31.89 19.66 42.23 12.39 42.38 12.72 32.1 19.95"/><polygon class="cls-3" points="31.89 19.66 31.68 19.36 42.08 12.05 42.23 12.39 31.89 19.66"/><polygon class="cls-3" points="31.68 19.36 31.48 19.07 41.93 11.72 42.08 12.05 31.68 19.36"/><polygon class="cls-3" points="31.48 19.07 31.27 18.77 41.76 11.39 41.81 11.47 41.93 11.72 31.48 19.07"/><rect class="cls-3" x="24.78" y="8.52" width="12.83" height="0.36" transform="translate(5.89 25.77) rotate(-35.13)"/><rect class="cls-3" x="24.57" y="8.22" width="12.83" height="0.36" transform="translate(6.03 25.59) rotate(-35.13)"/><rect class="cls-3" x="24.36" y="7.93" width="12.83" height="0.36" transform="translate(6.16 25.42) rotate(-35.13)"/><rect class="cls-3" x="24.16" y="7.63" width="12.83" height="0.36" transform="translate(6.29 25.25) rotate(-35.13)"/><rect class="cls-3" x="23.95" y="7.34" width="12.83" height="0.36" transform="translate(6.42 25.07) rotate(-35.13)"/><rect class="cls-3" x="23.74" y="7.04" width="12.83" height="0.36" transform="translate(6.55 24.9) rotate(-35.13)"/><rect class="cls-3" x="23.53" y="6.75" width="12.83" height="0.36" transform="translate(6.69 24.72) rotate(-35.13)"/><rect class="cls-3" x="23.32" y="6.45" width="12.83" height="0.36" transform="translate(6.82 24.55) rotate(-35.13)"/><rect class="cls-3" x="23.12" y="6.16" width="12.83" height="0.36" transform="translate(6.95 24.38) rotate(-35.13)"/><rect class="cls-3" x="22.91" y="5.86" width="12.83" height="0.36" transform="translate(7.08 24.2) rotate(-35.13)"/><rect class="cls-3" x="22.7" y="5.56" width="12.83" height="0.36" transform="translate(7.21 24.03) rotate(-35.13)"/><rect class="cls-3" x="22.49" y="5.27" width="12.83" height="0.36" transform="translate(7.35 23.86) rotate(-35.13)"/><rect class="cls-3" x="22.28" y="4.97" width="12.83" height="0.36" transform="translate(7.48 23.68) rotate(-35.13)"/><rect class="cls-3" x="22.08" y="4.68" width="12.83" height="0.36" transform="translate(7.61 23.51) rotate(-35.13)"/><rect class="cls-3" x="21.87" y="4.38" width="12.83" height="0.36" transform="translate(7.74 23.34) rotate(-35.13)"/><rect class="cls-3" x="21.66" y="4.09" width="12.83" height="0.36" transform="translate(7.88 23.16) rotate(-35.13)"/><rect class="cls-3" x="21.45" y="3.79" width="12.83" height="0.36" transform="matrix(0.82, -0.58, 0.58, 0.82, 8.01, 22.99)"/><rect class="cls-3" x="21.24" y="3.5" width="12.83" height="0.36" transform="translate(8.14 22.82) rotate(-35.13)"/><rect class="cls-3" x="21.04" y="3.2" width="12.83" height="0.36" transform="translate(8.27 22.64) rotate(-35.13)"/><rect class="cls-3" x="20.83" y="2.9" width="12.83" height="0.36" transform="translate(8.4 22.47) rotate(-35.13)"/><rect class="cls-3" x="20.62" y="2.61" width="12.83" height="0.36" transform="matrix(0.82, -0.58, 0.58, 0.82, 8.54, 22.3)"/><rect class="cls-3" x="20.41" y="2.31" width="12.83" height="0.36" transform="translate(8.67 22.12) rotate(-35.13)"/><rect class="cls-3" x="20.2" y="2.02" width="12.83" height="0.36" transform="translate(8.8 21.95) rotate(-35.13)"/><rect class="cls-3" x="20" y="1.72" width="12.83" height="0.36" transform="translate(8.93 21.78) rotate(-35.13)"/><rect class="cls-3" x="19.79" y="1.43" width="12.83" height="0.36" transform="translate(9.07 21.6) rotate(-35.13)"/><rect class="cls-3" x="19.58" y="1.13" width="12.83" height="0.36" transform="translate(9.2 21.43) rotate(-35.13)"/><rect class="cls-3" x="19.37" y="0.84" width="12.83" height="0.36" transform="translate(9.33 21.26) rotate(-35.13)"/><rect class="cls-3" x="19.16" y="0.54" width="12.83" height="0.36" transform="translate(9.46 21.08) rotate(-35.13)"/><rect class="cls-3" x="18.96" y="0.25" width="12.83" height="0.36" transform="translate(9.59 20.91) rotate(-35.13)"/><polygon class="cls-3" points="25.24 10.2 25.03 9.9 35.34 2.65 35.55 2.56 35.73 2.82 25.24 10.2"/><polygon class="cls-3" points="25.03 9.9 24.82 9.61 33.58 3.45 35.34 2.65 25.03 9.9"/><polygon class="cls-3" points="24.82 9.61 24.62 9.31 31.81 4.25 33.58 3.45 24.82 9.61"/><polygon class="cls-3" points="24.62 9.31 24.33 8.9 23.85 7.86 31.81 4.25 24.62 9.31"/></g><path class="cls-3" d="M.59,33.48a14.83,14.83,0,0,0,2.87,6.66,11.51,11.51,0,0,0,5.83,3.92c4.59,1.32,9.54-.12,13.53-2.47A33.66,33.66,0,0,0,37.94,20.76l-2.82.65a28.48,28.48,0,0,1-6.5,12,26.92,26.92,0,0,1-11.6,8,13.81,13.81,0,0,1-10.38-.41A12.37,12.37,0,0,1,.36,32.43Z" transform="translate(5.22 6.23)"/><g class="cls-11"><polygon class="cls-3" points="5.11 38.87 12.34 55.48 12.18 55.55 4.71 39.06 5.11 38.87"/><polygon class="cls-3" points="5.84 38.54 13.07 55.15 12.34 55.48 5.11 38.87 5.84 38.54"/><polygon class="cls-3" points="6.57 38.21 13.8 54.82 13.07 55.15 5.84 38.54 6.57 38.21"/><polygon class="cls-3" points="7.3 37.88 14.53 54.49 13.8 54.82 6.57 38.21 7.3 37.88"/><polygon class="cls-3" points="8.03 37.55 15.26 54.16 14.53 54.49 7.3 37.88 8.03 37.55"/><polygon class="cls-3" points="8.76 37.22 15.98 53.83 15.26 54.16 8.03 37.55 8.76 37.22"/><polygon class="cls-3" points="9.49 36.89 16.71 53.5 15.98 53.83 8.76 37.22 9.49 36.89"/><polygon class="cls-3" points="10.21 36.56 17.44 53.17 16.71 53.5 9.49 36.89 10.21 36.56"/><polygon class="cls-3" points="10.94 36.23 18.17 52.84 17.44 53.17 10.21 36.56 10.94 36.23"/><polygon class="cls-3" points="11.67 35.9 18.9 52.51 18.17 52.84 10.94 36.23 11.67 35.9"/><polygon class="cls-3" points="12.4 35.57 19.63 52.18 18.9 52.51 11.67 35.9 12.4 35.57"/><polygon class="cls-3" points="13.13 35.24 20.36 51.85 19.63 52.18 12.4 35.57 13.13 35.24"/><polygon class="cls-3" points="13.86 34.91 21.08 51.52 20.36 51.85 13.13 35.24 13.86 34.91"/><polygon class="cls-3" points="14.59 34.58 21.81 51.19 21.08 51.52 13.86 34.91 14.59 34.58"/><polygon class="cls-3" points="15.31 34.24 22.54 50.85 21.81 51.19 14.59 34.58 15.31 34.24"/><polygon class="cls-3" points="16.04 33.91 23.27 50.52 22.54 50.85 15.31 34.24 16.04 33.91"/><polygon class="cls-3" points="16.77 33.59 24 50.19 23.27 50.52 16.04 33.91 16.77 33.59"/><polygon class="cls-3" points="17.5 33.25 24.73 49.86 24 50.19 16.77 33.59 17.5 33.25"/><polygon class="cls-3" points="18.23 32.92 25.46 49.53 24.73 49.86 17.5 33.25 18.23 32.92"/><polygon class="cls-3" points="18.31 32.89 18.96 32.6 26.18 49.2 25.46 49.53 18.23 32.92 18.31 32.89"/><polygon class="cls-3" points="18.96 32.6 19.7 32.28 26.91 48.87 26.18 49.2 18.96 32.6"/><polygon class="cls-3" points="19.7 32.28 20.43 31.96 27.64 48.54 26.91 48.87 19.7 32.28"/><polygon class="cls-3" points="20.43 31.96 21.16 31.65 28.37 48.21 27.64 48.54 20.43 31.96"/><polygon class="cls-3" points="21.16 31.65 21.9 31.33 29.1 47.88 28.37 48.21 21.16 31.65"/><polygon class="cls-3" points="21.9 31.33 31.62 27.1 38.75 43.51 29.1 47.88 21.9 31.33"/><rect class="cls-3" x="29.95" y="20.06" width="0.34" height="17.89" transform="translate(-3.85 20.66) rotate(-23.51)"/><rect class="cls-3" x="30.26" y="19.92" width="0.34" height="17.88" transform="translate(-3.77 20.77) rotate(-23.51)"/><rect class="cls-3" x="30.56" y="19.79" width="0.34" height="17.88" transform="translate(-3.69 20.88) rotate(-23.51)"/><rect class="cls-3" x="30.87" y="19.66" width="0.34" height="17.87" transform="translate(-3.61 20.99) rotate(-23.51)"/><rect class="cls-3" x="31.18" y="19.52" width="0.34" height="17.87" transform="translate(-3.53 21.1) rotate(-23.51)"/><rect class="cls-3" x="31.48" y="19.39" width="0.34" height="17.86" transform="translate(-3.45 21.21) rotate(-23.51)"/><rect class="cls-3" x="31.79" y="19.26" width="0.34" height="17.86" transform="translate(-3.37 21.32) rotate(-23.51)"/><rect class="cls-3" x="32.1" y="19.12" width="0.34" height="17.85" transform="translate(-3.29 21.43) rotate(-23.51)"/><rect class="cls-3" x="32.4" y="18.99" width="0.34" height="17.85" transform="translate(-3.21 21.54) rotate(-23.51)"/><rect class="cls-3" x="32.71" y="18.86" width="0.34" height="17.84" transform="translate(-3.13 21.65) rotate(-23.51)"/><rect class="cls-3" x="33.02" y="18.72" width="0.34" height="17.84" transform="translate(-3.05 21.77) rotate(-23.51)"/><rect class="cls-3" x="33.32" y="18.59" width="0.34" height="17.83" transform="translate(-2.97 21.88) rotate(-23.51)"/><rect class="cls-3" x="33.63" y="18.45" width="0.34" height="17.83" transform="translate(-2.89 21.99) rotate(-23.51)"/><rect class="cls-3" x="33.93" y="18.32" width="0.34" height="17.82" transform="translate(-2.81 22.1) rotate(-23.51)"/><rect class="cls-3" x="34.24" y="18.19" width="0.34" height="17.82" transform="translate(-2.73 22.21) rotate(-23.51)"/><rect class="cls-3" x="34.55" y="18.05" width="0.34" height="17.81" transform="translate(-2.65 22.32) rotate(-23.51)"/><rect class="cls-3" x="34.85" y="17.92" width="0.34" height="17.81" transform="matrix(0.92, -0.4, 0.4, 0.92, -2.58, 22.43)"/><rect class="cls-3" x="35.16" y="17.79" width="0.34" height="17.8" transform="translate(-2.5 22.54) rotate(-23.51)"/><rect class="cls-3" x="35.47" y="17.65" width="0.34" height="17.8" transform="translate(-2.42 22.65) rotate(-23.51)"/><rect class="cls-3" x="35.77" y="17.52" width="0.34" height="17.79" transform="translate(-2.34 22.76) rotate(-23.51)"/><rect class="cls-3" x="36.08" y="17.39" width="0.34" height="17.79" transform="translate(-2.26 22.87) rotate(-23.51)"/><rect class="cls-3" x="36.38" y="17.25" width="0.34" height="17.78" transform="translate(-2.18 22.98) rotate(-23.51)"/><polygon class="cls-3" points="38.38 24.16 41.3 22.89 48.62 39.03 45.47 40.46 38.38 24.16"/></g><path class="cls-4" d="M44,14.41a23,23,0,0,1-.13,9h0c-.06.29-.12.59-.19.88.09-.36,0,.06,0,.12.07-.33,0,.08,0,.12s-.06.26-.1.39-.12.49-.19.74c-.14.5-.29,1-.46,1.49-.31.95-.67,1.88-1.07,2.8a35.66,35.66,0,0,1-2.87,5.25,33.89,33.89,0,0,1-7.86,8.43,25.22,25.22,0,0,1-6.43,3.54L26,46.67a26.28,26.28,0,0,0,9.35-6.09A30.86,30.86,0,0,0,42,31.08a35.59,35.59,0,0,0,2.07-6.34A24.35,24.35,0,0,0,44.66,19c0-.56,0-1.11-.1-1.67a14.17,14.17,0,0,0-.33-1.84Zm-.14,9.09v-.05h0v0Z" transform="translate(5.22 6.23)"/><g class="cls-12"><rect class="cls-4" x="43.86" y="23.46" width="0.02" height="0.04" transform="matrix(0.91, -0.41, 0.41, 0.91, -0.56, 26.44)"/><polygon class="cls-4" points="29.74 53.12 32.26 46.51 39.74 49.37 30.04 53.77 29.74 53.12"/><polygon class="cls-4" points="32.26 46.51 32.33 46.33 39.99 49.26 39.74 49.37 32.26 46.51"/><polygon class="cls-4" points="32.33 46.33 32.4 46.15 40.24 49.14 39.99 49.26 32.33 46.33"/><polygon class="cls-4" points="32.4 46.15 32.47 45.97 40.49 49.03 40.24 49.14 32.4 46.15"/><polygon class="cls-4" points="32.47 45.97 32.54 45.79 40.73 48.92 40.49 49.03 32.47 45.97"/><polygon class="cls-4" points="32.54 45.79 32.61 45.61 40.98 48.8 40.73 48.92 32.54 45.79"/><polygon class="cls-4" points="32.61 45.61 32.68 45.43 41.23 48.69 40.98 48.8 32.61 45.61"/><polygon class="cls-4" points="32.68 45.43 32.75 45.25 41.48 48.58 41.23 48.69 32.68 45.43"/><polygon class="cls-4" points="32.75 45.25 32.81 45.07 41.73 48.47 41.48 48.58 32.75 45.25"/><polygon class="cls-4" points="32.81 45.07 32.88 44.89 41.98 48.35 41.73 48.47 32.81 45.07"/><polygon class="cls-4" points="32.88 44.89 32.95 44.7 42.22 48.24 41.98 48.35 32.88 44.89"/><polygon class="cls-4" points="32.95 44.7 33.02 44.52 42.47 48.13 42.22 48.24 32.95 44.7"/><polygon class="cls-4" points="33.02 44.52 33.09 44.34 42.72 48.02 42.47 48.13 33.02 44.52"/><polygon class="cls-4" points="33.09 44.34 33.16 44.16 42.97 47.91 42.72 48.02 33.09 44.34"/><polygon class="cls-4" points="33.16 44.16 33.23 43.98 43.22 47.79 42.97 47.91 33.16 44.16"/><polygon class="cls-4" points="33.23 43.98 33.3 43.8 43.46 47.68 43.22 47.79 33.23 43.98"/><polygon class="cls-4" points="33.3 43.8 33.37 43.62 43.67 47.55 43.65 47.6 43.46 47.68 33.3 43.8"/><rect class="cls-4" x="33.24" y="33.75" width="0.19" height="11.02" transform="translate(-10.01 62.64) rotate(-69.11)"/><rect class="cls-4" x="33.3" y="33.57" width="0.19" height="11.02" transform="translate(-9.8 62.59) rotate(-69.11)"/><rect class="cls-4" x="33.37" y="33.39" width="0.19" height="11.02" transform="translate(-9.59 62.54) rotate(-69.11)"/><rect class="cls-4" x="33.44" y="33.21" width="0.19" height="11.02" transform="translate(-9.37 62.48) rotate(-69.11)"/><rect class="cls-4" x="33.51" y="33.03" width="0.19" height="11.02" transform="translate(-9.16 62.43) rotate(-69.11)"/><rect class="cls-4" x="33.58" y="32.85" width="0.19" height="11.02" transform="translate(-8.95 62.38) rotate(-69.11)"/><rect class="cls-4" x="33.65" y="32.67" width="0.19" height="11.02" transform="translate(-8.73 62.33) rotate(-69.11)"/><rect class="cls-4" x="33.72" y="32.48" width="0.19" height="11.02" transform="translate(-8.52 62.28) rotate(-69.11)"/><rect class="cls-4" x="33.79" y="32.3" width="0.19" height="11.02" transform="translate(-8.31 62.22) rotate(-69.11)"/><rect class="cls-4" x="33.86" y="32.12" width="0.19" height="11.02" transform="translate(-8.09 62.17) rotate(-69.11)"/><rect class="cls-4" x="33.93" y="31.94" width="0.19" height="11.02" transform="translate(-7.88 62.12) rotate(-69.11)"/><rect class="cls-4" x="33.99" y="31.76" width="0.19" height="11.02" transform="translate(-7.67 62.07) rotate(-69.11)"/><rect class="cls-4" x="34.06" y="31.58" width="0.19" height="11.02" transform="translate(-7.45 62.02) rotate(-69.11)"/><rect class="cls-4" x="34.13" y="31.4" width="0.19" height="11.02" transform="translate(-7.24 61.96) rotate(-69.11)"/><rect class="cls-4" x="34.2" y="31.22" width="0.19" height="11.02" transform="translate(-7.03 61.91) rotate(-69.11)"/><rect class="cls-4" x="34.27" y="31.04" width="0.19" height="11.02" transform="translate(-6.81 61.86) rotate(-69.11)"/><rect class="cls-4" x="34.34" y="30.86" width="0.19" height="11.02" transform="translate(-6.6 61.81) rotate(-69.11)"/><rect class="cls-4" x="34.41" y="30.68" width="0.19" height="11.02" transform="translate(-6.39 61.76) rotate(-69.11)"/><rect class="cls-4" x="34.48" y="30.49" width="0.19" height="11.02" transform="translate(-6.17 61.71) rotate(-69.11)"/><rect class="cls-4" x="34.55" y="30.31" width="0.19" height="11.02" transform="matrix(0.36, -0.93, 0.93, 0.36, -5.96, 61.65)"/><rect class="cls-4" x="34.62" y="30.13" width="0.19" height="11.02" transform="translate(-5.75 61.6) rotate(-69.11)"/><rect class="cls-4" x="34.68" y="29.95" width="0.19" height="11.02" transform="translate(-5.53 61.55) rotate(-69.11)"/><rect class="cls-4" x="34.75" y="29.77" width="0.19" height="11.02" transform="translate(-5.32 61.5) rotate(-69.11)"/><rect class="cls-4" x="34.82" y="29.59" width="0.19" height="11.02" transform="translate(-5.11 61.45) rotate(-69.11)"/><rect class="cls-4" x="34.89" y="29.41" width="0.19" height="11.02" transform="translate(-4.89 61.39) rotate(-69.11)"/><rect class="cls-4" x="34.96" y="29.23" width="0.19" height="11.02" transform="translate(-4.68 61.34) rotate(-69.11)"/><rect class="cls-4" x="34.94" y="28.93" width="0.46" height="11.02" transform="translate(-4.32 61.25) rotate(-69.11)"/><rect class="cls-4" x="35.11" y="28.5" width="0.46" height="11.02" transform="matrix(0.36, -0.93, 0.93, 0.36, -3.82, 61.13)"/><rect class="cls-4" x="35.27" y="28.07" width="0.46" height="11.02" transform="translate(-3.32 61.01) rotate(-69.11)"/><rect class="cls-4" x="35.43" y="27.65" width="0.46" height="11.02" transform="translate(-2.81 60.89) rotate(-69.11)"/><rect class="cls-4" x="35.6" y="27.22" width="0.46" height="11.02" transform="translate(-2.31 60.77) rotate(-69.11)"/><rect class="cls-4" x="35.76" y="26.79" width="0.46" height="11.02" transform="translate(-1.81 60.64) rotate(-69.11)"/><rect class="cls-4" x="35.92" y="26.37" width="0.46" height="11.02" transform="translate(-1.3 60.52) rotate(-69.11)"/><rect class="cls-4" x="36.08" y="25.94" width="0.46" height="11.02" transform="translate(-0.8 60.4) rotate(-69.11)"/><rect class="cls-4" x="36.25" y="25.51" width="0.46" height="11.02" transform="translate(-0.3 60.28) rotate(-69.11)"/><rect class="cls-4" x="36.41" y="25.09" width="0.46" height="11.02" transform="matrix(0.36, -0.93, 0.93, 0.36, 0.21, 60.15)"/><rect class="cls-4" x="36.57" y="24.66" width="0.46" height="11.02" transform="translate(0.71 60.03) rotate(-69.11)"/><rect class="cls-4" x="36.74" y="24.23" width="0.46" height="11.02" transform="translate(1.21 59.91) rotate(-69.11)"/><rect class="cls-4" x="36.9" y="23.81" width="0.46" height="11.02" transform="translate(1.72 59.79) rotate(-69.11)"/><rect class="cls-4" x="37.06" y="23.38" width="0.46" height="11.02" transform="translate(2.22 59.66) rotate(-69.11)"/><rect class="cls-4" x="37.3" y="23.07" width="0.21" height="11.02" transform="translate(2.59 59.57) rotate(-69.11)"/><rect class="cls-4" x="37.38" y="22.87" width="0.21" height="11.02" transform="translate(2.83 59.52) rotate(-69.11)"/><rect class="cls-4" x="37.45" y="22.67" width="0.21" height="11.02" transform="translate(3.06 59.46) rotate(-69.11)"/><rect class="cls-4" x="37.53" y="22.47" width="0.21" height="11.02" transform="translate(3.3 59.4) rotate(-69.11)"/><rect class="cls-4" x="37.61" y="22.27" width="0.21" height="11.02" transform="translate(3.53 59.34) rotate(-69.11)"/><rect class="cls-4" x="37.68" y="22.07" width="0.21" height="11.02" transform="translate(3.77 59.29) rotate(-69.11)"/><rect class="cls-4" x="37.76" y="21.87" width="0.21" height="11.02" transform="translate(4 59.23) rotate(-69.11)"/><rect class="cls-4" x="37.84" y="21.67" width="0.21" height="11.02" transform="translate(4.24 59.17) rotate(-69.11)"/><rect class="cls-4" x="37.91" y="21.47" width="0.21" height="11.02" transform="translate(4.48 59.11) rotate(-69.11)"/><rect class="cls-4" x="37.99" y="21.27" width="0.21" height="11.02" transform="translate(4.71 59.06) rotate(-69.11)"/><rect class="cls-4" x="38.06" y="21.07" width="0.21" height="11.02" transform="translate(4.95 59) rotate(-69.11)"/><rect class="cls-4" x="38.14" y="20.87" width="0.21" height="11.02" transform="translate(5.18 58.94) rotate(-69.11)"/><rect class="cls-4" x="38.22" y="20.67" width="0.21" height="11.02" transform="translate(5.42 58.89) rotate(-69.11)"/><rect class="cls-4" x="38.29" y="20.47" width="0.21" height="11.02" transform="translate(5.65 58.83) rotate(-69.11)"/><rect class="cls-4" x="38.37" y="20.27" width="0.21" height="11.02" transform="translate(5.89 58.77) rotate(-69.11)"/><rect class="cls-4" x="38.44" y="20.07" width="0.21" height="11.02" transform="translate(6.12 58.71) rotate(-69.11)"/><rect class="cls-4" x="38.52" y="19.87" width="0.21" height="11.02" transform="translate(6.36 58.66) rotate(-69.11)"/><rect class="cls-4" x="38.6" y="19.67" width="0.21" height="11.02" transform="translate(6.6 58.6) rotate(-69.11)"/><rect class="cls-4" x="38.67" y="19.47" width="0.21" height="11.02" transform="translate(6.83 58.54) rotate(-69.11)"/><rect class="cls-4" x="38.75" y="19.27" width="0.21" height="11.02" transform="translate(7.07 58.48) rotate(-69.11)"/><rect class="cls-4" x="38.83" y="19.07" width="0.21" height="11.02" transform="translate(7.3 58.43) rotate(-69.11)"/><rect class="cls-4" x="38.9" y="18.87" width="0.21" height="11.02" transform="translate(7.54 58.37) rotate(-69.11)"/><rect class="cls-4" x="38.98" y="18.67" width="0.21" height="11.02" transform="translate(7.77 58.31) rotate(-69.11)"/><rect class="cls-4" x="39.05" y="18.47" width="0.21" height="11.02" transform="translate(8.01 58.26) rotate(-69.11)"/><rect class="cls-4" x="39.13" y="18.27" width="0.21" height="11.02" transform="translate(8.24 58.2) rotate(-69.11)"/><rect class="cls-4" x="39.21" y="18.07" width="0.21" height="11.02" transform="translate(8.48 58.14) rotate(-69.11)"/><rect class="cls-4" x="39.28" y="17.88" width="0.21" height="11.02" transform="translate(8.72 58.08) rotate(-69.11)"/><rect class="cls-4" x="39.36" y="17.68" width="0.21" height="11.02" transform="translate(8.95 58.03) rotate(-69.11)"/><rect class="cls-4" x="39.44" y="17.48" width="0.21" height="11.02" transform="translate(9.19 57.97) rotate(-69.11)"/><rect class="cls-4" x="39.51" y="17.28" width="0.21" height="11.02" transform="translate(9.42 57.91) rotate(-69.11)"/><rect class="cls-4" x="39.59" y="17.08" width="0.21" height="11.02" transform="translate(9.66 57.85) rotate(-69.11)"/><rect class="cls-4" x="39.66" y="16.88" width="0.21" height="11.02" transform="translate(9.89 57.8) rotate(-69.11)"/><rect class="cls-4" x="39.74" y="16.68" width="0.21" height="11.02" transform="translate(10.13 57.74) rotate(-69.11)"/><rect class="cls-4" x="39.82" y="16.48" width="0.21" height="11.02" transform="translate(10.36 57.68) rotate(-69.11)"/><rect class="cls-4" x="39.89" y="16.28" width="0.21" height="11.02" transform="translate(10.6 57.63) rotate(-69.11)"/><rect class="cls-4" x="39.97" y="16.08" width="0.21" height="11.02" transform="translate(10.84 57.57) rotate(-69.11)"/><rect class="cls-4" x="40.04" y="15.88" width="0.21" height="11.02" transform="translate(11.07 57.51) rotate(-69.11)"/><rect class="cls-4" x="40.12" y="15.68" width="0.21" height="11.02" transform="translate(11.31 57.45) rotate(-69.11)"/><rect class="cls-4" x="40.2" y="15.48" width="0.21" height="11.02" transform="translate(11.54 57.4) rotate(-69.11)"/><rect class="cls-4" x="40.27" y="15.28" width="0.21" height="11.02" transform="translate(11.78 57.34) rotate(-69.11)"/><rect class="cls-4" x="40.35" y="15.08" width="0.21" height="11.02" transform="translate(12.01 57.28) rotate(-69.11)"/><rect class="cls-4" x="40.43" y="14.88" width="0.21" height="11.02" transform="translate(12.25 57.22) rotate(-69.11)"/><polygon class="cls-4" points="40.64 24.56 40.65 24.52 40.88 24.42 51.02 28.29 50.94 28.49 40.64 24.56"/><polygon class="cls-4" points="41.15 24.3 51.09 28.09 51.02 28.29 40.88 24.42 41.15 24.3"/><polygon class="cls-4" points="41.43 24.17 51.17 27.89 51.09 28.09 41.15 24.3 41.43 24.17"/><polygon class="cls-4" points="41.7 24.05 51.24 27.69 51.17 27.89 41.43 24.17 41.7 24.05"/><polygon class="cls-4" points="41.98 23.93 51.32 27.49 51.24 27.69 41.7 24.05 41.98 23.93"/><polygon class="cls-4" points="42.25 23.8 51.4 27.29 51.32 27.49 41.98 23.93 42.25 23.8"/><polygon class="cls-4" points="42.52 23.68 51.47 27.09 51.4 27.29 42.25 23.8 42.52 23.68"/><polygon class="cls-4" points="42.8 23.55 51.55 26.89 51.47 27.09 42.52 23.68 42.8 23.55"/><polygon class="cls-4" points="43.07 23.43 51.62 26.69 51.55 26.89 42.8 23.55 43.07 23.43"/><polygon class="cls-4" points="43.34 23.3 51.7 26.49 51.62 26.69 43.07 23.43 43.34 23.3"/><polygon class="cls-4" points="43.62 23.18 51.78 26.29 51.7 26.49 43.34 23.3 43.62 23.18"/><polygon class="cls-4" points="43.89 23.06 51.67 26.02 51.78 26.28 51.78 26.29 43.62 23.18 43.89 23.06"/><polygon class="cls-4" points="44.17 22.93 51.54 25.75 51.67 26.02 43.89 23.06 44.17 22.93"/><polygon class="cls-4" points="44.44 22.81 51.42 25.47 51.54 25.75 44.17 22.93 44.44 22.81"/><polygon class="cls-4" points="44.72 22.68 51.29 25.19 51.42 25.47 44.44 22.81 44.72 22.68"/><polygon class="cls-4" points="44.99 22.56 51.17 24.92 51.29 25.19 44.72 22.68 44.99 22.56"/><polygon class="cls-4" points="45.26 22.43 51.04 24.64 51.17 24.92 44.99 22.56 45.26 22.43"/><polygon class="cls-4" points="45.54 22.31 50.92 24.36 51.04 24.64 45.26 22.43 45.54 22.31"/><polygon class="cls-4" points="45.81 22.19 50.79 24.09 50.92 24.36 45.54 22.31 45.81 22.19"/><polygon class="cls-4" points="46.09 22.06 50.66 23.81 50.79 24.09 45.81 22.19 46.09 22.06"/><polygon class="cls-4" points="46.36 21.94 50.54 23.53 50.66 23.81 46.09 22.06 46.36 21.94"/><polygon class="cls-4" points="46.63 21.81 50.41 23.26 50.54 23.53 46.36 21.94 46.63 21.81"/><polygon class="cls-4" points="46.91 21.69 50.29 22.98 50.41 23.26 46.63 21.81 46.91 21.69"/><polygon class="cls-4" points="47.18 21.57 50.16 22.7 50.29 22.98 46.91 21.69 47.18 21.57"/><polygon class="cls-4" points="50.16 22.7 47.18 21.57 49.23 20.64 50.16 22.7"/></g></g></g></svg>
\ No newline at end of file

diff --git a/resources/sass/_variables.scss b/resources/sass/_variables.scss
index 52a8d4cfa3eea1587496da2fc3a811abf070b6ff..8be5f0d01c1c150128a7ae3b3b738498d184e392 100644 (file)
--- a/resources/sass/_variables.scss
+++ b/resources/sass/_variables.scss
@@ -26,6 +26,7 @@ $cyan: #6cb2eb;
 
 $psq_red: #d04d4a;
 $psq_blue: #074e9c;
+$psq_purple: #AD5ED3;
 
 
 $blue: $psq_blue;

diff --git a/resources/sass/app.scss b/resources/sass/app.scss
index 887e37cbc6100712153c181f0f28fb8a4847c83b..c6ee5dbcb05bda08dbfb985da2c4f255be813364 100644 (file)
--- a/resources/sass/app.scss
+++ b/resources/sass/app.scss
@@ -20,6 +20,10 @@
     margin: 1em auto;
 }
 
+
+
+//HEADERS
+
 h1 {
     text-transform: uppercase;
     margin: auto;
@@ -34,6 +38,8 @@ h1 {
 
 
 
+//TITLE DOTS
+
 ul.leaders {
     padding: 0;
     overflow-x: hidden;
@@ -74,16 +80,82 @@ ul.leaders {
 }
 
 
+
+//COVERS
+
 div.cover {
     position: relative;
+
     img.cover-bg {
         width: 100%;
     }
 
     img.cover-over {
-        width: 67%;
         position: absolute;
-        left: 26%;
+        width: 56%;
+        left: 22%;
         top: 3%;
     }
+
+    p {
+        text-transform: uppercase;
+        color: $psq_blue;
+        background-color: rgba($psq_blue, 0.3);
+        text-align: center;
+        font-weight: 900;
+        display: table;
+        margin: auto;
+        padding: 0 6px;
+        font-size: small;
+    }
+}
+
+
+
+//PILL BOXES
+
+div.pill-box {
+    position: relative;
+
+    img {
+        width: 50px;
+        left: -20px;
+        top: -20px;
+        position: absolute;
+        z-index: 2;
+    }
+
+    div {
+        background-color: rgba(208, 77, 74, 0.2);
+        border-radius: 5px;
+        box-shadow: 4px 5px 11px 1px #aaa;
+        padding: 5px;
+        border: 1px solid $psq_red;
+
+        h2 {
+            padding: 0 30px;
+            font-weight: bold;
+            font-size: large;
+            color: $psq_red;
+            text-align: center;
+        }
+
+        > p {
+            padding: 5px 10px 0 10px;
+            margin-bottom: 0.5rem;
+            text-align: center;
+
+        }
+
+        > a {
+            text-align: right;
+            text-transform: uppercase;
+            font-weight: bold;
+            color: $psq_red !important;
+            margin-bottom: 0;
+            display: block;
+
+        }
+    }
+
 }

diff --git a/resources/views/components/cover.blade.php b/resources/views/components/cover.blade.php
index 2e2c85df48f02d6e8b2ac616b71f111b894d98bb..c854276365cebb18a3e865295aa9ee8c384a13e4 100644 (file)
--- a/resources/views/components/cover.blade.php
+++ b/resources/views/components/cover.blade.php
@@ -1,4 +1,5 @@
 <div class="cover">
-    <img class="cover-bg" src="{{asset('img/cover-bg.png')}}" alt="">
+    <img class="cover-bg" src="{{asset('img/cover-bg-center.png')}}" alt="">
     <img class="cover-over" src="{{$pdf->coverUrl}}" alt="">
+    <p>{{$pdf->title}} - {{$pdf->created_at->format('d/m/Y')}}</p>
 </div>

diff --git a/resources/views/components/pill-box.blade.php b/resources/views/components/pill-box.blade.php
new file mode 100644 (file)
index 0000000..d5493d9
--- /dev/null
+++ b/resources/views/components/pill-box.blade.php
@@ -0,0 +1,9 @@
+<div class="pill-box">
+    <img src="{{asset('img/pill-icon.svg')}}" alt="Pill Icon" class="pill-icon">
+    <div>
+        <h2>{{$title}}</h2>
+        <p>{{$slot}}</p>
+        <a href="{{$link}}">Cliquez-ici</a>
+    </div>
+
+</div>

diff --git a/resources/views/home/index.blade.php b/resources/views/home/index.blade.php
index 9647ed5920f7e81953ff9510fff02d441cb5c72f..4765dda441bdf4caef4792ac4b225f7837aaed6a 100644 (file)
--- a/resources/views/home/index.blade.php
+++ b/resources/views/home/index.blade.php
@@ -10,15 +10,11 @@
                 <li><span>à la une aujourd'hui</span></li>
             </ul>
 
-
             <x-cover :pdf="$last_pdf->first()">
             </x-cover>
-
-
-
-
         </div>
 
+
         <div class="col-sm-8">
             <ul class="leaders">
                 <li><span>Nos précédentes éditions</span></li>
@@ -34,11 +30,22 @@
                 @endforeach
             </div>
 
+        </div>
 
+    </div>
+    <div class="row justify-content-center pt-5">
+        <div class="col-sm-4">
 
         </div>
+        <div class="col-sm-8">
+            <x-pill-box title="Consultez ici notre page agenda">
+                À ne pas manquer aujourd’hui sur la page agenda, le rendez-vous des acteurs de la santé
+et du médicament
 
+            </x-pill-box>
+        </div>
 
     </div>
+
 </div>
 @endsection