Merge branch '23-features-like-componentkit-org' into 'master'

Resolve "features like componentkit.org" Closes #23 See merge request !22

Merge branch '23-features-like-componentkit-org' into 'master'
cedc8eec · Christophe Chaudier · 11c8ede6 · a8069cae · cedc8eec · cedc8eec
Commit cedc8eec authored 3 years ago by Christophe Chaudier
--- a/README.md
+++ b/README.md
@@ -68,5 +68,3 @@ More details on Project structure:
  * `/src/pages` - More details can be found in the [pages guide](https://docusaurus.io/docs/creating-pages)
 * `/static/` -  Any contents inside here will be copied into the root of the final `build` directory
 * `/docusaurus.config.js` -  This is the equivalent of `siteConfig.js` in Docusaurus v1
-
-
--- a/doc/sections.md
+++ b/doc/sections.md
-# Créer des sections 
+# Créer des sections
 
 Docusaurus étant un Framework de la librairie React, on y retrouve la même logique.

@@ -39,43 +39,44 @@ Nous appelons notre tableau `featuresList` car c'est la liste des fonctionnalit
 ```jsx
 const FeatureList = [
  {
-    title: "1. Le Lab 🧪",   
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "Le Lab 🧪",   
+    Svg: require("../../static/img/chemistry.svg").default,
    description: (
      <>
-        <p>Le laboratoire vous permet d’héberger votre code et de collaborer dessus avec Git. C&apos;est plus qu&apos;un serveur Git puisque vous pouvez gérer un projet complet dessus. Le Lab est le cœur de Froggit et il sert aussi de base centrale pour l’authentification unique (SSO) des autres services.</p>
+        Le laboratoire vous permet d’héberger votre code et de collaborer dessus avec Git. C&apos;est plus qu&apos;un serveur Git puisque vous pouvez gérer un projet complet dessus. Le Lab est le cœur de Froggit et il sert aussi de base centrale pour l’authentification unique (SSO) des autres services.
      </>
    ), 
  },     
  {
-    title: "2. La CI 🔁",  
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "La CI 🔁",  
+    Svg: require("../../static/img/rainbow.svg").default,
    description: (
      <>
-        <p>Fournir un outil de collaboration de code sans Intégration Continue n&apos;était pas pensable pour nous. C&apos;est pour cela que nous avons mis en place une CI avec un serveur et un débordement élastique dans Kubernetes.</p>
+        Fournir un outil de collaboration de code sans Intégration Continue n&apos;était pas pensable pour nous. C&apos;est pour cela que nous avons mis en place une CI avec un serveur et un débordement élastique dans Kubernetes.
      </>
    ), 
  },
  {
-    title: "3. Le Chat 💬",  
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "Le Chat 💬",  
+    Svg: require("../../static/img/selfie.svg").default,
    description: (
      <>
-        <p>Pour collaborer les équipes ont besoin de communiquer. Qu&apos;elles soient physiquement au même endroit ou non une communication asynchrone est importante. C&apos;est pour cela que Froggit inclut un chat avec le service. Vous pourrez même faire remonter vos alertes et messages venant du Lab. L&apos;authentification se fera grâce au Lab, vous n&apos;aurez qu&apos;un seul compte pour tous les services de Froggit. Vous pourrez abandonner Slack sans crainte !</p>
+        Pour collaborer les équipes ont besoin de communiquer. Qu&apos;elles soient physiquement au même endroit ou non une communication asynchrone est importante. C&apos;est pour cela que Froggit inclut un chat avec le service. Vous pourrez même faire remonter vos alertes et messages venant du Lab. L&apos;authentification se fera grâce au Lab, vous n&apos;aurez qu&apos;un seul compte pour tous les services de Froggit. Vous pourrez abandonner Slack sans crainte !
      </>
    ),
  },
  {
-    title: "4. Les Pages 🔖",  
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "Les Pages 🔖",  
+    Svg: require("../../static/img/read-smile.svg").default,
    description: (
      <>
-        <p>Vous avez besoin de créer des sites statiques pour vos documentations. C&apos;est pour cela que nous mettons en place les GitLab pages qui vous permettent d&apos;héberger des sites statiques.</p>
+        Vous avez besoin de créer des sites statiques pour vos documentations. C&apos;est pour cela que nous mettons en place les GitLab pages qui vous permettent d&apos;héberger des sites statiques.
      </>
    ),
  },
 ];  
 ```
+
 Notre section affichera les 4 éléments, chacune avec un titre, une description et une image en Svg.


@@ -94,16 +95,18 @@ Notre affichage doit impérativement être entouré de balises parents, telle un
 Nous passons comme argument les clés de notre tableau (Svg, title, description) à notre fonction

 ```jsx
-function Features({Svg, title, description}) {
+function Feature({Svg, title, description}) {
  return (
-    <div className={"container"}>
-      <Svg alt={title} />
-    </div>
-      <div>
+    <div className="sectionsReverse row">    
+      <div className="col col--5 text--center">
+        <Svg className={styles.svg} alt={title} />
+      </div>
+      <div className="col col--5">
        <h3>{title}</h3>
        <p>{description}</p>
-      </div>
+      </div>      
    </div>
+    
  );
 }
 ```
@@ -122,14 +125,17 @@ Nous itérons sur chaque élément de notre tableau, en utilisant la méthode Ja

 La méthode map() crée un nouveau tableau avec les résultats de chaque élément du tableau. [Voici un tutoriel expliquant cette méthode](https://www.freecodecamp.org/news/javascript-map-how-to-use-the-js-map-function-array-method/).

-```
+```jsx
 export default function HomepageFeatures() {
  return (
-    <div>
-      {FeaturesList.map((props, idx) => (
-        <Features key={idx} {...props} />
-      ))}
-    </div>
+    <section className="sections container" id="features">      
+      <h2 className={clsx("text--center text--uppercase", styles.title)}>Fonctionnalités</h2>
+      <div>
+        {FeatureList.map((props, idx) => (
+          <Feature key={idx} {...props} />
+        ))}
+      </div>
+    </section>
  );
 }
 ```

--- a/src/components/HomepageFeatures.js
+++ b/src/components/HomepageFeatures.js
@@ -6,8 +6,8 @@ import styles from "./HomepageFeatures.module.css";

 const FeatureList = [
  {
-    title: "1. Le Lab 🧪",   
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "Le Lab 🧪",   
+    Svg: require("../../static/img/chemistry.svg").default,
    description: (
      <>
        Le laboratoire vous permet d’héberger votre code et de collaborer dessus avec Git. C&apos;est plus qu&apos;un serveur Git puisque vous pouvez gérer un projet complet dessus. Le Lab est le cœur de Froggit et il sert aussi de base centrale pour l’authentification unique (SSO) des autres services.
@@ -15,8 +15,8 @@ const FeatureList = [
    ), 
  },     
  {
-    title: "2. La CI 🔁",  
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "La CI 🔁",  
+    Svg: require("../../static/img/rainbow.svg").default,
    description: (
      <>
        Fournir un outil de collaboration de code sans Intégration Continue n&apos;était pas pensable pour nous. C&apos;est pour cela que nous avons mis en place une CI avec un serveur et un débordement élastique dans Kubernetes.
@@ -24,8 +24,8 @@ const FeatureList = [
    ), 
  },
  {
-    title: "3. Le Chat 💬",  
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "Le Chat 💬",  
+    Svg: require("../../static/img/selfie.svg").default,
    description: (
      <>
        Pour collaborer les équipes ont besoin de communiquer. Qu&apos;elles soient physiquement au même endroit ou non une communication asynchrone est importante. C&apos;est pour cela que Froggit inclut un chat avec le service. Vous pourrez même faire remonter vos alertes et messages venant du Lab. L&apos;authentification se fera grâce au Lab, vous n&apos;aurez qu&apos;un seul compte pour tous les services de Froggit. Vous pourrez abandonner Slack sans crainte !
@@ -33,36 +33,35 @@ const FeatureList = [
    ),
  },
  {
-    title: "4. Les Pages 🔖",  
-    Svg: require("../../static/img/logo_froggit.svg").default,
+    title: "Les Pages 🔖",  
+    Svg: require("../../static/img/read-smile.svg").default,
    description: (
      <>
        Vous avez besoin de créer des sites statiques pour vos documentations. C&apos;est pour cela que nous mettons en place les GitLab pages qui vous permettent d&apos;héberger des sites statiques.
      </>
    ),
  },
-];  
+];


 function Feature({Svg, title, description}) {
  return (
-    <div className={clsx("hero container text--center padding-horiz--md")}>
-      <div className="row">
-        <div className={"col col--5"}>
-          <Svg className={styles.svg} alt={title} />
-        </div>
-        <div className={"col col--5"}>
-          <h3>{title}</h3>
-          <p>{description}</p>
-        </div>
+    <div className="sectionsReverse row">    
+      <div className="col col--5 text--center">
+        <Svg className={styles.svg} alt={title} />
      </div>
+      <div className="col col--5">
+        <h3>{title}</h3>
+        <p>{description}</p>
+      </div>      
    </div>
+    
  );
 }

 export default function HomepageFeatures() {
  return (
-    <section className="sections" id="features">      
+    <section className="sections container" id="features">      
      <h2 className={clsx("text--center text--uppercase", styles.title)}>Fonctionnalités</h2>
      <div>
        {FeatureList.map((props, idx) => (

--- a/src/components/HomepageFeatures.module.css
+++ b/src/components/HomepageFeatures.module.css
 /* stylelint-disable docusaurus/copyright-header */

 .svg {
-  height: 175px;
-  width: 175px;
+  height: 275px;
+  width: 275px; 
+  max-width: 100%; 
+}
+
+.title {
+  font-weight: bold;
+  padding-bottom: 40px;
 }
--- a/src/components/HomepagePromises.js
+++ b/src/components/HomepagePromises.js
@@ -49,14 +49,12 @@ function Promise({Svg, title, description}) {

 export default function HomepagePromises() {
  return (
-    <section className="sections">
-      <div className="container">
-        <div className="row">
-          {PromiseList.map((props, idx) => (
-            <Promise key={idx} {...props} />
-          ))}
-        </div>
-      </div>
+    <section className="section-promises">    
+      <div className="row">
+        {PromiseList.map((props, idx) => (
+          <Promise key={idx} {...props} />
+        ))}
+      </div>   
    </section>
  );
 }
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -11,19 +11,20 @@

 /* You can override the default Infima variables here. */
 :root {
-  --ifm-color-primary: #0d0d0d;  
+  --ifm-color-primary: #000000;  
  --ifm-color-dark-green: #577018;
  --ifm-color-light-green:#8EA34E;
  --ifm-color-frame: #FFC729;
  --ifm-color-tonic-one: #E07931;
  --ifm-color-tonic-two: #B3433B;
  --ifm-color-tonic-three: #805D93;
-  --ifm-color-primary-dark: #0c0c0cb0;
  --ifm-color-primary-light: #ffffff;
  --ifm-button-color: var(--ifm-color-primary);
  --ifm-code-font-size: 95%; 
  --ifm-font-family-base: "Comfortaa", cursive;
-  --ifm-font-family: "Montserrat",  sans-serif;
+  --ifm-font-family: "Montserrat",  sans-serif; 
+  --ifm-container-width: 100%; 
+  --ifm-container-max-width: 900px;
  --ifm-navbar-shadow: none; 
 }

@@ -37,7 +38,7 @@
 html[data-theme='dark'] {
  --ifm-background-color: #18191a;
  --ifm-background-surface-color: #18191a;
-  --ifm-hover-overlay: rgba(255, 255, 255, 0.05);
+  --ifm-hover-overlay: rgba(255, 255, 255, 0.05); 
  --ifm-color-content-secondary: rgba(255, 255, 255, 1);
  --ifm-breadcrumb-separator-filter: invert(64%) sepia(11%) saturate(0%);
 }
@@ -84,10 +85,25 @@ header {
 }

 /************ main elements style***********/
-.sections {
+.section-promises {
  padding: 4rem 0;
  width: 100%;
 }
+.sections {
+  padding: 4rem 0;
+  width: var(--ifm-container-max-width);
+}
+.sectionsReverse {
+  margin: 0 16px 0 16px;
+  padding: 4rem 0;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.sectionsReverse:nth-of-type(odd) {
+  flex-direction: row-reverse;
+}

 /************ footer style ***********/
 #__docusaurus > footer > div > div.text--center > div > a {
@@ -112,6 +128,3 @@ header {
  font-family: var(--ifm-font-family); 
  font-weight: 600;
 } 
-
-
-
--- a/static/img/chemistry.svg
+++ b/static/img/chemistry.svg
+<svg id="Layer_1" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><g opacity=".21"><ellipse cx="239.65" cy="471.26" fill="#3f3f44" rx="163.74" ry="34.74"/></g><path d="m108.31 462.11a11.62 11.62 0 0 0 13-1.76c7.11-6.13 13.36-2.61 13.8-2.35-4.73-1.53-9.7 1.19-12.4 5.18-2.92 4.32-3.15 10.15 2.51 13.66 9.7 6 17.4-.23 19.41-5.39a7.46 7.46 0 0 1 1-1.75.24.24 0 0 0 .1-.1 3.67 3.67 0 0 1 .8-.86l.19-.19a7.63 7.63 0 0 1 2.93-1.64c7.26-2.22 21-5.6 24.17-.21 1.91 3.3-4 6.76-8 8.69a6.41 6.41 0 0 1 -5.83-.13c-7.37-4-14.88 1.58-17 8.33a11.16 11.16 0 0 0 .44 8.12c4.14 8.46 13.37 8.73 19.29 5.79a12.66 12.66 0 0 0 5.6-6.1 13.53 13.53 0 0 1 6.25-6.65c11.79-5.92 38.92-21 36.23-32.94-2.18-9.7-8.94-5.86-8.94-5.86-1-32.55-1.32-37.92-1.32-37.92s-2.22-9.84-.75-14.66c6-19.58 13.4-24 13.4-24l-29.31-27-2.33 38.63c-7.53 7.2-7.4 17.12-1 23.31 0 0 10.6 34.1 7.37 42s-62.69.12-62.69.12c-1.53-5-16.6-12.88-21.42-.1a18.79 18.79 0 0 0 -.84 2.92c-1.5 7.03 1.61 10.82 5.34 12.86z" fill="#9cb748"/><g fill="#7c9c32"><path d="m143.49 491.71c4.14 8.46 13.37 8.73 19.29 5.79a12.66 12.66 0 0 0 5.6-6.1 13.53 13.53 0 0 1 6.25-6.65c11.79-5.92 38.92-21 36.23-32.94-2.18-9.7-8.94-5.86-8.94-5.86s10.33 5.13 2.69 14.05c-5.67 6.6-23.55 17.1-32.44 22.09a17 17 0 0 0 -6.62 6.8c-1.88 3.51-5.86 7.82-13.76 6-7.27-1.68-8.25-8.13-8.74-11.3a11.16 11.16 0 0 0 .44 8.12z" opacity=".39"/><path d="m125.3 476.86c9.7 6 17.4-.23 19.41-5.39a7.46 7.46 0 0 1 1-1.75c-2.94 3.07-12.25 9.72-19.05 5.28-5.75-3.8-4.58-8.57-3.84-11.8-2.95 4.32-3.18 10.15 2.48 13.66z" opacity=".39"/><path d="m108.31 462.11a11.62 11.62 0 0 0 13-1.76c7.11-6.13 13.36-2.61 13.8-2.35-.27-.42-3.92-5.63-13.19-.68-7.72 4.16-18.21.53-18.17-11a18.79 18.79 0 0 0 -.84 2.92c-1.44 7.04 1.67 10.83 5.4 12.87z" opacity=".39"/></g><path d="m371.17 462.11a11.62 11.62 0 0 1 -13.05-1.76c-7.11-6.13-13.36-2.61-13.8-2.35 4.72-1.53 9.69 1.19 12.4 5.18 2.91 4.32 3.14 10.15-2.52 13.66-9.69 6-17.39-.23-19.41-5.39a7.43 7.43 0 0 0 -1-1.75.22.22 0 0 1 -.11-.1 3.67 3.67 0 0 0 -.8-.86l-.18-.19a7.67 7.67 0 0 0 -2.94-1.64c-7.26-2.22-21-5.6-24.17-.21-1.91 3.3 4 6.76 8 8.69a6.43 6.43 0 0 0 5.84-.13c7.36-4 14.87 1.58 17 8.33a11.06 11.06 0 0 1 -.44 8.12c-4.13 8.46-13.37 8.73-19.28 5.79a12.57 12.57 0 0 1 -5.6-6.1 13.5 13.5 0 0 0 -6.26-6.65c-11.79-5.92-38.92-21-36.23-32.94 2.18-9.7 8.94-5.86 8.94-5.86 1-32.55 1.32-37.92 1.32-37.92s2.22-9.84.76-14.66c-6-19.58-13.41-24-13.41-24l29.31-27 2.39 38.63c7.53 7.2 7.41 17.12 1 23.31 0 0-10.6 34.1-7.37 42s62.69.12 62.69.12c1.53-5 16.6-12.88 21.42-.1a18.79 18.79 0 0 1 .84 2.92c1.49 7.03-1.6 10.82-5.34 12.86z" fill="#adc55e"/><path d="m336 491.71c-4.13 8.46-13.37 8.73-19.28 5.79a12.57 12.57 0 0 1 -5.6-6.1 13.5 13.5 0 0 0 -6.26-6.65c-11.79-5.92-38.92-21-36.23-32.94 2.18-9.7 8.94-5.86 8.94-5.86s-10.33 5.13-2.69 14.05c5.67 6.6 23.56 17.1 32.44 22.09a17 17 0 0 1 6.62 6.8c1.88 3.51 5.86 7.82 13.76 6 7.28-1.68 8.26-8.13 8.74-11.3a11.06 11.06 0 0 1 -.44 8.12z" fill="#8baa3d" opacity=".48"/><path d="m354.18 476.86c-9.69 6-17.39-.23-19.41-5.39a7.43 7.43 0 0 0 -1-1.75c2.93 3.07 12.24 9.72 19 5.28 5.75-3.8 4.58-8.57 3.85-11.8 2.99 4.32 3.22 10.15-2.44 13.66z" fill="#8baa3d" opacity=".48"/><path d="m371.17 462.11a11.62 11.62 0 0 1 -13.05-1.76c-7.11-6.13-13.36-2.61-13.8-2.35.27-.42 3.92-5.63 13.19-.68 7.73 4.16 18.22.53 18.17-11a18.79 18.79 0 0 1 .84 2.92c1.48 7.04-1.61 10.83-5.35 12.87z" fill="#8baa3d" opacity=".48"/><path d="m166.19 237-.71 11.08-1.34 20.92c-2.54 1-5 1.85-7.51 2.56-62.73 18.23-103-49.89-103-49.89l10-7.39c35.75 39.89 72.59 34.56 90.86 28.14a71.07 71.07 0 0 0 10.51-4.7c.8-.44 1.19-.72 1.19-.72z" fill="#9cb748"/><path d="m62.82 219s9.67-18.68-1.62-27.24-15-10.38-19.4-3.81-12.24 3.4-8.65 15.9c5.12 17.8 23 18.31 23 18.31z" fill="#9cb748"/><path d="m61.18 191.77c8.12 6.16 5.4 17.52 3.24 23.43 32.34 35.36 65.4 34.14 84.73 28.81a71.71 71.71 0 0 0 16-6.35l1.07-.63-.38 5.79c-17.61 10.82-55.17 22.61-104.45-24.89a3.21 3.21 0 0 1 -1-2.69c.64-5.19 1.25-22.23-17-27.77l-.57-.9c3.99-4.85 7.95-2.69 18.36 5.2z" fill="#fff" opacity=".32"/><path d="m324.6 281.29c0 52.07-31 95.24-71.61 103.09a68.64 68.64 0 0 1 -13.34 1.29c-46.92 0-85-46.73-85-104.38a127.6 127.6 0 0 1 1.93-22.17 117.51 117.51 0 0 1 5.49-20.55c.36-1 .76-2.08 1.18-3.11.54-1.38 1.13-2.74 1.74-4.08 11.22-25.31 30.76-44.29 54.07-51.38a69.85 69.85 0 0 1 20.54-3.09c32.18 0 60.19 22 74.6 54.42q1.46 3.33 2.75 6.8c.4 1.05.78 2.13 1.13 3.2a118.3 118.3 0 0 1 4.54 17.75 126.13 126.13 0 0 1 1.98 22.21z" fill="#adc55e"/><path d="m253 384.38a128.67 128.67 0 0 1 -13.34 1.29c-46.92 0-85-46.73-85-104.38a127.6 127.6 0 0 1 1.93-22.17 117.51 117.51 0 0 1 5.49-20.55c.36-1 .76-2.08 1.18-3.11.54-1.38 1.13-2.74 1.74-4.08 11.22-25.31 30.76-44.29 54.07-51.38-15.07 21-28.07 79.7-15.23 127 11.91 43.92 49.16 77.38 49.16 77.38z" fill="#9cb748"/><ellipse cx="240.5" cy="270.24" fill="#feeac0" rx="56.54" ry="82.18"/><path d="m450.9 230.45c-9.16 16.09-26.63 12.4-26.63 12.4l-5.76-4.66s-.13-.53-.3-1.43c-.84-4.74-2.64-19.89 8.27-24.66 12-5.22 16.34-6.38 19.07-.73a12.51 12.51 0 0 1 .67 1.58c2.78 7.42 11.11 6.19 4.68 17.5z" fill="#adc55e"/><path d="m427.32 243.5s-55.73 56.19-112.43 23.6q-3.3-1.87-6.63-4.2l3-17.23 1.51-8.57 1-5.72s.31.32.89.87a71.53 71.53 0 0 0 14 9.93c17.7 9.81 50 18.87 90.22-8.79l2.69 3.24z" fill="#adc55e"/><path d="m426.48 212.1c-9.34 4.08-9.36 15.76-8.65 22-39.76 26.76-71.6 17.79-89.14 8.07a71.53 71.53 0 0 1 -14-9.93c-.58-.55-.89-.87-.89-.87l-1 5.72c14.57 14.66 48.31 35 107.37.39a3.21 3.21 0 0 0 1.58-2.39c.6-5.19 4-21.9 23.06-23l.76-.74c-2.75-5.63-7.12-4.47-19.09.75z" fill="#fff" opacity=".32"/><ellipse cx="239.35" cy="240.6" opacity=".11" rx="80.74" ry="29.65"/><path d="m374.21 171.65c0 48.95-60.7 88.62-135.56 88.62a203 203 0 0 1 -38.75-3.67q-9-1.77-17.52-4.3c-46.78-14-79.3-44.84-79.3-80.65 0-48.95 60.69-88.65 135.57-88.65a207.41 207.41 0 0 1 22.09 1.17c64.35 6.93 113.47 43.44 113.47 87.48z" fill="#adc55e"/><path d="m234.52 155.14c-30 28.22-39.7 64.81-34.62 101.46-56-10.91-96.82-44.82-96.82-85 0-48.9 60.69-88.6 135.57-88.6a207.41 207.41 0 0 1 22.09 1.17c4.26 18.75 1.85 44.53-26.22 70.97z" fill="#8baa3d" opacity=".82"/><path d="m343.42 23.19a3.51 3.51 0 0 1 -2.43-1.6c-.29-.46-7-10.77-20.07-8.25a3.46 3.46 0 0 1 -1.31-6.8c17.83-3.45 26.89 10.77 27.27 11.38a3.48 3.48 0 0 1 -3.46 5.27" fill="#18190e" opacity=".82"/><path d="m121 31.8a3.53 3.53 0 0 0 2.43-1.59c.29-.47 7-10.77 20.07-8.26a3.46 3.46 0 0 0 1.31-6.8c-17.83-3.45-26.89 10.78-27.27 11.38a3.48 3.48 0 0 0 3.46 5.27" fill="#18190e" opacity=".82"/><circle cx="167.85" cy="116.22" opacity=".11" r="48.5"/><circle cx="161.3" cy="94.63" fill="#8baa3d" r="55.27"/><circle cx="161.3" cy="94.63" fill="#fff" r="39.08"/><path d="m122.23 94.64a39.07 39.07 0 0 0 78.14 0 36.57 36.57 0 0 0 -.18-3.81 39.08 39.08 0 0 1 -77.78 0 36.57 36.57 0 0 0 -.18 3.81z" fill="#f2f2f2"/><path d="m191.5 109.53a9.52 9.52 0 1 0 -7.81 7.73 9.52 9.52 0 0 0 7.81-7.73z" fill="#18190e" opacity=".82"/><circle cx="301.71" cy="116.22" opacity=".11" r="48.5"/><circle cx="308.26" cy="94.63" fill="#adc55e" r="55.27"/><circle cx="308.26" cy="94.63" fill="#fff" r="39.08"/><path d="m347.34 94.64a39.08 39.08 0 0 1 -78.15 0 34 34 0 0 1 .19-3.81 39.07 39.07 0 0 0 77.77 0 36.54 36.54 0 0 1 .19 3.81z" fill="#f2f2f2"/><path d="m318.56 111.41a9.52 9.52 0 1 1 7.81 7.73 9.54 9.54 0 0 1 -7.81-7.73z" fill="#18190e" opacity=".82"/><g opacity=".24"><path d="m238.65 246.45a203 203 0 0 1 -38.75-3.67c-6-1.17-11.87-2.62-17.52-4.3-43.76-13.07-75-40.91-78.89-73.76a59.13 59.13 0 0 0 -.41 6.93c0 35.81 32.52 66.67 79.3 80.65q8.48 2.52 17.52 4.3a203 203 0 0 0 38.75 3.67c74.86 0 135.56-39.67 135.56-88.62a58.46 58.46 0 0 0 -.42-6.89c-5.41 45.71-63.85 81.69-135.14 81.69z" fill="#798e36"/></g><circle cx="311.38" cy="91.78" fill="#c0e5eb" opacity=".21" r="65.4"/><path d="m311.38 164.25a70 70 0 1 1 70-70 70.1 70.1 0 0 1 -70 70zm0-130.79a60.77 60.77 0 1 0 60.77 60.77 60.84 60.84 0 0 0 -60.77-60.77z" fill="#822244"/><circle cx="162.7" cy="94.23" fill="#c0e5eb" opacity=".21" r="65.4"/><path d="m162.7 164.25a70 70 0 1 1 70-70 70.11 70.11 0 0 1 -70 70zm0-130.79a60.77 60.77 0 1 0 60.77 60.77 60.84 60.84 0 0 0 -60.77-60.77z" fill="#822244"/><path d="m226.34 90.73h18.83v7h-18.83z" fill="#822244"/><path d="m272.41 231.19-.41.31c-10.79 7.8-27.55 11.5-50.92 3.6-13.88-4.67-23.08-12.4-28.8-21a47.24 47.24 0 0 1 -3-5.24c-12-24.27.29-51.93 12.58-38.77a18.33 18.33 0 0 1 1.21 1.44c.23.29.47.61.69.94 9.05 12.94 39.31 17 39.31 17 19 2.89 27.65-3.82 37.86 3.16a22.44 22.44 0 0 1 1.86 1.42c.34.29.69.59 1.05.92 6.68 6.13 3.5 25.13-11.43 36.22z" fill="#822244"/><path d="m272.41 231.19-.41.31c-10.79 7.8-27.55 11.5-50.92 3.6-13.88-4.67-23.08-12.4-28.8-21 11.45-4.54 30.4-8.4 52.89 1.07a116.78 116.78 0 0 1 27.24 16.02z" fill="#dd3c7e"/><path d="m445.16 237.76 4.5-40.81 7.32.81a3.08 3.08 0 0 0 3.39-2.72l.48-4.37a3.09 3.09 0 0 0 -2.72-3.39l-32.45-3.57a3.07 3.07 0 0 0 -3.39 2.71l-.48 4.37a3.08 3.08 0 0 0 2.72 3.39l4.69.52-4.41 39.94a39.47 39.47 0 1 0 20.35 3.12z" fill="#abb9c1" opacity=".62"/><path d="m466.78 277.05a38 38 0 0 1 -75.47-8.32" fill="#d8312c"/><rect fill="#fff" height="41.4" rx="1.52" transform="matrix(.994 .11 -.11 .994 27.03 -47.12)" width="3.04" x="440.52" y="201.61"/><path d="m450.12 242.9s31.15 30.6.66 58.61c0 0 20.56-25.82-.66-58.61z" fill="#fff"/><circle cx="423.96" cy="282.52" fill="#f06060" opacity=".47" r="17.16"/><path d="m438.76 247.25a4.13 4.13 0 0 1 2.28-2.52 3 3 0 0 1 3.33 1.79 7.46 7.46 0 0 1 .33 4 7.69 7.69 0 0 1 2.1-2.46 2.85 2.85 0 0 1 3.13-.12 3 3 0 0 1 1 2.61 7.14 7.14 0 0 1 -3.27 5.33c-2.09 1.44-4.88 2-7.3 2.75-1.1-2.77-2.62-5.48-2.35-8.5a10.21 10.21 0 0 1 .75-2.88z" fill="#f06060" opacity=".47"/><path d="m433.09 259.17a1.81 1.81 0 0 1 1-1.11 1.32 1.32 0 0 1 1.47.79 3.24 3.24 0 0 1 .14 1.75 3.47 3.47 0 0 1 .93-1.08 1.24 1.24 0 0 1 1.38 0 1.32 1.32 0 0 1 .45 1.15 3.08 3.08 0 0 1 -1.46 2.33 12 12 0 0 1 -3.21 1.22 8.29 8.29 0 0 1 -1-3.75 4.36 4.36 0 0 1 .3-1.3z" fill="#d8312c"/><path d="m420.53 253a11.51 11.51 0 0 0 2.74-3.51c.9-1.9 1.41-6.11-1.7-6.28-2.11-.11-4.32 2.62-5.52 4.06 1-1.21 1.4-4.63.58-5.93a3.17 3.17 0 0 0 -4.75-.65c-1.86 1.79-1.94 5.32-1.7 7.7a27.06 27.06 0 0 1 .28 5.24 7.39 7.39 0 0 1 -2.28 4.42 3.31 3.31 0 0 0 2-.14c3.66-1 6.92-2 9.88-4.53z" fill="#d8312c"/><path d="m441 201.53a9.65 9.65 0 0 0 2-2.91c.65-1.56 1.06-5-1.09-5.11-1.45-.06-3 2.2-3.87 3.4a6.55 6.55 0 0 0 .49-4.86 2 2 0 0 0 -3.27-.47c-1.32 1.5-1.41 4.38-1.29 6.33a24.47 24.47 0 0 1 .12 4.28 6.74 6.74 0 0 1 -1.64 3.65c.41.22 1 0 1.41-.14a16.13 16.13 0 0 0 6.89-3.85z" fill="#f06060" opacity=".67"/><path d="m423 153.19a30.61 30.61 0 0 1 -3-11.58c-.17-5.64 3.1-16.58 10.9-13.68 5.3 2 7.81 11.09 9.19 15.94-1.16-4.06 1.53-12.93 4.93-15.25 4.16-2.84 10.43-1.24 12.37 3.47 2.64 6.42-1 15.19-4.09 20.82-2.29 4.12-4.9 8.11-6.32 12.61-1.55 4.94-.66 8.7.85 13.35-1.75 0-3.51-1.47-4.84-2.52-7.94-6.28-14.78-12.43-19.36-21.75q-.3-.71-.63-1.41z" fill="#d8312c"/><path d="m458.79 115.56a18.83 18.83 0 0 1 -.17-7.25c.68-3.36 4.11-9.38 8.32-6.59 2.86 1.89 3.09 7.62 3.25 10.68-.13-2.56 2.67-7.44 5-8.34a5.13 5.13 0 0 1 6.81 3.74c.68 4.15-2.65 8.84-5.26 11.74a42.28 42.28 0 0 0 -5.46 6.59c-1.6 2.71-1.58 5.05-1.32 8-1.05-.22-1.88-1.35-2.52-2.16-3.84-4.79-7-9.36-8.47-15.5-.05-.29-.12-.6-.18-.91z" fill="#d8312c"/><path d="m56.14 166.92-25.39 1.28a.93.93 0 0 0 -.77 1l.3 5.78a.93.93 0 0 0 .86 1l5-.25a1.92 1.92 0 0 0 0 .24l3.44 68c.23 4.44 3.34 7.89 7 7.71l2.24-.11c3.62-.19 6.37-3.94 6.15-8.38l-3.45-68a1.94 1.94 0 0 0 0-.24l5-.26a.93.93 0 0 0 .77-1l-.3-5.77a.91.91 0 0 0 -.85-1z" fill="#abb9c1" opacity=".62"/><path d="m41.08 194.82h10.11a0 0 0 0 1 0 0v47a5.06 5.06 0 0 1 -5.06 5.06 5.06 5.06 0 0 1 -5.06-5.06v-47a0 0 0 0 1 0 0z" fill="#b94e9c" transform="matrix(.999 -.051 .051 .999 -11.11 2.62)"/><rect fill="#ecc2db" height="13.22" rx="1.27" transform="matrix(.999 -.051 .051 .999 -11.78 2.8)" width="2.54" x="48.18" y="227.62"/><path d="m30 200.48c.91 6.56 5.14 11.23 8.79 10.8 7.86-.93 2.43-12.14 6.24-15.74 6.97-6.54 5.97-10.48 2.41-11.54-8.19-2.46-18.66 7.77-17.44 16.48z" fill="#adc55e"/><path d="m455.12 219.94c-.91 6.55-5.14 11.23-8.78 10.8-7.87-.93-2.43-12.14-6.25-15.74-7-6.57-5.94-10.49-2.42-11.54 8.18-2.46 18.65 7.76 17.45 16.48z" fill="#adc55e"/></svg>
\ No newline at end of file
--- a/static/img/rainbow.svg
+++ b/static/img/rainbow.svg
+<svg id="Layer_1" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><path d="m444.26 424.84c0-223.51-373.24-223.49-373.23 0h-16.81c0-243.64 406.84-243.66 406.85 0z" fill="#cb3e95"/><path d="m427.45 424.84c0-203.38-339.62-203.36-339.62 0h-16.83c0-223.51 373.22-223.53 373.23 0z" fill="#ecde56"/><path d="m410.65 424.84c0-183.25-306-183.23-306 0h-16.82c0-203.37 339.61-203.39 339.62 0z" fill="#7abc43"/><path d="m393.84 424.84c0-163.12-272.4-163.11-272.39 0h-16.81c0-183.24 306-183.26 306 0z" fill="#72c3ed"/><g opacity=".21"><ellipse cx="255.95" cy="470.65" fill="#3f3f44" rx="166.61" ry="35.35"/></g><path d="m122.31 461.34a11.79 11.79 0 0 0 13.28-1.79c7.24-6.24 13.6-2.65 14-2.4-4.8-1.56-9.86 1.21-12.62 5.27-3 4.4-3.2 10.33 2.57 13.9 9.86 6.12 17.69-.24 19.74-5.49a7.8 7.8 0 0 1 1-1.77.23.23 0 0 0 .11-.11 4 4 0 0 1 .81-.87l.19-.2a7.78 7.78 0 0 1 3-1.66c7.39-2.27 21.39-5.7 24.6-.22 1.94 3.36-4 6.88-8.14 8.84a6.49 6.49 0 0 1 -5.93-.13c-7.5-4.07-15.14 1.6-17.29 8.48a11.23 11.23 0 0 0 .44 8.26c4.21 8.6 13.6 8.88 19.62 5.89a12.83 12.83 0 0 0 5.7-6.21 13.87 13.87 0 0 1 6.36-6.77c12-6 39.61-21.32 36.87-33.51-2.22-9.87-9.09-6-9.09-6-1-33.13-1.35-38.58-1.35-38.58s-2.26-10-.77-14.92c6.07-19.92 13.64-24.39 13.64-24.39l-29.82-27.43-2.43 39.22c-7.67 7.32-7.54 17.42-1 23.72 0 0 10.79 34.7 7.5 42.72s-63.79.13-63.79.13c-1.56-5.06-16.89-13.11-21.8-.11a19.45 19.45 0 0 0 -.85 3c-1.51 7.19 1.65 11.06 5.45 13.13z" fill="#9cb748"/><g fill="#7c9c32"><path d="m158.11 491.46c4.21 8.6 13.6 8.88 19.62 5.89a12.83 12.83 0 0 0 5.7-6.21 13.87 13.87 0 0 1 6.36-6.77c12-6 39.61-21.32 36.87-33.51-2.22-9.87-9.09-6-9.09-6s10.5 5.22 2.73 14.29c-5.77 6.72-24 17.4-33 22.48a17.26 17.26 0 0 0 -6.74 6.92c-1.92 3.57-6 8-14 6.1-7.41-1.7-8.4-8.27-8.89-11.49a11.23 11.23 0 0 0 .44 8.3z" opacity=".39"/><path d="m139.61 476.35c9.86 6.12 17.69-.24 19.74-5.49a7.8 7.8 0 0 1 1-1.77c-3 3.11-12.46 9.89-19.37 5.36-5.85-3.86-4.66-8.71-3.92-12-2.98 4.4-3.22 10.33 2.55 13.9z" opacity=".39"/><path d="m122.31 461.34a11.79 11.79 0 0 0 13.28-1.79c7.24-6.24 13.6-2.65 14-2.4-.28-.42-4-5.72-13.43-.68-7.86 4.23-18.53.53-18.49-11.21a19.45 19.45 0 0 0 -.85 3c-1.47 7.14 1.69 11.01 5.49 13.08z" opacity=".39"/></g><path d="m389.78 461.34a11.8 11.8 0 0 1 -13.28-1.79c-7.23-6.24-13.59-2.65-14-2.4 4.8-1.56 9.86 1.21 12.61 5.27 3 4.4 3.21 10.33-2.56 13.9-9.86 6.12-17.7-.24-19.75-5.49a7.1 7.1 0 0 0 -1-1.77.27.27 0 0 1 -.1-.11 4 4 0 0 0 -.82-.87l-.19-.2a7.71 7.71 0 0 0 -3-1.66c-7.38-2.27-21.39-5.7-24.59-.22-1.94 3.36 4 6.88 8.13 8.84a6.52 6.52 0 0 0 5.94-.13c7.49-4.07 15.13 1.6 17.29 8.48a11.28 11.28 0 0 1 -.45 8.26c-4.2 8.6-13.6 8.88-19.62 5.89a12.88 12.88 0 0 1 -5.7-6.21 13.83 13.83 0 0 0 -6.36-6.77c-12-6-39.6-21.32-36.87-33.51 2.22-9.87 9.1-6 9.1-6 1-33.13 1.34-38.58 1.34-38.58s2.27-10 .77-14.92c-6.09-19.87-13.67-24.35-13.67-24.35l29.83-27.43 2.43 39.22c7.66 7.32 7.53 17.42 1 23.72 0 0-10.78 34.7-7.49 42.72s63.79.13 63.79.13c1.56-5.06 16.88-13.11 21.79-.11a20.62 20.62 0 0 1 .86 3c1.53 7.15-1.63 11.02-5.43 13.09z" fill="#adc55e"/><path d="m354 491.46c-4.2 8.6-13.6 8.88-19.62 5.89a12.88 12.88 0 0 1 -5.7-6.21 13.83 13.83 0 0 0 -6.36-6.77c-12-6-39.6-21.32-36.87-33.51 2.22-9.87 9.1-6 9.1-6s-10.51 5.22-2.74 14.29c5.78 6.72 24 17.4 33 22.48a17.33 17.33 0 0 1 6.74 6.92c1.91 3.57 6 8 14 6.1 7.4-1.7 8.4-8.27 8.89-11.49a11.28 11.28 0 0 1 -.44 8.3z" fill="#8baa3d" opacity=".48"/><path d="m372.49 476.35c-9.86 6.12-17.7-.24-19.75-5.49a7.1 7.1 0 0 0 -1-1.77c3 3.11 12.46 9.89 19.38 5.36 5.85-3.86 4.66-8.71 3.91-12 2.97 4.4 3.23 10.33-2.54 13.9z" fill="#8baa3d" opacity=".48"/><path d="m389.78 461.34a11.8 11.8 0 0 1 -13.28-1.79c-7.23-6.24-13.59-2.65-14-2.4.28-.42 4-5.72 13.43-.68 7.85 4.23 18.53.53 18.48-11.21a20.62 20.62 0 0 1 .86 3c1.47 7.14-1.69 11.01-5.49 13.08z" fill="#8baa3d" opacity=".48"/><path d="m181.21 232.31-.72 11.28-1.37 21.22c-2.58 1-5.12 1.87-7.64 2.6-63.83 18.59-104.83-50.77-104.83-50.77l10.13-7.51c36.37 40.58 73.86 35.16 92.46 28.63a72.68 72.68 0 0 0 10.76-4.76c.81-.43 1.21-.69 1.21-.69z" fill="#9cb748"/><path d="m76 214s9.85-19-1.65-27.72-15.26-10.55-19.73-3.87-12.46 3.45-8.8 16.17c5.18 18.1 23.4 18.62 23.4 18.62z" fill="#9cb748"/><path d="m74.36 186.27c8.26 6.26 5.49 17.82 3.29 23.83 32.91 36 66.55 34.74 86.22 29.32a73.08 73.08 0 0 0 16.25-6.42c.7-.4 1.09-.64 1.09-.64l-.39 5.9c-17.91 11-56.14 23-106.28-25.32a3.31 3.31 0 0 1 -1-2.74c.65-5.28 1.28-22.62-17.29-28.26l-.58-.92c4.07-5.02 8.1-2.78 18.69 5.25z" fill="#fff" opacity=".32"/><path d="m57.24 184.62-4.17-4.48a40.42 40.42 0 0 1 -7.72-12.86c-2-5.09-7-10.9-11-6.91s.09 12.43 4.21 14.69a35.58 35.58 0 0 1 8.67 6.73l6.77 7.21a2.32 2.32 0 0 0 1.06.65c2.46.68 4.06-3.01 2.18-5.03z" fill="#9cb748"/><path d="m59.81 187.89-.88-6.64a47.54 47.54 0 0 1 .78-15.82c1.11-5.47.34-13.73-4.91-13.7s-6.47 9.71-4.47 14.58a48.78 48.78 0 0 1 3.19 11.79l1.48 10.73a3.23 3.23 0 0 0 .48 1.31c1.52 2.39 4.73.74 4.33-2.25z" fill="#9cb748"/><path d="m342.39 277.36c0 53-31.57 96.9-72.86 104.89a69.56 69.56 0 0 1 -13.53 1.32c-47.73 0-86.44-47.55-86.44-106.21a130.15 130.15 0 0 1 2-22.57 120.41 120.41 0 0 1 5.59-20.9c.36-1.07.77-2.12 1.2-3.17.55-1.4 1.15-2.79 1.77-4.16 11.42-25.75 31.29-45.06 55-52.28a71.33 71.33 0 0 1 20.9-3.13c32.75 0 61.25 22.37 75.92 55.36 1 2.26 1.92 4.57 2.79 6.92.41 1.07.79 2.18 1.16 3.26a120.72 120.72 0 0 1 4.61 18.07 128.4 128.4 0 0 1 1.89 22.6z" fill="#adc55e"/><path d="m269.53 382.25a130.38 130.38 0 0 1 -13.53 1.32c-47.73 0-86.44-47.55-86.44-106.21a130.15 130.15 0 0 1 2-22.57 120.41 120.41 0 0 1 5.59-20.9c.36-1.07.77-2.12 1.2-3.17.55-1.4 1.15-2.79 1.77-4.16 11.42-25.75 31.29-45.06 55-52.28-15.39 21.4-28.56 81.11-15.53 129.21 12.05 44.71 49.94 78.76 49.94 78.76z" fill="#9cb748"/><ellipse cx="256.82" cy="266.11" fill="#feeac0" rx="57.53" ry="83.62"/><path d="m466.17 200.64c-5.21 18.1-23.38 18.63-23.38 18.63l-6.79-3.22s-.26-.49-.64-1.35c-2-4.48-7.36-19 2.28-26.36 10.59-8 14.63-10.23 18.68-5.29a11.87 11.87 0 0 1 1.05 1.4c4.46 6.69 12.45 3.46 8.8 16.19z" fill="#adc55e"/><path d="m446 219.19s-41.7 68.91-105.57 50.25c-2.48-.7-5-1.56-7.56-2.56l-1.15-17.76-.56-8.84-.38-5.89 1.09.64a72.72 72.72 0 0 0 16.24 6.47c19.89 5.5 53.89 6.7 87.12-30.3l3.44 2.57z" fill="#adc55e"/><path d="m437.62 188.34c-8.26 6.27-5.49 17.82-3.29 23.83-32.91 36-66.54 34.74-86.22 29.33a72.72 72.72 0 0 1 -16.24-6.5l-1.09-.64.38 5.89c17.92 11 56.14 23 106.28-25.32a3.31 3.31 0 0 0 1-2.74c-.65-5.28-1.27-22.62 17.3-28.26l.57-.91c-4.06-4.91-8.1-2.71-18.69 5.32z" fill="#fff" opacity=".32"/><path d="m454.76 186.69 4.17-4.47a40.47 40.47 0 0 0 7.72-12.87c2-5.09 7-10.9 11-6.91s-.09 12.43-4.21 14.7a35.34 35.34 0 0 0 -8.67 6.73l-6.8 7.19a2.34 2.34 0 0 1 -1.06.66c-2.43.68-4.03-3.01-2.15-5.03z" fill="#adc55e"/><path d="m452.19 190 .88-6.63a47.52 47.52 0 0 0 -.78-15.82c-1.11-5.48-.34-13.73 4.91-13.71s6.47 9.71 4.47 14.59a48.71 48.71 0 0 0 -3.19 11.78l-1.48 10.7a3.24 3.24 0 0 1 -.48 1.3c-1.52 2.39-4.73.79-4.33-2.21z" fill="#adc55e"/><ellipse cx="255.65" cy="235.94" opacity=".11" rx="82.15" ry="30.17"/><path d="m392.87 165.79c0 49.8-61.76 90.17-137.93 90.17a206.74 206.74 0 0 1 -39.43-3.73q-9.19-1.8-17.83-4.38c-47.6-14.22-80.68-45.62-80.68-82.06 0-49.81 61.76-90.18 138-90.18a209.46 209.46 0 0 1 22.48 1.2c65.41 7.02 115.39 44.19 115.39 88.98z" fill="#adc55e"/><path d="m250.73 149c-30.48 28.71-40.39 65.94-35.22 103.24-57-11.1-98.52-45.6-98.52-86.44 0-49.81 61.76-90.18 138-90.18a209.46 209.46 0 0 1 22.48 1.2c4.26 19.03 1.83 45.27-26.74 72.18z" fill="#8baa3d" opacity=".82"/><path d="m361.55 23.49a3.56 3.56 0 0 1 -2.48-1.62c-.29-.47-7.13-11-20.42-8.4a3.52 3.52 0 1 1 -1.34-6.92c18.15-3.51 27.37 11 27.76 11.58a3.54 3.54 0 0 1 -3.52 5.36" fill="#18190e" opacity=".82"/><path d="m135.17 23.49a3.54 3.54 0 0 0 2.47-1.62c.3-.47 7.14-11 20.42-8.4a3.52 3.52 0 0 0 1.34-6.92c-18.14-3.55-27.4 10.96-27.75 11.58a3.54 3.54 0 0 0 3.52 5.36" fill="#18190e" opacity=".82"/><circle cx="182.9" cy="109.39" opacity=".11" r="49.35"/><circle cx="176.24" cy="87.42" fill="#8baa3d" r="56.24"/><circle cx="176.24" cy="87.42" fill="#fff" r="39.77"/><path d="m136.47 87.43a39.76 39.76 0 0 0 79.52 0 35.38 35.38 0 0 0 -.19-3.88 39.76 39.76 0 0 1 -79.14 0 38 38 0 0 0 -.19 3.88z" fill="#f2f2f2"/><path d="m208.2 94.93a9.68 9.68 0 1 0 -7.94 7.87 9.69 9.69 0 0 0 7.94-7.87z" fill="#18190e" opacity=".82"/><circle cx="319.1" cy="109.39" opacity=".11" r="49.35"/><circle cx="325.77" cy="87.42" fill="#adc55e" r="56.24"/><circle cx="325.77" cy="87.42" fill="#fff" r="39.77"/><path d="m365.53 87.43a39.76 39.76 0 0 1 -79.52 0 38 38 0 0 1 .19-3.88 39.76 39.76 0 0 0 79.14 0 35.38 35.38 0 0 1 .19 3.88z" fill="#f2f2f2"/><path d="m293.8 94.93a9.68 9.68 0 1 1 7.94 7.87 9.7 9.7 0 0 1 -7.94-7.87z" fill="#18190e" opacity=".82"/><g opacity=".24"><path d="m254.94 241.9a206.74 206.74 0 0 1 -39.43-3.73q-9.19-1.8-17.83-4.38c-44.52-13.3-76.34-41.63-80.28-75a61.2 61.2 0 0 0 -.41 7c0 36.44 33.09 67.84 80.69 82.06q8.63 2.57 17.83 4.38a206.74 206.74 0 0 0 39.43 3.77c76.17 0 137.93-40.37 137.93-90.17a60.51 60.51 0 0 0 -.42-7c-5.45 46.46-64.97 83.07-137.51 83.07z" fill="#798e36"/></g><path d="m179.41 166.32c-13.34 0-21.36 15-13.76 26 15.44 22.26 50.11 37.77 90.4 37.77s75-15.51 90.39-37.77c7.61-11-.41-26-13.75-26z" fill="#822244"/><path d="m192.64 215.35c17.13 9.16 39.15 14.65 63.16 14.65a143.72 143.72 0 0 0 46.77-7.57c-11.45-8.46-32.65-16.06-56.73-18.41-17.1-1.64-35.66-3.39-53.2 11.33z" fill="#dd3c7e"/></svg>
\ No newline at end of file
--- a/static/img/read-smile.svg
+++ b/static/img/read-smile.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Layer_1"
+   height="512"
+   viewBox="0 0 512 512"
+   width="512"
+   data-name="Layer 1"
+   version="1.1"
+   sodipodi:docname="read.svg"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata4572">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs4570" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1001"
+     id="namedview4568"
+     showgrid="false"
+     inkscape:zoom="1.4609375"
+     inkscape:cx="256"
+     inkscape:cy="256"
+     inkscape:window-x="-9"
+     inkscape:window-y="-9"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Layer_1" />
+  <path
+     d="m395.13 430.23c-4.69 9.71-8.21 7.67-13.18 6.78a13.88 13.88 0 0 0 -6.07.09 14.34 14.34 0 0 1 -1.92.4c-7 1.08-8.71-3.71-11.54-18.19-2.21-11.29 8.63-18.82 14.89-22.17 1.05-.57 2-1 2.69-1.34 1-.43 1.53-.64 1.53-.64l7.32 2.16.7.2a25 25 0 0 1 2.45 2.88c3.74 5 9.73 16.1 3.13 29.83z"
+     fill="#adc55e"
+     id="path4485" />
+  <path
+     d="m392 400.4c-.12.75-.19 1.15-.19 1.15l-2.78-.72-7-1.8-4.74-.41c0-.5 0-1 0-1.48-.65-54.12-29.44-77.92-49.72-88a81.05 81.05 0 0 0 -18.23-6.65c-.88-.19-1.37-.27-1.37-.27l4.67-4.6 7-6.9 9.44-9.29 4.15-4.09.49-.48 1.21.46c2.42.93 4.73 1.94 6.94 3 62.24 29.68 51.8 109.59 50.13 120.08z"
+     fill="#adc55e"
+     id="path4487" />
+  <path
+     d="m395.13 430.23c-4.69 9.71-8.21 7.67-13.18 6.78 12.89-4.79 8.16-31 7.09-36.18l-.2-.89c0-.88 0-1.76 0-2.62-.06-80.21-39-107.18-59.76-115.87a57.66 57.66 0 0 0 -12.78-3.91l16.93-.18h1.7c2.42.93 4.73 1.94 6.94 3 62.24 29.64 51.8 109.55 50.13 120.04 3.74 5 9.73 16.1 3.13 29.83z"
+     fill="#fff"
+     opacity=".32"
+     id="path4489" />
+  <path
+     d="m106.17 430.23c4.68 9.71 8.21 7.67 13.18 6.78a13.88 13.88 0 0 1 6.07.09 14.55 14.55 0 0 0 1.91.4c7 1.08 8.72-3.71 11.55-18.19 2.21-11.29-8.63-18.82-14.89-22.17-1.06-.57-2-1-2.7-1.34-1-.43-1.52-.64-1.52-.64l-7.32 2.16-.7.2a25 25 0 0 0 -2.46 2.88c-3.73 5-9.72 16.1-3.12 29.83z"
+     fill="#9cb748"
+     id="path4491" />
+  <path
+     d="m109.29 400.4c.12.75.19 1.15.19 1.15l2.78-.72 7-1.8 4.74-.41c0-.5 0-1 0-1.48.64-54.12 29.43-77.92 49.72-88a81.05 81.05 0 0 1 18.23-6.65c.88-.19 1.37-.27 1.37-.27l-4.67-4.6-7-6.9-9.44-9.29-4.15-4.09-.49-.48-1.22.46c-2.42.93-4.73 1.94-6.93 3-62.23 29.68-51.8 109.59-50.13 120.08z"
+     fill="#9cb748"
+     id="path4493" />
+  <path
+     d="m106.17 430.23c4.68 9.71 8.21 7.67 13.18 6.78-12.89-4.79-8.16-31-7.09-36.18.12-.58.19-.89.19-.89 0-.88 0-1.76 0-2.62.06-80.21 39-107.18 59.76-115.87a57.66 57.66 0 0 1 12.79-3.91l-16.93-.18h-1.71c-2.42.93-4.73 1.94-6.93 3-62.24 29.64-51.81 109.55-50.14 120.04-3.73 5-9.72 16.1-3.12 29.83z"
+     fill="#fff"
+     opacity=".32"
+     id="path4495" />
+  <path
+     d="m353 366.66q0 4-.13 7.88a225.83 225.83 0 0 1 -10.21 61.17 335.34 335.34 0 0 1 -43.67 7c-13.13 1.28-27 2-41.27 2-9.9 0-19.56-.33-28.93-.95q-5.93-.4-11.67-.95a334.67 334.67 0 0 1 -45.73-7.43 225.57 225.57 0 0 1 -10.09-60.48c-.1-2.72-.14-5.48-.14-8.24a241.48 241.48 0 0 1 2.18-32.46 215.29 215.29 0 0 1 6.2-30.07c.41-1.53.86-3.05 1.33-4.56.62-2 1.28-4 2-6 12.68-37.05 34.73-64.83 61.06-75.21a62.56 62.56 0 0 1 23.19-4.51c36.34 0 68 32.18 84.24 79.64q1.63 4.89 3.1 10c.45 1.54.88 3.12 1.28 4.69a215.94 215.94 0 0 1 5.12 26 237.17 237.17 0 0 1 2.14 32.48z"
+     fill="#adc55e"
+     id="path4497" />
+  <path
+     d="m216.69 404.25a235.26 235.26 0 0 0 12.14 39.51q-5.93-.4-11.67-.95a334.67 334.67 0 0 1 -45.73-7.43 225.57 225.57 0 0 1 -10.09-60.48c-.1-2.72-.14-5.48-.14-8.24a241.48 241.48 0 0 1 2.18-32.46 215.29 215.29 0 0 1 6.2-30.07c.41-1.53.86-3.05 1.33-4.56.62-2 1.28-4 2-6 12.68-37.05 34.73-64.83 61.06-75.21-4.36 7.85-8.56 19.3-12.16 33.15-7.94 30.56-12.93 72.8-10.23 113.88a280.68 280.68 0 0 0 5.11 38.86z"
+     fill="#9cb748"
+     id="path4499" />
+  <path
+     d="m321.92 350.49c0 5.86-.23 11.62-.66 17.25-2.29 30-10.45 56.43-22.23 75-13.13 1.28-27 2-41.27 2-9.9 0-19.56-.33-28.93-.95q-5.93-.4-11.67-.95c-11.81-18.6-20-45.09-22.27-75.16q-.64-8.41-.65-17.16c0-41 10.9-77.25 27.53-99 10.31-13.45 22.82-21.33 36.31-21.33 35.26.02 63.84 53.87 63.84 120.3z"
+     fill="#feeac0"
+     id="path4501" />
+  <ellipse
+     cx="256.78"
+     cy="285.78"
+     opacity=".11"
+     rx="91.16"
+     ry="33.48"
+     id="ellipse4503" />
+  <path
+     d="m409.05 207.93c0 55.27-68.53 100.07-153.05 100.07a229.18 229.18 0 0 1 -43.75-4.15c-6.8-1.33-13.41-3-19.78-4.86-52.83-15.77-89.55-50.62-89.55-91.06 0-55.27 68.54-100.06 153.08-100.06a234.24 234.24 0 0 1 24.95 1.32c72.65 7.81 128.1 49.02 128.1 98.74z"
+     id="path4505"
+     fill="#adc55e" />
+  <path
+     d="m251.33 189.29c-33.83 31.86-44.82 73.17-39.09 114.56-63.23-12.32-109.33-50.6-109.33-95.92 0-55.27 68.54-100.06 153.08-100.06a234.24 234.24 0 0 1 24.95 1.32c4.78 21.13 2.06 50.25-29.61 80.1z"
+     fill="#8baa3d"
+     opacity=".82"
+     id="path4507" />
+  <path
+     d="m357.23 24.46a3.93 3.93 0 0 1 -3.06-1.17c-.43-.44-10.32-10.21-24.12-4.31a3.91 3.91 0 1 1 -3.05-7.19c18.85-8.07 32.25 5.45 32.82 6a3.94 3.94 0 0 1 -.1 5.55 3.9 3.9 0 0 1 -2.46 1.09"
+     fill="#18190e"
+     opacity=".82"
+     id="path4509" />
+  <path
+     d="m131.32 40.3a4 4 0 0 0 2.74-1.8c.33-.52 7.92-12.16 22.66-9.32a3.91 3.91 0 0 0 1.49-7.68c-20.14-3.89-30.37 12.17-30.8 12.85a3.93 3.93 0 0 0 3.91 5.95"
+     fill="#18190e"
+     opacity=".82"
+     id="path4511" />
+  <circle
+     cx="176.05"
+     cy="145.34"
+     opacity=".11"
+     r="54.77"
+     id="circle4513" />
+  <circle
+     cx="168.66"
+     cy="120.97"
+     fill="#8baa3d"
+     r="62.41"
+     id="circle4515" />
+  <circle
+     cx="168.66"
+     cy="120.97"
+     fill="#fff"
+     r="44.13"
+     id="circle4517" />
+  <path
+     d="m124.54 121a44.12 44.12 0 0 0 88.23 0 40.34 40.34 0 0 0 -.21-4.3 44.12 44.12 0 0 1 -87.82 0c-.14 1.38-.2 2.81-.2 4.3z"
+     fill="#f2f2f2"
+     id="path4519" />
+  <path
+     d="m200.52 147.22a10.75 10.75 0 1 0 -8.82 8.78 10.76 10.76 0 0 0 8.82-8.78z"
+     fill="#18190e"
+     opacity=".82"
+     id="path4521" />
+  <circle
+     cx="327.2"
+     cy="145.34"
+     opacity=".11"
+     r="54.77"
+     id="circle4523" />
+  <circle
+     cx="334.59"
+     cy="120.97"
+     fill="#adc55e"
+     r="62.41"
+     id="circle4525" />
+  <circle
+     cx="334.59"
+     cy="120.97"
+     fill="#fff"
+     r="44.13"
+     id="circle4527" />
+  <path
+     d="m378.71 121a44.12 44.12 0 0 1 -88.23 0 40.34 40.34 0 0 1 .21-4.3 44.12 44.12 0 0 0 87.82 0 40.37 40.37 0 0 1 .2 4.3z"
+     fill="#f2f2f2"
+     id="path4529" />
+  <path
+     d="m308.15 150.88a10.74 10.74 0 1 1 8.81 8.73 10.76 10.76 0 0 1 -8.81-8.73z"
+     fill="#18190e"
+     opacity=".82"
+     id="path4531" />
+  <g
+     opacity=".24"
+     id="g4535">
+    <path
+       d="m256 292.39a229.19 229.19 0 0 1 -43.75-4.14c-6.8-1.33-13.41-3-19.78-4.86-49.41-14.75-84.72-46.19-89.09-83.28a67.69 67.69 0 0 0 -.46 7.82c0 40.44 36.72 75.29 89.55 91.06 6.37 1.9 13 3.53 19.78 4.86a229.18 229.18 0 0 0 43.75 4.15c84.53 0 153.06-44.8 153.06-100.07a66.7 66.7 0 0 0 -.46-7.77c-6.12 51.61-72.11 92.23-152.6 92.23z"
+       fill="#798e36"
+       id="path4533" />
+  </g>
+  <path
+     d="m256 440.07s-66.21-56.75-157.43-56.75l-74.79 45.08 232.22 44.6z"
+     fill="#eef6fa"
+     id="path4537" />
+  <path
+     d="m256 440.07s66.21-56.75 157.44-56.75l74.76 45.08-232.2 44.6z"
+     fill="#eef6fa"
+     id="path4539" />
+  <path
+     d="m261.39 465s70-47.2 225.94-36.6v57.81h-223.82z"
+     fill="#d1cecd"
+     id="path4541" />
+  <path
+     d="m249.72 465s-70-47.2-225.94-36.6v57.81h223.82z"
+     fill="#d1cecd"
+     id="path4543" />
+  <rect
+     fill="#822244"
+     height="16.85"
+     rx="8.43"
+     width="500"
+     x="6"
+     y="480.04"
+     id="rect4545" />
+  <path
+     d="m256 447.6c11.76 0 21.3 16.85 21.3 28.61v5.27a21.3 21.3 0 0 1 -21.3 21.29 21.29 21.29 0 0 1 -21.29-21.29v-5.27c-.02-11.76 9.51-28.61 21.29-28.61z"
+     fill="#822244"
+     id="path4547" />
+  <path
+     d="m209.74 464.15s-87-28.4-146-16.55c.02 0 52.48-3.51 146 16.55z"
+     fill="#9e9e9e"
+     id="path4549" />
+  <path
+     d="m322.44 464.15s87-28.4 146-16.55c-.01 0-52.44-3.51-146 16.55z"
+     fill="#9e9e9e"
+     id="path4551" />
+  <path
+     d="m 307.50614,242.80189 c 0,0 -67.20131,28.74159 -89.75734,-0.76651 -0.01,0.0388 13.96698,45.80952 89.75734,0.76651 z"
+     id="path4553"
+     inkscape:connector-curvature="0"
+     style="fill:#822244" />
+  <circle
+     cx="336.38"
+     cy="120"
+     fill="#c0e5eb"
+     opacity=".21"
+     r="73.84"
+     id="circle4555" />
+  <path
+     d="m336.38 201.84a79.07 79.07 0 1 1 79.06-79.07 79.16 79.16 0 0 1 -79.06 79.07zm0-147.68a68.62 68.62 0 1 0 68.62 68.61 68.69 68.69 0 0 0 -68.62-68.61z"
+     fill="#822244"
+     id="path4557" />
+  <circle
+     cx="168.49"
+     cy="122.77"
+     fill="#c0e5eb"
+     opacity=".21"
+     r="73.84"
+     id="circle4559" />
+  <g
+     fill="#822244"
+     id="g4565">
+    <path
+       d="m168.49 201.84a79.07 79.07 0 1 1 79.07-79.07 79.16 79.16 0 0 1 -79.07 79.07zm0-147.68a68.62 68.62 0 1 0 68.62 68.61 68.7 68.7 0 0 0 -68.62-68.61z"
+       id="path4561" />
+    <path
+       d="m240.36 118.82h21.26v7.9h-21.26z"
+       id="path4563" />
+  </g>
+</svg>
--- a/static/img/selfie.svg
+++ b/static/img/selfie.svg
+<svg id="Layer_1" height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg" data-name="Layer 1"><g opacity=".21"><ellipse cx="255.07" cy="470.65" fill="#3f3f44" rx="166.61" ry="35.35"/></g><path d="m121.44 461.34a11.78 11.78 0 0 0 13.27-1.79c7.24-6.24 13.6-2.65 14-2.4-4.8-1.56-9.86 1.21-12.61 5.27-3 4.4-3.21 10.33 2.56 13.9 9.86 6.12 17.7-.24 19.74-5.49a7.46 7.46 0 0 1 1-1.77.27.27 0 0 0 .1-.11 4.24 4.24 0 0 1 .81-.87l.2-.2a7.64 7.64 0 0 1 3-1.66c7.38-2.27 21.39-5.7 24.59-.22 1.94 3.36-4 6.88-8.13 8.84a6.52 6.52 0 0 1 -5.94-.13c-7.49-4.07-15.14 1.6-17.29 8.48a11.28 11.28 0 0 0 .45 8.26c4.2 8.6 13.6 8.88 19.62 5.89a12.88 12.88 0 0 0 5.7-6.21 13.83 13.83 0 0 1 6.36-6.77c12-6 39.6-21.32 36.87-33.51-2.22-9.87-9.1-6-9.1-6-1-33.13-1.34-38.58-1.34-38.58s-2.27-10-.77-14.92c6.06-19.92 13.64-24.39 13.64-24.39l-29.83-27.43-2.34 39.27c-7.66 7.32-7.53 17.42-1 23.72 0 0 10.78 34.7 7.49 42.72s-63.79.13-63.79.13c-1.56-5.06-16.88-13.11-21.79-.11a19.42 19.42 0 0 0 -.86 3c-1.57 7.14 1.59 11.01 5.39 13.08z" fill="#9cb748"/><g fill="#7c9c32"><path d="m157.24 491.46c4.2 8.6 13.6 8.88 19.62 5.89a12.88 12.88 0 0 0 5.7-6.21 13.83 13.83 0 0 1 6.36-6.77c12-6 39.6-21.32 36.87-33.51-2.22-9.87-9.1-6-9.1-6s10.51 5.22 2.74 14.29c-5.78 6.72-24 17.4-33 22.48a17.33 17.33 0 0 0 -6.74 6.92c-1.91 3.57-6 8-14 6.1-7.4-1.7-8.4-8.27-8.89-11.49a11.28 11.28 0 0 0 .44 8.3z" opacity=".39"/><path d="m138.73 476.35c9.86 6.12 17.7-.24 19.74-5.49a7.46 7.46 0 0 1 1-1.77c-3 3.11-12.46 9.89-19.38 5.36-5.85-3.86-4.66-8.71-3.91-12-2.98 4.4-3.18 10.33 2.55 13.9z" opacity=".39"/><path d="m121.44 461.34a11.78 11.78 0 0 0 13.27-1.79c7.24-6.24 13.6-2.65 14-2.4-.28-.42-4-5.72-13.43-.68-7.85 4.23-18.53.53-18.48-11.21a19.42 19.42 0 0 0 -.86 3c-1.46 7.14 1.7 11.01 5.5 13.08z" opacity=".39"/></g><path d="m388.91 461.34a11.79 11.79 0 0 1 -13.28-1.79c-7.24-6.24-13.6-2.65-14.05-2.4 4.8-1.56 9.86 1.21 12.62 5.27 3 4.4 3.2 10.33-2.57 13.9-9.86 6.12-17.69-.24-19.74-5.49a7.46 7.46 0 0 0 -1-1.77.27.27 0 0 1 -.1-.11 4 4 0 0 0 -.81-.87l-.2-.2a7.67 7.67 0 0 0 -3-1.66c-7.39-2.27-21.39-5.7-24.6-.22-1.94 3.36 4 6.88 8.14 8.84a6.49 6.49 0 0 0 5.93-.13c7.49-4.07 15.14 1.6 17.29 8.48a11.23 11.23 0 0 1 -.45 8.26c-4.2 8.6-13.59 8.88-19.61 5.89a12.83 12.83 0 0 1 -5.7-6.21 13.89 13.89 0 0 0 -6.37-6.77c-12-6-39.6-21.32-36.86-33.51 2.22-9.87 9.09-6 9.09-6 1-33.13 1.35-38.58 1.35-38.58s2.26-10 .76-14.92c-6.05-19.87-13.62-24.35-13.62-24.35l29.87-27.42 2.43 39.22c7.66 7.32 7.54 17.42 1 23.72 0 0-10.78 34.7-7.49 42.72s63.79.13 63.79.13c1.56-5.06 16.89-13.11 21.8-.11a20.66 20.66 0 0 1 .85 3c1.49 7.14-1.67 11.01-5.47 13.08z" fill="#adc55e"/><path d="m353.1 491.46c-4.2 8.6-13.59 8.88-19.61 5.89a12.83 12.83 0 0 1 -5.7-6.21 13.89 13.89 0 0 0 -6.37-6.77c-12-6-39.6-21.32-36.86-33.51 2.22-9.87 9.09-6 9.09-6s-10.51 5.22-2.73 14.29c5.77 6.72 24 17.4 33 22.48a17.26 17.26 0 0 1 6.74 6.92c1.92 3.57 6 8 14 6.1 7.41-1.7 8.4-8.27 8.89-11.49a11.23 11.23 0 0 1 -.45 8.3z" fill="#8baa3d" opacity=".48"/><path d="m371.61 476.35c-9.86 6.12-17.69-.24-19.74-5.49a7.46 7.46 0 0 0 -1-1.77c3 3.11 12.47 9.89 19.38 5.36 5.85-3.86 4.66-8.71 3.92-12 2.97 4.4 3.21 10.33-2.56 13.9z" fill="#8baa3d" opacity=".48"/><path d="m388.91 461.34a11.79 11.79 0 0 1 -13.28-1.79c-7.24-6.24-13.6-2.65-14.05-2.4.28-.42 4-5.72 13.43-.68 7.85 4.23 18.53.53 18.49-11.21a20.66 20.66 0 0 1 .85 3c1.52 7.14-1.64 11.01-5.44 13.08z" fill="#8baa3d" opacity=".48"/><path d="m180.33 232.31-.72 11.28-1.37 21.22c-2.58 1-5.12 1.87-7.64 2.6-63.83 18.59-104.83-50.77-104.83-50.77l10.13-7.51c36.38 40.58 73.86 35.16 92.46 28.63a72.18 72.18 0 0 0 10.8-4.74c.77-.45 1.17-.71 1.17-.71z" fill="#9cb748"/><path d="m75.14 214s9.86-19-1.64-27.74-15.27-10.55-19.74-3.87-12.45 3.45-8.8 16.17c5.21 18.12 23.38 18.64 23.38 18.64z" fill="#9cb748"/><path d="m73.48 186.27c8.26 6.26 5.49 17.82 3.29 23.83 32.91 36 66.55 34.74 86.22 29.32a72.87 72.87 0 0 0 16.25-6.42c.7-.4 1.09-.64 1.09-.64l-.39 5.9c-17.91 11-56.14 23-106.28-25.32a3.27 3.27 0 0 1 -1-2.74c.64-5.28 1.27-22.62-17.3-28.26l-.56-.94c4.06-5 8.09-2.76 18.68 5.27z" fill="#fff" opacity=".32"/><path d="m56.36 184.62-4.17-4.48a40.42 40.42 0 0 1 -7.72-12.86c-2-5.09-7-10.9-11-6.91s.09 12.43 4.21 14.69a35.39 35.39 0 0 1 8.67 6.73l6.8 7.2a2.37 2.37 0 0 0 1.06.65c2.43.69 4.03-3 2.15-5.02z" fill="#9cb748"/><path d="m58.94 187.89-.89-6.64a47.81 47.81 0 0 1 .78-15.82c1.12-5.47.34-13.73-4.91-13.7s-6.47 9.71-4.47 14.58a48.33 48.33 0 0 1 3.19 11.79l1.49 10.73a3.23 3.23 0 0 0 .48 1.31c1.54 2.39 4.72.74 4.33-2.25z" fill="#9cb748"/><path d="m341.51 277.36c0 53-31.57 96.9-72.86 104.89a69.48 69.48 0 0 1 -13.58 1.32c-47.73 0-86.43-47.55-86.43-106.21a130.16 130.16 0 0 1 2-22.57 120.41 120.41 0 0 1 5.59-20.9c.37-1.07.77-2.12 1.2-3.17.55-1.4 1.15-2.79 1.77-4.16 11.42-25.75 31.3-45.06 55-52.28a71.33 71.33 0 0 1 20.9-3.13c32.75 0 61.25 22.37 75.92 55.36 1 2.26 1.92 4.57 2.79 6.92.41 1.07.79 2.18 1.16 3.26a120.72 120.72 0 0 1 4.61 18.07 128.4 128.4 0 0 1 1.93 22.6z" fill="#adc55e"/><path d="m268.65 382.25a130.06 130.06 0 0 1 -13.58 1.32c-47.73 0-86.43-47.55-86.43-106.21a130.16 130.16 0 0 1 2-22.57 120.41 120.41 0 0 1 5.59-20.9c.37-1.07.77-2.12 1.2-3.17.55-1.4 1.15-2.79 1.77-4.16 11.42-25.75 31.3-45.06 55-52.28-15.39 21.4-28.56 81.11-15.53 129.21 12.09 44.71 49.98 78.76 49.98 78.76z" fill="#9cb748"/><ellipse cx="255.94" cy="266.11" fill="#feeac0" rx="57.53" ry="83.62"/><path d="m445.09 219.19s-41.67 68.91-105.54 50.25c-2.48-.7-5-1.56-7.56-2.56l-1.15-17.76-.56-8.84-.38-5.89 1.1.61a72.93 72.93 0 0 0 16.24 6.47c19.86 5.46 53.93 6.7 87.13-30.3l3.43 2.57z" fill="#adc55e"/><path d="m436.75 188.34c-8.26 6.27-5.5 17.82-3.3 23.83-32.91 36-66.54 34.74-86.22 29.33a72.93 72.93 0 0 1 -16.23-6.5l-1.09-.64.38 5.89c17.92 11 56.14 23 106.28-25.32a3.25 3.25 0 0 0 1-2.74c-.65-5.28-1.27-22.62 17.3-28.26l.58-.91c-4.08-4.91-8.11-2.71-18.7 5.32z" fill="#fff" opacity=".32"/><ellipse cx="254.77" cy="235.94" opacity=".11" rx="82.15" ry="30.17"/><path d="m392 165.79c0 49.8-61.76 90.17-137.93 90.17a206.82 206.82 0 0 1 -39.43-3.73q-9.19-1.8-17.82-4.38c-47.61-14.22-80.7-45.62-80.7-82.06 0-49.81 61.76-90.18 138-90.18a209.32 209.32 0 0 1 22.48 1.2c65.4 7.02 115.4 44.19 115.4 88.98z" fill="#adc55e"/><path d="m249.86 149c-30.49 28.71-40.39 65.94-35.23 103.24-57-11.1-98.52-45.6-98.52-86.44 0-49.81 61.76-90.18 138-90.18a209.32 209.32 0 0 1 22.48 1.2c4.26 19.03 1.83 45.27-26.73 72.18z" fill="#8baa3d" opacity=".82"/><path d="m360.67 23.49a3.54 3.54 0 0 1 -2.47-1.62c-.3-.47-7.14-11-20.42-8.4a3.52 3.52 0 1 1 -1.34-6.92c18.14-3.51 27.36 11 27.75 11.58a3.54 3.54 0 0 1 -3.52 5.36" fill="#18190e" opacity=".82"/><path d="m134.29 23.49a3.56 3.56 0 0 0 2.48-1.62c.29-.47 7.13-11 20.42-8.4a3.52 3.52 0 0 0 1.34-6.92c-18.15-3.51-27.37 11-27.76 11.58a3.54 3.54 0 0 0 3.52 5.36" fill="#18190e" opacity=".82"/><circle cx="182.02" cy="109.39" opacity=".11" r="49.35"/><circle cx="175.36" cy="87.42" fill="#8baa3d" r="56.24"/><circle cx="175.36" cy="87.42" fill="#fff" r="39.77"/><path d="m135.6 87.43a39.76 39.76 0 0 0 79.51 0 35.38 35.38 0 0 0 -.19-3.88 39.76 39.76 0 0 1 -79.13 0 35.38 35.38 0 0 0 -.19 3.88z" fill="#f2f2f2"/><path d="m207.3 101a9.68 9.68 0 1 0 -7.94 7.87 9.69 9.69 0 0 0 7.94-7.87z" fill="#18190e" opacity=".82"/><circle cx="318.23" cy="109.39" opacity=".11" r="49.35"/><circle cx="324.89" cy="87.42" fill="#adc55e" r="56.24"/><circle cx="324.89" cy="87.42" fill="#fff" r="39.77"/><path d="m364.65 87.43a39.76 39.76 0 0 1 -79.51 0 38.07 38.07 0 0 1 .18-3.88 39.76 39.76 0 0 0 79.14 0 35.38 35.38 0 0 1 .19 3.88z" fill="#f2f2f2"/><path d="m337.07 101.39a9.68 9.68 0 1 1 7.94 7.87 9.69 9.69 0 0 1 -7.94-7.87z" fill="#18190e" opacity=".82"/><g opacity=".24"><path d="m254.06 241.9a206.82 206.82 0 0 1 -39.43-3.73q-9.19-1.8-17.82-4.38c-44.53-13.3-76.35-41.63-80.28-75a59 59 0 0 0 -.42 7c0 36.44 33.09 67.84 80.7 82.06q8.61 2.57 17.82 4.38a206.82 206.82 0 0 0 39.43 3.77c76.17 0 137.94-40.41 137.94-90.21a58.37 58.37 0 0 0 -.42-7c-5.51 46.5-64.98 83.11-137.52 83.11z" fill="#798e36"/></g><path d="m204.38 207.25c11.23 9.86 27.54 17.73 49.49 19.11 30.83 1.92 48.39-6.61 57.07-17.85 12.31-15.92 6.78-37.29-4.08-42a39 39 0 0 0 -4.5-1.68c-15.16-4.59-21.95 4.93-45.26 7.07 0 0-36.9 4.06-53.61-7.17a34.77 34.77 0 0 0 -3.36-2c-20.57-10.62-21.34 22.08 4.25 44.52z" fill="#822244"/><path d="m204.38 207.25c11.23 9.86 27.54 17.73 49.49 19.11 30.83 1.92 48.39-6.61 57.07-17.85 0 0-49.13-32.99-106.56-1.26z" fill="#dd3c7e"/><rect fill="#e52669" height="84.14" rx="14.5" stroke="#bc2f69" stroke-miterlimit="10" stroke-width="3.66" transform="matrix(.976 -.216 .216 .976 -27.1 90.54)" width="147.76" x="327.1" y="127.26"/><rect fill="#3e2945" height="18.79" rx="7.59" transform="matrix(.976 -.216 .216 .976 -19.03 97.56)" width="41.23" x="416.54" y="126.53"/><circle cx="446.48" cy="133.98" fill="#74747c" r="5.98"/><circle cx="429.52" cy="137.73" fill="#fbfbfd" r="4.23"/><path d="m466.59 200.78c-5.21 18.11-23.37 18.64-23.37 18.64l-6.81-3.22s-.26-.49-.64-1.35c-2-4.48-7.37-19 2.28-26.36 10.59-8 14.62-10.23 18.68-5.3a16.17 16.17 0 0 1 1 1.41c4.53 6.68 12.51 3.46 8.86 16.18z" fill="#adc55e"/></svg>
\ No newline at end of file