Merge pull request #24 from melledijkstra/develop

Resume update

Author: melledijkstra

_data/resume/experiences.yml

@@ -0,0 +1,16 @@
+-   title: Seedtag
+    desc: Data Science Trainee
+    url: http://seedtag.com
+    image: assets/images/resume/logo-seedtag.jpg
+-   title: Bouw7
+    desc: Software Developer
+    url: https://bouw7.nl
+    image: assets/images/resume/logo-bouw7.png
+-   title: Stroetenga Design
+    desc: Internship Application Developer
+    url:
+    image: assets/images/resume/logo-stroetenga-design.png
+-   title: Kweekvijvernoord
+    desc: Internship Application Developer
+    url: http://kweekvijvernoord.com
+    image: assets/images/resume/logo-kweekvijvernoord.jpg

_data/resume/skills.yml

@@ -1,21 +1,24 @@
 -   name: Design Patterns
     level: "Proficient"
-    desc: "It doesn't matter which language you use, it matters how you use it"
+    desc: "It doesn't matter which programming language you use, it matters how you use it"
 -   name: Web Development
     level: 'Professional'
-    desc: "Frontend, Backend. You name it, I've mastered the web"
+    desc: "Experience for many years working on web solutions including many frontend and backend frameworks"
+-   name: Machine Learning & AI
+    level: 'Proficient'
+    desc: 'Inspired by it, my final thesis consisted of using NLP techniques to create a successful solution'
+-   name: Javascript
+    level: 'Professional'
+    desc: 'Javascript was the first programming language I started with!'
+-   name: Continuous Development
+    level: 'Professional'
+    desc: "During development I know to use the tooling to focus on the real work"
 -   name: Computer Networks & Communication
     level: 'Intermediate'
     desc: "I've setup multiple linux servers and like to work with IoT"
 -   name: Android (Java)
     level: 'Intermediate'
     desc: 'Made several Android apps for remote controlling Arduino, remote music player, etc.'
--   name: Javascript
-    level: 'Professional'
-    desc: 'Javascript was the first programming language I started with!'
--   name: Machine Learning & AI
-    level: 'Intermediate'
-    desc: 'Inspired by it, and definitely a topic I want to learn more about. I control the basics and can play around with virtual neurons'
 -   name: Photoshop / Illustrator
     level: 'Basic'
     desc: 'I use it for personal projects and to improve art skills!'

_layouts/overview.html

@@ -6,7 +6,6 @@
 foot_js:
 - '/assets/js/stories.js'
 ---
-<!-- use includes!! -->
 <div id="guides-overview-page">
     <div id="page-loader-wrap">
         <div class="loader"></div>

assets/css/main.css

@@ -16,11 +16,11 @@
 @import 'hightlight.css';
 
 .petit-formal-script {
-    font-family: 'Petit Formal Script', cursive;
+    font-family: 'Petit Formal Script', Arial, "Times New Roman", serif;
 }
 
 .raleway {
-    font-family: 'Raleway', sans-serif;
+    font-family: 'Raleway', serif;
 }
 
 /*
@@ -37,7 +37,7 @@ html, body {
     height: 100%;
     color: #000;
     background: #fefefe; /* For browsers that do not support gradients */
-    font-family: 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
+    font-family: 'Open Sans', "Helvetica Neue", Arial, serif;
     font-size: 18px;
     font-weight: 300;
     -webkit-font-smoothing: antialiased;
@@ -635,7 +635,7 @@ pre {
 
 #collection-list a {
     position: relative;
-    font-family: 'Raleway', sans-serif;
+    font-family: 'Raleway', serif;
     display: inline-block;
     padding: 10px 20px;
     margin: 25px 30px 15px 30px;
@@ -711,7 +711,7 @@ pre {
     margin-bottom: 10px;
 
     font-size: 24px;
-    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
+    font-family: 'Open Sans', Arial, serif;
     display: inline-block;
 }
 
@@ -825,7 +825,6 @@ pre {
  *----------------------------------------------------------------------------------*/
 #resume-page {
     height: 100%;
-
     background: url('/assets/images/resume/joshua-newton.png') no-repeat bottom;
     -ms-background-size: cover;
     -o-background-size: cover;

assets/css/story.css

@@ -62,7 +62,7 @@ ol {
 }
 
 #story-view .story-title {
-    font-family: 'Petit Formal Script', cursive;
+    font-family: 'Petit Formal Script', Arial, "Times New Roman", serif;
     font-size: 70px;
     margin-top: 0;
 }

assets/images/resume/joshua-newton.png

@@ -9,8 +9,13 @@
         background-color: #070909;
         color: #fefefe;
     }
-</style>
 
+    [class*='LI-badge-container'] {
+        margin-top: 10px;
+        text-align: left;
+    }
+</style>
+<script type="text/javascript" src="https://platform.linkedin.com/badges/js/profile.js" async defer></script>
 <div id="resume-page">
     <div id="slanted-box">
         <div class="row more-padding">
@@ -19,18 +24,26 @@
         <div class="row more-padding margin-tb-10">
             <div class="col col-lg-6 col-md-6">
                 <p>
-                    My name is <strong>Melle Dijkstra</strong>. Experienced <b>Software Engineer</b> with 5 years of demonstrated history of working in the computer software
-                    industry. Currently in the 4th year of study with diverse <b>hard</b> and <b>soft</b> skills developed through various
+                    My name is <strong>Melle Dijkstra</strong>. Experienced <b>Software Engineer</b> with 5 years of
+                    demonstrated history of working in the computer software industry. Graduated from Hanze University
+                    of Applied sciences with diverse <b>hard</b> and <b>soft</b> skills developed through various
                     projects including <b>Team Leadership</b> and <b>Software Architecture</b>.
                 </p>
-                <p>Please refer to my <a target="_blank" href="{{ page.CVFile }}">resume</a> for a complete idea of profile and experiences</p>
+                <p>Personal tagline: <i>"ICT for global development & social good"</i>.</p>
             </div>
             <div class="col col-xs-12 col-md-6 margin-t-20">
                 <ul id="contact-list" class="list-unstyled" style="max-width: 300px;">
-                    <li><i class="mdi mdi-phone"></i> <a href="" style="text-shadow: 0 0 6px #1f201e;color: transparent;">(+12)345678910</a></li>
-                    <li><i class="mdi mdi-email"></i> <a href="" style="text-shadow: 0 0 6px #1f201e;color: transparent;">[email protected]</a></li>
-                    <li><i class="mdi mdi-download"></i> <a target="_blank" href="/files/Melle-Dijkstra-Resume.pdf">Download Resume</a></li>
-                    <li style="font-size: 13px;">Email and phone deliberately not stated here anymore out of security reasons, <a href="https://linkedin.com/in/melledijkstra/" target="_blank">please contact me on LinkedIn</a></li>
+                    <li><i class="mdi mdi-phone"></i> <a href=""
+                                                         style="text-shadow: 0 0 6px #1f201e;color: transparent;">(+12)345678910</a>
+                    </li>
+                    <li><i class="mdi mdi-email"></i> <a href=""
+                                                         style="text-shadow: 0 0 6px #1f201e;color: transparent;">[email protected]</a>
+                    </li>
+                    <li><i class="mdi mdi-download"></i> <a target="_blank" href="/files/Melle-Dijkstra-Resume.pdf">Download
+                        Resume</a></li>
+                    <li style="font-size: 13px;">Email and phone deliberately not stated here anymore out of security
+                        reasons, <a href="https://linkedin.com/in/melledijkstra/" target="_blank">please contact me on
+                            LinkedIn</a></li>
                 </ul>
             </div>
         </div>
@@ -46,7 +59,7 @@ <h3>· Skills</h3>
                     {% for skill in site.data.resume.skills %}
                     <li>
                         <div class="margin-tb-20">
-                            <p class="no-margin">{{ skill.name }} <sub class="text-lightgrey">({{ skill.level }})</sub>
+                            <p>{{ skill.name }} <sub class="text-lightgrey">({{ skill.level }})</sub>
                             </p>
                             <small class="no-margin text-lightgrey">{{ skill.desc }}</small>
                         </div>
@@ -55,7 +68,7 @@ <h3>· Skills</h3>
                 </ul>
                 <p class="margin-tb-20">
                     <small class="text-sm">
-                        These skills are demonstrated in the <a href="/writing">stories</a> I write on
+                        These skills are demonstrated in the <a href="/writing/science">stories</a> I write on
                         this site.
                     </small>
                 </p>
@@ -96,51 +109,36 @@ <h3>· Experience</h3>
                             </p>
                         </td>
                     </tr>
+                    {% for experience in site.data.resume.experiences %}
                     <tr>
                         <td>
-                            <a target="_blank" href="https://bouw7.nl">
-                                <img class="resume-logo grayscale" src="assets/images/resume/logo-bouw7.png"
-                                     alt="Logo Bouw7"/>
-                            </a>
-                        </td>
-                        <td>
-                            <h4>Bouw7</h4>
-                            <p>
-                                <small>Software Developer</small>
-                            </p>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <img class="resume-logo grayscale" src="assets/images/resume/logo-stroetenga-design.png"
-                                 alt="Logo Stroetenga Design"/>
-                        </td>
-                        <td>
-                            <h4>Stroetenga Design</h4>
-                            <p>
-                                <small>Internship Application Developer</small>
-                            </p>
-                        </td>
-                    </tr>
-                    <tr>
-                        <td>
-                            <a target="_blank" href="http://kweekvijvernoord.com/">
-                                <img class="resume-logo grayscale" src="assets/images/resume/logo-kweekvijvernoord.jpg"
-                                     alt="Logo Kweekvijvernoord"/>
+                            {% if experience.url %}
+                            <a target="_blank" href="{{experience.url}}">
+                                {% endif %}
+                                <img class="resume-logo grayscale" src="{{experience.image}}"
+                                     alt="Logo {{experience.title}}"/>
+                                {% if experience.url %}
                             </a>
+                            {% endif %}
                         </td>
                         <td>
-                            <h4>Kweekvijvernoord</h4>
+                            <h4>{{experience.title}}</h4>
                             <p>
-                                <small>Internship Application Developer</small>
+                                <small>{{experience.desc}}</small>
                             </p>
                         </td>
                     </tr>
+                    {% endfor %}
                     </tbody>
                 </table>
                 <div class="text-center">
-                    Please <a target="_blank" href="{{ page.CVFile }}">download<i class="mdi mdi-download"></i></a> my
-                    resume for more in-depth information about my experiences
+                    <p>Please <a target="_blank" href="{{ page.CVFile }}">download<i class="mdi mdi-download"></i></a>
+                        my resume for more in-depth information about my experiences</p>
+
+                    <div class="LI-profile-badge text-center" data-version="v1" data-size="medium" data-locale="en_US"
+                         data-type="horizontal" data-theme="dark" data-vanity="melledijkstra">
+                        <a class="LI-simple-link" href='https://linkedin.com/in/melledijkstra?trk=profile-badge'>Melle
+                            Dijkstra</a></div>
                 </div>
             </div>
         </div>

assets/images/resume/logo-seedtag.jpg

@@ -3,6 +3,6 @@
 layout: overview
 permalink: /writing/science
 ---
-{% for story in site.science %}
+{% for story in site.science reversed %}
     {% include story_item.html story=story %}
 {% endfor %}