finalize badge section global style and logos

components/Badge.vue

@@ -4,16 +4,21 @@
       <v-img
         :src="img"
         :alt="title"
+        :width="24"
       />
 
       <div class="details">
         <v-card-title>{{ title }}</v-card-title>
         <v-card-subtitle v-if="subtitle">{{ subtitle }}</v-card-subtitle>
-        <v-card-text v-if="details && expanded">{{ details }}</v-card-text>
-        <v-card-actions v-if="details && !expanded">
-          <v-btn icon="fas fa-plus" variant="flat" @click="onMoreClick" />
-        </v-card-actions>
       </div>
+
+<!--      <v-card-text v-if="details && expanded">{{ details }}</v-card-text>-->
+<!--      <v-card-actions v-if="details && !expanded">-->
+<!--        <v-btn icon="fas fa-plus" variant="flat" @click="onMoreClick" />-->
+<!--      </v-card-actions>-->
+      <v-card-actions>
+        <v-btn v-if="false" icon="fas fa-plus" variant="flat" @click="onMoreClick" />
+      </v-card-actions>
     </div>
   </v-card>
 </template>
@@ -72,29 +77,44 @@ const onMoreClick = () => {
 
     .details {
       flex: 1;
+      max-width: 154px;
     }
 
     .v-img {
       max-width: 24px;
       height: 24px;
-      margin: 0 12px;
+      width: 24px;
+      margin: 0 8px;
     }
 
     .v-card-title {
-      font-size: 16px;
+      font-size: 15px;
       padding: 0 16px;
       font-weight: 300;
+      text-overflow: ellipsis;
     }
 
     .v-card-subtitle {
-      font-size: 14px;
+      font-size: 13px;
     }
   }
 
   .v-card-actions {
-    display: none;
+    width: 24px;
+    right: 0;
+    padding: 0 8px;
+
+    .v-btn {
+      width: 24px;
+      font-size: 13px;
+      color: rgb(var(--v-theme-primary-alt));
+    }
   }
 
+  //.v-card-actions {
+  //  display: none;
+  //}
+  //
   //.v-card:hover {
   //  .v-card-actions {
   //    display: block;

components/LanguageSelector.vue

@@ -32,4 +32,17 @@
 :deep(.v-field__append-inner) {
   padding-top: 3px !important;
 }
+
+:deep(.v-select__menu-icon) {
+  font-size: 13px;
+  margin-top: 8px;
+}
+
+:deep(.v-list) {
+  width: 72px;
+}
+
+:deep(.v-list-item) {
+  padding: 24px;
+}
 </style>

components/Topbar.vue

@@ -44,7 +44,7 @@
   height: 64px;
   display: flex;
   flex-direction: row;
-  margin: 0 15%;
+  margin: 0;
   padding: 18px;
   justify-content: flex-end;
 

lang/en.json

@@ -10,5 +10,6 @@
   "Find me on Github": "Find me on Github",
   "Find me on Stackoverflow": "Find me on Stackoverflow",
   "Find me on LinkedIn": "Find me on LinkedIn",
-  "Find me on Codingame": "Find me on Codingame"
+  "Find me on Codingame": "Find me on Codingame",
+  "Competences": "Competences"
 }

lang/fr.json

@@ -10,5 +10,6 @@
   "Find me on Github": "Retrouvez moi sur Github",
   "Find me on Stackoverflow": "Retrouvez moi sur Stackoverflow",
   "Find me on LinkedIn": "Retrouvez moi sur LinkedIn",
-  "Find me on Codingame": "Retrouvez moi sur Codingame"
+  "Find me on Codingame": "Retrouvez moi sur Codingame",
+  "Competences": "Competences"
 }

pages/index.vue

@@ -35,7 +35,7 @@
       <div class="logos mt-3">
         <BannerLogo
           href="https://github.com/olinox14"
-          img="/images/logos/github_large_dark.png"
+          :img="theme.global.name.value === 'light' ? '/images/logos/github_large_light.png' : '/images/logos/github_large_dark.png'"
           :alt="i18n.t('Find me on Github')"
         />
 
@@ -62,12 +62,13 @@
   </div>
 
   <div class="badges">
+    <h3>{{ $t("Competences") }}</h3>
 
     <v-container>
       <v-row>
         <v-col cols="4">
           <div class="badges-section">
-            <h2>Languages</h2>
+            <h4>Languages</h4>
 
             <Badge
               title="Python"
@@ -76,68 +77,98 @@
               details="J'ai travaillé sur de très nombreux projets avec Python, depuis la version 2.7 jusqu'à la version 3.12: scripts variés, extensions QGis, projets web, librairies, utilitaires ou applications buraeautiques."
             />
             <Badge title="PHP" img="/images/logos/php.svg" :subtitle="$t('x_years', { years: 4 })" />
-            <Badge title="Node.js" img="/images/logos/node-light.svg" :subtitle="$t('x_years', { years: 5 })" />
+            <Badge title="Node.js" :img="theme.global.name.value === 'light' ? '/images/logos/nodejs_light.svg' : '/images/logos/nodejs_dark.svg'" :subtitle="$t('x_years', { years: 5 })" />
             <Badge title="C#" img="/images/logos/csharp.png" :subtitle="$t('x_years', { years: 2 })" />
           </div>
 
           <div class="badges-section">
-            <h2>Frameworks</h2>
+            <h4>Frameworks</h4>
 
             <Badge title="Symfony" img="/images/logos/symfony.svg" :subtitle="$t('x_years', { years: 4 })" />
             <Badge title="Vue.js" img="/images/logos/vue.png" :subtitle="$t('x_years', { years: 3 })" />
             <Badge title="Nuxt.js" img="/images/logos/nuxt.svg" :subtitle="$t('x_years', { years: 3 })" />
-            <Badge title="Django" img="/images/logos/django-light.svg" :subtitle="$t('x_years', { years: 3 })" />
+            <Badge title="Django" :img="theme.global.name.value === 'light' ? '/images/logos/django-light.svg' : '/images/logos/django-dark.svg'" :subtitle="$t('x_years', { years: 3 })" />
             <Badge title=".Net" img="/images/logos/dotnet.svg" :subtitle="$t('x_years', { years: 2 })" />
-            <Badge title="Jquery" img="/images/logos/jquery.png" :subtitle="$t('x_years', { years: 4 })"/>
+            <Badge title="Jquery" :img="theme.global.name.value === 'light' ? '/images/logos/jquery.png' : '/images/logos/jquery_dark.png'" :subtitle="$t('x_years', { years: 4 })"/>
           </div>
         </v-col>
 
         <v-col cols="4">
           <div class="badges-section">
-            <h2>DBs and search-engines</h2>
+            <h4>DBs and search-engines</h4>
 
             <Badge title="Mysql" img="/images/logos/mysql.png" :subtitle="$t('x_years', { years: 6 })" />
-            <Badge title="MariaDb" img="/images/logos/mariadb.svg" :subtitle="$t('x_years', { years: 6 })" />
-            <Badge title="Postgresql" img="/images/logos/postgresql.png" :subtitle="$t('x_years', { years: 4 })"/>
+            <Badge title="MariaDb" :img="theme.global.name.value === 'light' ? '/images/logos/mariadb.svg': '/images/logos/mariadb_dark.svg'" :subtitle="$t('x_years', { years: 6 })" />
+            <Badge title="Postgresql" img="/images/logos/postgresql.svg" :subtitle="$t('x_years', { years: 5 })"/>
             <Badge title="SQL-Server" img="/images/logos/sql-server.svg" :subtitle="$t('x_years', { years: 6 })" />
-            <Badge title="Sqlite" img="/images/logos/sqlite.png" :subtitle="$t('x_years', { years: 5 })" />
-            <Badge title="Solr" img="/images/logos/solr.png" :subtitle="$t('x_years', { years: 1 })" />
+            <Badge title="Sqlite" img="/images/logos/sqlite.svg" :subtitle="$t('x_years', { years: 5 })" />
+            <Badge title="Solr" :img="theme.global.name.value === 'light' ? '/images/logos/solr_light.png' : '/images/logos/solr_dark.png'" :subtitle="$t('x_years', { years: 1 })" />
           </div>
 
           <div class="badges-section">
-            <h2>Devops</h2>
+            <h4>Devops</h4>
 
             <Badge title="Docker" img="/images/logos/docker.svg" :subtitle="$t('x_years', { years: 5 })" />
             <Badge title="Gitlab CI" img="/images/logos/gitlab.svg" :subtitle="$t('x_years', { years: 8 })" />
-            <Badge title="Github Actions" img="/images/logos/github-light.svg" :subtitle="$t('x_years', { years: 1 })" />
+            <Badge title="Github Actions" :img="theme.global.name.value === 'light' ? '/images/logos/github-light.svg' : '/images/logos/github-dark.svg'" :subtitle="$t('x_years', { years: 1 })" />
             <Badge title="Jenkins" img="/images/logos/jenkins.png" :subtitle="$t('x_years', { years: 4 })" />
           </div>
         </v-col>
 
         <v-col cols="4">
           <div class="badges-section">
-            <h2>CMS</h2>
+            <h4>CMS</h4>
 
             <Badge title="Typo3" img="/images/logos/typo3.png" :subtitle="$t('x_years', { years: 4 })" />
-            <Badge title="Wordpress" img="/images/logos/wordpress.png" :subtitle="$t('x_years', { years: 6 })"/>
+            <Badge title="Wordpress" :img="theme.global.name.value === 'light' ? '/images/logos/wordpress.png' : '/images/logos/wordpress_dark.png'" :subtitle="$t('x_years', { years: 6 })"/>
           </div>
 
           <div class="badges-section">
-            <h2>Other</h2>
+            <h4>Other</h4>
 
-            <Badge title="Mercure (SSE)" img="/images/logos/mercure.svg" :subtitle="$t('x_years', { years: 3 })" />
+            <Badge title="Mercure (SSE)" img="/images/logos/mercure_icon.png" :subtitle="$t('x_years', { years: 3 })" />
             <Badge title="Nextcloud" img="/images/logos/nextcloud.svg" :subtitle="$t('x_years', { years: 6 })" />
+            <Badge title="Linux" img="/images/logos/linux.png" :subtitle="$t('x_years', { years: 10 })" />
           </div>
+
+          <div class="badges-section">
+            <h4>Management</h4>
+
+            <Badge title="Management" img="/images/team-management.png" :subtitle="$t('x_years', { years: 10 })" />
+            <Badge title="Continuous Improvement" img="/images/continuous-improvement.png" :subtitle="$t('x_years', { years: 9 })" />
+            <Badge title="SCRUM" img="/images/scrum.png" :subtitle="$t('x_years', { years: 8 })" />
+            <Badge title="Tutoring" img="/images/teacher.png" :subtitle="$t('x_years', { years: 6 })" />
+          </div>
+
+<!--          <div class="badges-section">-->
+<!--            <h4>Languages</h4>-->
+
+<!--            <Badge title="English" img="" :subtitle="$t('good')" />-->
+<!--            <Badge title="French" img="" :subtitle="$t('native')" />-->
+<!--            <Badge title="Spanish" img="" :subtitle="$t('basic')" />-->
+<!--          </div>-->
         </v-col>
       </v-row>
     </v-container>
+  </div>
+
+  <div class="cursus">
+    <h3>{{ $t("Cursus") }}</h3>
+
+
+
+
   </div>
 </template>
 
 <script setup lang="ts">
 
+import { useTheme } from 'vuetify'
+
 const i18n = useI18n()
 
+const theme = useTheme()
+
 const START_YEAR = 2011
 const CURRENT_YEAR = new Date().getFullYear();
 
@@ -190,17 +221,32 @@ const XP_YEARS = CURRENT_YEAR - START_YEAR
 }
 
 .badges {
-
+  .v-col {
+    display: flex;
+    flex-direction: column;
+  }
 }
 
 .badges-section {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
-  justify-content: center;
+  justify-content: flex-start;
+  margin: 12px 0;
+  padding: 12px 6px;
+  border: solid 1px rgba(var(--v-theme-primary-alt), 0.3);
+  border-radius: 16px;
+  flex: 1;
+
+  h4 {
+    font-size: 16px;
+    margin: -24px 24px 6px 24px;
+    padding: 0 12px;
+    background: rgb(var(--v-theme-background));;
+  }
 
   .v-card {
-    margin: 24px;
+    margin: 6px 24px;
   }
 }
 </style>

public/images/logos/mariadb_dark.svg

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 309.88 252.72">
+  <defs>
+    <style>.cls-1{fill:#fff;}</style>
+  </defs>
+  <title>MDB-VLogo_White</title>
+  <path class="cls-1" d="M63.62,217.6,74.9,261.16H66.39l-7.54-31.37L44.73,261.16H37.55L23.5,230l-7.72,31.19H7.45L18.61,217.6H26l15.21,33.73L56.32,217.6Z" transform="translate(-7.45 -9.1)"></path>
+  <path class="cls-1" d="M107,234.44v-5.07h8.2v31.79H107V256c-2.18,3.69-6.64,5.8-12.07,5.8-11.34,0-17.68-8-17.68-17.2,0-8.87,6-16,16.47-16C99.68,228.65,104.63,230.7,107,234.44ZM86,245.06c0,5.85,3.68,10.85,10.8,10.85,6.88,0,10.62-4.88,10.62-10.67s-3.86-10.74-11-10.74C89.55,234.5,86,239.44,86,245.06Z" transform="translate(-7.45 -9.1)"></path>
+  <path class="cls-1" d="M133.7,261.16h-8.2V229.37h8.2v7.12a12.6,12.6,0,0,1,11.47-7.84,14.75,14.75,0,0,1,5.12.84l-1.75,6a17.94,17.94,0,0,0-4.34-.6c-5.91,0-10.5,4.46-10.5,11Z" transform="translate(-7.45 -9.1)"></path>
+  <path class="cls-1" d="M154.39,221a4.18,4.18,0,0,1,4.41-4.28,4.32,4.32,0,0,1,4.46,4.4,4.15,4.15,0,0,1-4.46,4.23A4.23,4.23,0,0,1,154.39,221Zm.36,8.39H163V252.6c0,1.44.3,2.47,1.51,2.47a9,9,0,0,0,1.57-.18l1.26,6a14.56,14.56,0,0,1-5.43,1c-3.44,0-7.12-1-7.12-8.81Z" transform="translate(-7.45 -9.1)"></path>
+  <path class="cls-1" d="M199.64,234.44v-5.07h8.2v31.79h-8.2V256c-2.18,3.69-6.64,5.8-12.07,5.8-11.34,0-17.68-8-17.68-17.2,0-8.87,6-16,16.47-16C192.34,228.65,197.28,230.7,199.64,234.44Zm-21,10.62c0,5.85,3.68,10.85,10.8,10.85,6.88,0,10.62-4.88,10.62-10.67s-3.86-10.74-11-10.74C182.2,234.5,178.64,239.44,178.64,245.06Z" transform="translate(-7.45 -9.1)"></path>
+  <path class="cls-1" d="M220.44,217.6h19.67c16.53,0,24.8,9.12,24.68,21.78.12,13.16-9,21.78-23.23,21.78H220.44Zm5.43,3.87v35.89h15c13.15,0,18.16-8.87,18.16-18.1,0-10.43-6.28-17.79-18.16-17.79Z" transform="translate(-7.45 -9.1)"></path>
+  <path class="cls-1" d="M298.32,261.16h-25V217.6h22.5c8.63,0,16.83,1.63,16.71,11.29,0,6.81-4.22,8.68-8.69,9.41,6.34.54,10.14,4.58,10.14,11.1C314.07,259.17,305.5,261.16,298.32,261.16Zm-1.87-24.55c8.63,0,10.56-3.32,10.56-7.54,0-6.34-3.86-7.79-10.56-7.79H278.54v15.33Zm.24,3.68H278.54v17.19h18.94c5.31,0,10.92-1.75,10.92-8.44C308.4,241.31,301.94,240.29,296.69,240.29Z" transform="translate(-7.45 -9.1)"></path>
+  <path class="cls-1" d="M316,10.05a4.2,4.2,0,0,0-2.84-1c-2.84,0-6.5,1.92-8.46,3l-.79.4a26.81,26.81,0,0,1-10.57,2.66c-3.76.12-7,.34-11.22.77-25,2.58-36.15,21.74-46.89,40.27-5.84,10.08-11.88,20.5-20.16,28.57a55.71,55.71,0,0,1-5.46,4.63c-8.57,6.39-19.33,10.9-27.74,14.12-8.07,3.08-16.86,5.85-25.37,8.53-7.78,2.45-15.14,4.76-21.9,7.28-3.05,1.13-5.64,2-7.93,2.76-6.15,2-10.6,3.53-17.08,8-2.53,1.73-5.07,3.6-6.8,5a71.26,71.26,0,0,0-13.54,14.27A84.81,84.81,0,0,1,77.88,163c-1.36,1.34-3.8,2-7.43,2-4.27,0-9.43-.88-14.91-1.81s-11.46-2-16.46-2c-4.07,0-7.17.66-9.5,2,0,0-3.9,2.28-5.56,5.23l1.62.73a33.56,33.56,0,0,1,6.93,5,33.68,33.68,0,0,0,7.19,5.12A6.37,6.37,0,0,1,42,180.72c-.69,1-1.69,2.29-2.74,3.67-5.77,7.55-9.13,12.32-7.2,14.92a6,6,0,0,0,3,.68c12.59,0,19.34-3.27,27.9-7.41,2.47-1.2,5-2.44,8-3.7,5-2.17,10.38-5.63,16.08-9.29,7.55-4.85,15.36-9.87,22.92-12.3a62.3,62.3,0,0,1,19.23-2.7c8,0,16.42,1.07,24.54,2.11,6.06.78,12.32,1.58,18.47,2,2.39.14,4.6.21,6.76.21a78.48,78.48,0,0,0,8.61-.45l.68-.24c4.32-2.65,6.34-8.34,8.29-13.84,1.26-3.54,2.32-6.72,4-8.74a2.06,2.06,0,0,1,.33-.27.4.4,0,0,1,.49.08.25.25,0,0,1,0,.16c-1,21.51-9.67,35.16-18.42,47.3L177,199.14s8.18,0,12.84-1.8c17-5.08,29.84-16.28,39.18-34.14a144.39,144.39,0,0,0,6.16-14.09c.16-.4,1.64-1.14,1.49.93,0,.61-.08,1.29-.13,2h0c0,.42-.06.85-.08,1.28-.25,3-1,9.34-1,9.34l5.25-2.81c12.66-8,22.42-24.14,29.82-49.25,3.09-10.46,5.34-20.85,7.33-30,2.38-11,4.43-20.43,6.78-24.09,3.69-5.74,9.32-9.62,14.77-13.39.75-.51,1.49-1,2.22-1.54,6.86-4.81,13.67-10.36,15.16-20.71l0-.23C317.93,12.92,317,11,316,10.05Z" transform="translate(-7.45 -9.1)"></path>
+</svg>

public/images/logos/mercure_icon.svg

@@ -0,0 +1,92 @@
+<?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"
+   version="1.1"
+   id="Calque_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 104.8 104.80001"
+   xml:space="preserve"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="mercure_icon.svg"
+   width="104.8"
+   height="104.8"
+   inkscape:export-filename="C:\Users\olinox\Documents\dev\cv2\public\images\logos\mercure_icon.png"
+   inkscape:export-xdpi="90"
+   inkscape:export-ydpi="90"><metadata
+     id="metadata27"><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="defs25" /><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="1009"
+     id="namedview23"
+     showgrid="false"
+     inkscape:snap-page="false"
+     fit-margin-top="0"
+     fit-margin-left="0"
+     fit-margin-right="0"
+     fit-margin-bottom="0"
+     inkscape:zoom="1.39"
+     inkscape:cx="94.429721"
+     inkscape:cy="36.207789"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Calque_1" /><style
+     type="text/css"
+     id="style3">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:url(#SVGID_2_);}
+	.st2{fill:#495466;}
+</style><linearGradient
+     id="SVGID_1_"
+     gradientUnits="userSpaceOnUse"
+     x1="21.577801"
+     y1="257.4968"
+     x2="126.3956"
+     y2="257.4968"
+     gradientTransform="translate(-21.6,-205.06)"><stop
+       offset="0"
+       style="stop-color:#76C8DD"
+       id="stop6" /><stop
+       offset="1"
+       style="stop-color:#2AB3D7"
+       id="stop8" /></linearGradient><path
+     class="st0"
+     d="M 52.4,104.8 C 23.5,104.8 0,81.3 0,52.4 0,23.5 23.5,0 52.4,0 c 28.9,0 52.4,23.5 52.4,52.4 0,28.9 -23.5,52.4 -52.4,52.4 z m 0,-100.3 c -26.4,0 -48,21.5 -48,48 0,26.5 21.5,48 48,48 26.5,0 48,-21.5 48,-48 0,-26.5 -21.5,-48 -48,-48 z"
+     id="path10"
+     inkscape:connector-curvature="0"
+     style="fill:url(#SVGID_1_)" /><linearGradient
+     id="SVGID_2_"
+     gradientUnits="userSpaceOnUse"
+     x1="32.860199"
+     y1="256.9509"
+     x2="115.1131"
+     y2="256.9509"
+     gradientTransform="translate(-21.6,-205.06)"><stop
+       offset="0"
+       style="stop-color:#76C8DD"
+       id="stop13" /><stop
+       offset="1"
+       style="stop-color:#2AB3D7"
+       id="stop15" /></linearGradient><path
+     class="st1"
+     d="m 52.4,10.7 c -22.7,0 -41.1,18.4 -41.1,41.1 0,7.1 1.8,13.8 4.9,19.6 1.1,-0.8 2.3,-1.6 3.6,-2.4 22.5,-13.4 42.5,-24.5 55.7,-45.1 0,0 -0.9,23.3 -14.3,34.1 -3,2.4 -5.5,4.3 -7.9,5.8 6.8,-3.6 12.7,-7.6 17.3,-13.1 0,0 -0.4,15.6 -11.9,22.6 -4.3,2.5 -7.9,4 -11.5,5.1 C 53.8,76.9 58,75.1 61.5,72.8 58.6,82.5 52.3,87.6 42.4,89 38.8,89.4 35.8,88.6 32.6,87.9 38.5,91.2 45.3,93 52.5,93 75.2,93 93.6,74.6 93.6,51.9 93.6,29.2 75.2,10.7 52.4,10.7 Z"
+     id="path17"
+     inkscape:connector-curvature="0"
+     style="fill:url(#SVGID_2_)" /></svg>

public/images/logos/postgresql.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="432.071pt" height="445.383pt" viewBox="0 0 432.071 445.383" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
+<g id="orginal" style="fill-rule:nonzero;clip-rule:nonzero;stroke:#000000;stroke-miterlimit:4;">
+	</g>
+<g id="Layer_x0020_3" style="fill-rule:nonzero;clip-rule:nonzero;fill:none;stroke:#FFFFFF;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;">
+<path style="fill:#000000;stroke:#000000;stroke-width:37.3953;stroke-linecap:butt;stroke-linejoin:miter;" d="M323.205,324.227c2.833-23.601,1.984-27.062,19.563-23.239l4.463,0.392c13.517,0.615,31.199-2.174,41.587-7c22.362-10.376,35.622-27.7,13.572-23.148c-50.297,10.376-53.755-6.655-53.755-6.655c53.111-78.803,75.313-178.836,56.149-203.322    C352.514-5.534,262.036,26.049,260.522,26.869l-0.482,0.089c-9.938-2.062-21.06-3.294-33.554-3.496c-22.761-0.374-40.032,5.967-53.133,15.904c0,0-161.408-66.498-153.899,83.628c1.597,31.936,45.777,241.655,98.47,178.31    c19.259-23.163,37.871-42.748,37.871-42.748c9.242,6.14,20.307,9.272,31.912,8.147l0.897-0.765c-0.281,2.876-0.157,5.689,0.359,9.019c-13.572,15.167-9.584,17.83-36.723,23.416c-27.457,5.659-11.326,15.734-0.797,18.367c12.768,3.193,42.305,7.716,62.268-20.224    l-0.795,3.188c5.325,4.26,4.965,30.619,5.72,49.452c0.756,18.834,2.017,36.409,5.856,46.771c3.839,10.36,8.369,37.05,44.036,29.406c29.809-6.388,52.6-15.582,54.677-101.107"/>
+<path style="fill:#336791;stroke:none;" d="M402.395,271.23c-50.302,10.376-53.76-6.655-53.76-6.655c53.111-78.808,75.313-178.843,56.153-203.326c-52.27-66.785-142.752-35.2-144.262-34.38l-0.486,0.087c-9.938-2.063-21.06-3.292-33.56-3.496c-22.761-0.373-40.026,5.967-53.127,15.902    c0,0-161.411-66.495-153.904,83.63c1.597,31.938,45.776,241.657,98.471,178.312c19.26-23.163,37.869-42.748,37.869-42.748c9.243,6.14,20.308,9.272,31.908,8.147l0.901-0.765c-0.28,2.876-0.152,5.689,0.361,9.019c-13.575,15.167-9.586,17.83-36.723,23.416    c-27.459,5.659-11.328,15.734-0.796,18.367c12.768,3.193,42.307,7.716,62.266-20.224l-0.796,3.188c5.319,4.26,9.054,27.711,8.428,48.969c-0.626,21.259-1.044,35.854,3.147,47.254c4.191,11.4,8.368,37.05,44.042,29.406c29.809-6.388,45.256-22.942,47.405-50.555    c1.525-19.631,4.976-16.729,5.194-34.28l2.768-8.309c3.192-26.611,0.507-35.196,18.872-31.203l4.463,0.392c13.517,0.615,31.208-2.174,41.591-7c22.358-10.376,35.618-27.7,13.573-23.148z"/>
+<path d="M215.866,286.484c-1.385,49.516,0.348,99.377,5.193,111.495c4.848,12.118,15.223,35.688,50.9,28.045c29.806-6.39,40.651-18.756,45.357-46.051c3.466-20.082,10.148-75.854,11.005-87.281"/>
+<path d="M173.104,38.256c0,0-161.521-66.016-154.012,84.109c1.597,31.938,45.779,241.664,98.473,178.316c19.256-23.166,36.671-41.335,36.671-41.335"/>
+<path d="M260.349,26.207c-5.591,1.753,89.848-34.889,144.087,34.417c19.159,24.484-3.043,124.519-56.153,203.329"/>
+<path style="stroke-linejoin:bevel;" d="M348.282,263.953c0,0,3.461,17.036,53.764,6.653c22.04-4.552,8.776,12.774-13.577,23.155c-18.345,8.514-59.474,10.696-60.146-1.069c-1.729-30.355,21.647-21.133,19.96-28.739c-1.525-6.85-11.979-13.573-18.894-30.338    c-6.037-14.633-82.796-126.849,21.287-110.183c3.813-0.789-27.146-99.002-124.553-100.599c-97.385-1.597-94.19,119.762-94.19,119.762"/>
+<path d="M188.604,274.334c-13.577,15.166-9.584,17.829-36.723,23.417c-27.459,5.66-11.326,15.733-0.797,18.365c12.768,3.195,42.307,7.718,62.266-20.229c6.078-8.509-0.036-22.086-8.385-25.547c-4.034-1.671-9.428-3.765-16.361,3.994z"/>
+<path d="M187.715,274.069c-1.368-8.917,2.93-19.528,7.536-31.942c6.922-18.626,22.893-37.255,10.117-96.339c-9.523-44.029-73.396-9.163-73.436-3.193c-0.039,5.968,2.889,30.26-1.067,58.548c-5.162,36.913,23.488,68.132,56.479,64.938"/>
+<path style="fill:#FFFFFF;stroke-width:4.155;stroke-linecap:butt;stroke-linejoin:miter;" d="M172.517,141.7c-0.288,2.039,3.733,7.48,8.976,8.207c5.234,0.73,9.714-3.522,9.998-5.559c0.284-2.039-3.732-4.285-8.977-5.015c-5.237-0.731-9.719,0.333-9.996,2.367z"/>
+<path style="fill:#FFFFFF;stroke-width:2.0775;stroke-linecap:butt;stroke-linejoin:miter;" d="M331.941,137.543c0.284,2.039-3.732,7.48-8.976,8.207c-5.238,0.73-9.718-3.522-10.005-5.559c-0.277-2.039,3.74-4.285,8.979-5.015c5.239-0.73,9.718,0.333,10.002,2.368z"/>
+<path d="M350.676,123.432c0.863,15.994-3.445,26.888-3.988,43.914c-0.804,24.748,11.799,53.074-7.191,81.435"/>
+<path style="stroke-width:3;" d="M0,60.232"/>
+</g>
+</svg>