From 3a4476234facf9a409527c15c6322df03dae38e0 Mon Sep 17 00:00:00 2001
From: Kamil Niemczycki <kamilniemczycki@gmail.com>
Date: Tue, 31 Aug 2021 15:14:38 +0200
Subject: [PATCH] Update style & content

---
 src/components/sections/About.vue       |  8 +++-
 src/components/sections/Experiences.vue |  9 +++--
 src/views/Projects.vue                  | 54 ++++++++++++++++++++++---
 3 files changed, 61 insertions(+), 10 deletions(-)

diff --git a/src/components/sections/About.vue b/src/components/sections/About.vue
index dd3a0b1..5d65a79 100644
--- a/src/components/sections/About.vue
+++ b/src/components/sections/About.vue
@@ -27,9 +27,13 @@
 </template>
 
 <style lang="scss">
-div.about {
-  padding: 20px 0;
+.about {
   background-color: var(--gray-color) !important;
+
+  .container {
+    padding-top: 45px;
+    padding-bottom: 45px;
+  }
   h2.name {
     font-size: 2.1em;
     margin-bottom: 5px;
diff --git a/src/components/sections/Experiences.vue b/src/components/sections/Experiences.vue
index c55f0de..0eb478d 100644
--- a/src/components/sections/Experiences.vue
+++ b/src/components/sections/Experiences.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="experiences">
+  <div class="experiences">
     <div class="container">
       <h2>Moje doświadczenie</h2>
       <p>I have more than 10 years' experience building software for clients all over the world. Below is a quick overview of my main technical skill sets and technologies I use. Want to find out more about my experience? Check out my online resume and project portfolio.</p>
@@ -14,7 +14,10 @@ export default {
 </script>
 
 <style lang="scss">
-  div#experiences {
-    padding: 20px 0;
+.experiences {
+  .container {
+    padding-top: 45px;
+    padding-bottom: 45px;
   }
+}
 </style>
diff --git a/src/views/Projects.vue b/src/views/Projects.vue
index 4934a04..3557661 100644
--- a/src/views/Projects.vue
+++ b/src/views/Projects.vue
@@ -26,7 +26,7 @@
 <style lang="scss">
 .projects .container {
   display: grid;
-  padding: 15px 10px;
+  padding: 45px 10px;
   grid-template-columns: 1fr 1fr;
   grid-auto-rows: minmax(80px, auto);
   column-gap: 25px;
@@ -167,10 +167,54 @@ export default {
   },
   mounted () {
     this.projects = [
-      { title: 'Projekt 1', image: `${this.publicPath}assets/me.jpg`, release_data: '29.08.2021', version: 'v1.0.0', short_description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' },
-      { title: 'Projekt 2', image: `${this.publicPath}assets/me.jpg`, release_data: '29.08.2021', version: 'v1.0.0', short_description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' },
-      { title: 'Projekt 3', image: `${this.publicPath}assets/me.jpg`, release_data: '29.08.2021', version: 'v1.0.0', short_description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' },
-      { title: 'Projekt 4', image: `${this.publicPath}assets/me.jpg`, release_data: '29.08.2021', version: 'v1.0.0', short_description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.' }
+      {
+        title: 'KamilCraft.com',
+        category: 'private',
+        image: `${this.publicPath}assets/me.jpg`,
+        release_data: '29.08.2021',
+        version: 'v1.0.1',
+        short_description: `Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`
+      },
+      {
+        title: 'Projekt 2',
+        category: 'wordpress',
+        image: `${this.publicPath}assets/me.jpg`,
+        release_data: '29.08.2021',
+        version: 'v1.0.0',
+        short_description: `Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`
+      },
+      {
+        title: 'Projekt 3',
+        category: 'private',
+        image: `${this.publicPath}assets/me.jpg`,
+        release_data: '29.08.2021',
+        version: 'v1.0.0',
+        short_description: `Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`
+      },
+      {
+        title: 'Projekt 4',
+        category: '',
+        image: `${this.publicPath}assets/me.jpg`,
+        release_data: '29.08.2021',
+        version: 'v1.0.0',
+        short_description: `Lorem ipsum dolor sit amet, consectetur adipiscing elit,
+        sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+        Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+        Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+        Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.`
+      }
     ]
     const header = {
       title: this.$route.meta.title,