sidebar changes

Author: Melle Dijkstra

_data/resume/skills.yml

@@ -18,4 +18,4 @@
     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 arty skills!'
+    desc: 'I use it for personal projects and to improve art skills!'

assets/css/main.css

@@ -507,6 +507,34 @@ pre {
     transition: all 0.5s ease;
 }
 
+/** SIDE BAR LOGIC */
+@media (min-width: 658px) {
+    #sidebar-wrapper {
+        width: 250px;
+        left: 0;
+    }
+
+    .navbar-toggle {
+        display: none;
+    }
+
+    #page-content {
+        position: relative;
+        padding-left: 250px;
+    }
+}
+
+@media (min-width: 950px) {
+    #sidebar-wrapper {
+        width: 350px;
+    }
+
+    #page-content {
+        position: relative;
+        padding-left: 350px;
+    }
+}
+
 #sidebar-wrapper::-webkit-scrollbar {
     width: 5px;
 }
@@ -527,8 +555,8 @@ pre {
 
 .sidebar-nav {
     width: 100%;
-    margin: 20px 0;
-    padding: 0;
+    margin: 30px 0;
+    padding: 0 30px;
     list-style: none;
 }
 
@@ -571,34 +599,6 @@ pre {
     color: #F48024;
 }
 
-/** SIDE BAR LOGIC */
-@media (min-width: 658px) {
-    #sidebar-wrapper {
-        width: 250px;
-        left: 0;
-    }
-
-    .navbar-toggle {
-        display: none;
-    }
-
-    #page-content {
-        position: relative;
-        padding-left: 250px;
-    }
-}
-
-@media (min-width: 950px) {
-    #sidebar-wrapper {
-        width: 300px;
-    }
-
-    #page-content {
-        position: relative;
-        padding-left: 300px;
-    }
-}
-
 /**********************************************************************************
  *
  *   Guide Styling

frontend/views/layouts/main.php

@@ -1,7 +1,7 @@
 ---
 layout: default
 title: Melle Dijkstra
-description: 'Hi! My name is Melle Dijkstra. An enthusiastic computer scientist!'
+description: 'Hi! My name is Melle Dijkstra.'
 CVFile: '/files/Melle-Dijkstra-Resume.pdf'
 ---
 <style>
@@ -15,19 +15,16 @@
 <div id="resume-page">
     <div id="slanted-box">
         <div class="row more-padding">
-            <div class="col col-xs-12"><span class="text-lg">Hi,</span></div>
+            <div class="col col-xs-12"><span class="text-lg">Hi! <i class="mdi mdi-emoticon-excited"></i></span></div>
         </div>
         <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>. An enthusiastic computer scientist who's passionate
-                    for all kinds of science - Physics, Biology and Astrophysics and the
-                    relation in them. Also love
-                    traveling and Philosophy.
-                </p>
-                <p>
-                    Currently I'm studying computer science at the Hanze University of Applied Sciences in Groningen.
+                    My name is <strong>Melle Dijkstra</strong>. Experienced <b>Software Engineer</b> with 6 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
+                    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>
             </div>
             <div class="col col-xs-12 col-md-6 margin-t-20">
                 <ul id="contact-list" class="list-unstyled">
@@ -60,7 +57,7 @@ <h3>· Skills</h3>
                 </ul>
                 <p class="margin-tb-20">
                     <small class="text-sm">
-                        These skills are demonstrated in the <a href="/writing">guides</a> I write on
+                        These skills are demonstrated in the <a href="/writing">stories</a> I write on
                         this site.
                     </small>
                 </p>