Add more content

FreekVR · Jan 6, 2024 · f9520e2 · f9520e2
1 parent e42c384
commit f9520e2
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 16 deletions.
diff --git a/public/img/freek.jpeg b/public/img/freek.jpeg
diff --git a/public/img/freek.webp b/public/img/freek.webp
diff --git a/src/components/TheCV.vue b/src/components/TheCV.vue
@@ -1,14 +1,17 @@
 <template>
     <article class="a4">
         <header class="intro">
-            <h1>Curiculum Vitae</h1>
-            <h2>Freek van Rijt</h2>
-            <h3>Full-stack webdeveloper</h3>
+            <div class="headings">
+                <h1>Curiculum Vitae</h1>
+                <h2>Freek van Rijt</h2>
+                <h3>Full-stack webdeveloper</h3>
+            </div>
+            <img src="/img/freek.webp" alt="" width="125" height="125">
         </header>
 
         <section>
             <p class="lead">
-                Hi! My name is Freek. I am a full-stack webdeveloper specialized in Vue.js and Nuxt.js applications.
+                Hi! My name is Freek. I am a full-stack webdeveloper specialized in Laravel, Vue.js and Nuxt.js applications.
             </p>
 
             <p>
@@ -26,7 +29,7 @@
             <ul>
                 <li>Age: 33</li>
                 <li>Location: <br>Amstelveen, The Netherlands</li>
-                <li>Education: <br>HBO Bachelor, Communication and multimedia design</li>
+                <li>Education: <br>HBO Bachelor, Communication and multimedia design, Hogeschool van Amsterdam</li>
                 <li>Availability:<br>32-36 hours per week</li>
             </ul>
         </section>
@@ -47,7 +50,25 @@
                             Amsterdam, The Netherlands
                         </template>
                         <template #position>
-                            Lead Full-stack developer
+                            Lead Full-stack developer (PHP/Javascript/NodeJS)
+                        </template>
+                        <template #description>
+                            <p>
+                                At Digital Natives I've worked on a wide range of projects, from small to large, from simple to complex.
+
+                                We initially worked with Laravel/Blade and Wordpress, but have since moved to headless Vue.js and Nuxt.js on the frontend, the introduction of which I championed.
+                                I've worked on both back-end projects with Laravel and Craft CMS / Yii, and on front-end projects with Vue.js and Nuxt.js.
+                                I've also worked on building, maintaining and designing internal systems, like Gitlab CI/CD, documentation tools and various shared components and packages.
+                            </p>
+                            <ul>
+                                <li>Transitioned into a technical lead role.</li>
+                                <li>Responsible for technical quality of projects, refining Scrum backlog, and guiding the team.</li>
+                                <li>Works with clients to discuss technical impediments and ensure team efficiency.</li>
+                                <li>Helping to set-up and optimize team operations, both in the technical sense, including hosting, CI/CD pipelines and code sharing, but also in the operational sense, with Jira, Slack and automations.</li>
+                                <li>Following and guarding Scrum principles.</li>
+                                <li>Skilled in using software like Jira, Confluence, and Gitlab.</li>
+                                <li>Tech stack includes Vue.JS 1-3, Nuxt 2-3, Laravel 5-11, Craft CMS 3-4, LESS, CSS, Javascript, Git, Gitlab, jQuery, Jira.</li>
+                            </ul>
                         </template>
                     </WorkExperience>
                 </li>
@@ -63,6 +84,17 @@
                         <template #position>
                             Full-stack (Drupal) developer
                         </template>
+                        <template #description>
+                            <p>
+                                One Shoe was my first full-time job as a developer. I worked with Drupal 6 and 7, and was responsible for building and maintaining various Drupal websites.
+                            </p>
+                            <ul>
+                                <li>Working with Scrum and Waterfall projects in a team of 5-10 developers.</li>
+                                <li>Responsible for the technical quality of the projects.</li>
+                                <li>Worked on many Drupal (e-)health projects, such as <a href="https://thuisarts.nl">Thuisarts.nl</a>, <a href="https://lhv.nl">LHV.nl</a>, and <a href="https://haweb.nl">HAweb.nl</a>, a social online platform for general practitioners.</li>
+                                <li>Tech stack includes Drupal 5-7, SASS, Compass, CSS, Javascript, Git, SVN, jQuery.</li>
+                            </ul>
+                        </template>
                     </WorkExperience>
                 </li>
 
@@ -77,6 +109,14 @@
                         <template #position>
                             Internship / Part-time full-stack developer
                         </template>
+                        <template #description>
+                            <p>At Endemol, I worked first as an intern, then as a part-time employee during my studies at the Hogeschool van Amsterdam.</p>
+                            <ul>
+                                <li>Worked with Flash, then also learned the PHP Zend Framework and worked with its template system to craft various web projects.</li>
+                                <li>Built a completely custom PHP-based CMS for one of the projects, allowing the client to manage the daily program schedule for a thematic TV station and to publish it on the website.</li>
+                                <li>Tech stack includes Flash/Actionscript 3, PHP Zend Framework, Javascript, CSS, jQuery, SVN.</li>
+                            </ul>
+                        </template>
                     </WorkExperience>
                 </li>
             </ul>
@@ -160,8 +200,17 @@ import WorkExperience from '../components/WorkExperience.vue';
 }
 .intro {
     display: flex;
-    flex-direction: column;
-    gap: 8px;
+    justify-content: space-between;
+
+    .headings {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+    }
+    img {
+        border-radius: 5px;
+        overflow: hidden;
+    }
 }
 
 .a4 > * {
@@ -216,6 +265,7 @@ h3 + ul {
     margin-top: 0;
 }
 
+.lead,
 hgroup p {
     color: var(--color--primary-light);
 }

diff --git a/src/components/WorkExperience.vue b/src/components/WorkExperience.vue
@@ -1,10 +1,12 @@
 <template>
-    <div class="wrapper">
+    <article class="wrapper">
         <header>
             <h5 class="company">
                 <slot name="company"></slot>
             </h5>
-
+            <h5>
+                <slot name="position"></slot>
+            </h5>
             <small class="location">
                 <slot name="location"></slot>
             </small>
@@ -14,10 +16,10 @@
             </small>
         </header>
 
-        <h5>
-            <slot name="position"></slot>
-        </h5>
-    </div>
+        <div class="description">
+            <slot name="description"></slot>
+        </div>
+    </article>
 </template>
 
 <script setup lang="ts">
@@ -36,15 +38,15 @@ defineProps({
 
 <style scoped>
 .wrapper {
-    margin-top: 12px;
+    margin-top: 28px;
 }
 
 h5 {
     margin: 0;
 }
 
 h5.company {
-    font-size: 16px;
+    font-size: 18px;
 }
 
 small.period,
@@ -55,4 +57,11 @@ small.location {
 h5.positon {
     font-size: 15px;
 }
+
+.description {
+    font-size: 14px;
+    font-weight: 200;
+
+    margin-top: 14px;
+}
 </style>