Bladeren bron

complete badge section

olinox14 1 jaar geleden
bovenliggende
commit
ffd874c787

+ 27 - 20
components/BadgeSection.vue

@@ -49,7 +49,7 @@ const col1 = [
       {
         title: 'Python',
         logo: '/images/logos/python.svg',
-        subtitle: i18n.t('x_years', { years: 4 }),
+        subtitle: i18n.t('x_years', { years: 10 }),
         details: ''
       },
       {
@@ -106,13 +106,19 @@ const col1 = [
         subtitle: i18n.t('x_years', { years: 3 }),
         details: ''
       },
+      {
+        'title': 'Django',
+        logo: theme.global.name.value === 'light' ? '/images/logos/django-light.svg' : '/images/logos/django-dark.svg',
+        subtitle: i18n.t('x_years', { years: 4 }),
+        details: ''
+      },
     ]
   }
 ]
 
 const col2 = [
   {
-    title: 'DBs and search-engines',
+    title: 'Data',
     badges: [
       {
         title: 'Mysql',
@@ -184,23 +190,6 @@ const col2 = [
 ]
 
 const col3 = [
-  {
-    title: 'CMS',
-    badges: [
-      {
-        title: 'Typo3',
-        logo: '/images/logos/typo3.png',
-        subtitle: i18n.t('x_years', { years: 4 }),
-        details: ''
-      },
-      {
-        title: 'Wordpress',
-        logo: theme.global.name.value === 'light' ? '/images/logos/wordpress.png' : '/images/logos/wordpress_dark.png',
-        subtitle: i18n.t('x_years', { years: 6 }),
-        details: ''
-      }
-    ]
-  },
   {
     title: 'Other',
     badges: [
@@ -219,9 +208,21 @@ const col3 = [
       {
         title: 'Linux',
         logo: theme.global.name.value === 'light' ? '/images/logos/github-light.svg' : '/images/logos/github-dark.svg',
+        subtitle: i18n.t('x_years', { years: 8 }),
+        details: ''
+      },
+      {
+        title: 'Git-Flow',
+        logo: theme.global.name.value === 'light' ? '/images/logos/git-flow-light.svg' : '/images/logos/git-flow-dark.svg',
         subtitle: i18n.t('x_years', { years: 3 }),
         details: ''
-      }
+      },
+      {
+        title: 'Typo3 (dev)',
+        logo: '/images/logos/typo3.png',
+        subtitle: i18n.t('x_years', { years: 4 }),
+        details: ''
+      },
     ]
   },
   {
@@ -233,6 +234,12 @@ const col3 = [
         subtitle: i18n.t('x_years', { years: 10 }),
         details: ''
       },
+      {
+        title: 'Product Owner',
+        logo: '/images/product-management.png',
+        subtitle: i18n.t('x_years', { years: 10 }),
+        details: ''
+      },
       {
         title: i18n.t('continuous_improvement'),
         logo: '/images/continuous-improvement.png',

+ 2 - 0
pages/index.vue

@@ -171,10 +171,12 @@ h3 {
 
   .badges {
     max-width: 65%;
+    min-width: 65%;
   }
 
   .cursus {
     max-width: 35%;
+    min-width: 35%;
     padding: 24px;
   }
 

+ 11 - 0
public/images/logos/git-flow-dark.svg

@@ -0,0 +1,11 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Transformed by: SVG Repo Mixer Tools -->
+<svg fill="#f3f3f3" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" stroke="#f3f3f3">
+
<g id="SVGRepo_bgCarrier" stroke-width="0"/>
+
<g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"/>
+
<g id="SVGRepo_iconCarrier">
+
<path fill-rule="evenodd" d="M5.75 21a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 19.25a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM5.75 6.5a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 4.75a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM18.25 6.5a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM15 4.75a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0z"/>
+
<path fill-rule="evenodd" d="M5.75 16.75A.75.75 0 006.5 16V8A.75.75 0 005 8v8c0 .414.336.75.75.75z"/>
+
<path fill-rule="evenodd" d="M17.5 8.75v-1H19v1a3.75 3.75 0 01-3.75 3.75h-7a1.75 1.75 0 00-1.75 1.75H5A3.25 3.25 0 018.25 11h7a2.25 2.25 0 002.25-2.25z"/>
+
</g>
+
</svg>

+ 2 - 0
public/images/logos/git-flow-light.svg

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?><!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg fill="#000000" width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.75 21a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 19.25a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM5.75 6.5a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM2.5 4.75a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0zM18.25 6.5a1.75 1.75 0 110-3.5 1.75 1.75 0 010 3.5zM15 4.75a3.25 3.25 0 106.5 0 3.25 3.25 0 00-6.5 0z"/><path fill-rule="evenodd" d="M5.75 16.75A.75.75 0 006.5 16V8A.75.75 0 005 8v8c0 .414.336.75.75.75z"/><path fill-rule="evenodd" d="M17.5 8.75v-1H19v1a3.75 3.75 0 01-3.75 3.75h-7a1.75 1.75 0 00-1.75 1.75H5A3.25 3.25 0 018.25 11h7a2.25 2.25 0 002.25-2.25z"/></svg>

BIN
public/images/product-management.png