added education and experience sections

GuyStone · May 10, 2019 · 2505319 · 2505319
1 parent 121177e
commit 2505319
Show file tree

Hide file tree

Showing 7 changed files with 176 additions and 9 deletions.
diff --git a/_config.yml b/_config.yml
@@ -23,7 +23,7 @@ projects:
   #   - stars
   limit: 9
   exclude:
-    forks: true
+    forks: false
     projects:
     # - repo-name
 
@@ -36,7 +36,7 @@ social_media:
 #   keybase: your_username
   linkedin: guystone
   # medium: your_username
-#   stackoverflow: your_user_id
+  stackoverflow: 11003094
 #   telegram: your_username
   twitter: guy_stone
 #   unsplash: your_username
@@ -45,12 +45,49 @@ social_media:
 #   youtube: your_username
 
 topics:
-  - name: CSS
-    web_url: https://github.com/topics/css
-    image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/css/css.png
+  - name: Java
+    web_url: https://github.com/topics/java
+    image_url: https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/java/java.png
 
-  - name: Web design
+  - name: Python
+    web_url: https://github.com/topics/python
+    image_url: https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/python/python.png
 
-  - name: Sass
-    web_url: https://github.com/topics/sass
-    image_url: https://raw.githubusercontent.com/github/explore/6c6508f34230f0ac0d49e847a326429eefbfc030/topics/sass/sass.png
+  - name: Swift
+    web_url: https://github.com/topics/swift
+    image_url: https://raw.githubusercontent.com/github/explore/80688e429a7d4ef2fca1e82350fe8e3517d3494d/topics/swift/swift.png
+
+education_settings:
+  limit: 2
+  masthead: false
+  exclude:
+    details: false
+    # TODO: fix size of div when details are excluded
+
+education:
+    - degree: BSc in Computer Science
+      university: King's Colege London
+      time: 2016 - 2019
+      details: |
+        1st Year Modules: Programming Practice and Applications, Data Structures, Database Systems, Computer Systems, Introduction to Artificial Intelligence, Foundations of Computing, Elementary Logic with Applications.
+
+        2st Year Modules: Software Engineering Group Project, Practical Experiences of Programming, Object-Oriented Specification and Design, Internet Systems, Foundations of Computing 2, Operating Systems and Concurrency, Programming Language Design Paradigms.
+
+
+experience_settings:
+  limit: 2
+  masthead: false
+  exclude:
+    details: false
+    # TODO: fix size of div when details are excluded
+
+experiences:
+    - role: Software Engineer Intern
+      time: June 2017 - September 2017
+      company: Zalando SE, Berlin
+      details: |
+        Completed a three-month internship with Zalando where I worked
+        as a Software Development Engineer Intern, this allowed for a first-hand
+        experience in a professional environment, under agile methodologies.
+        These three months involved me designing and building a scalable media
+        management REST microservice. Working with Scala, AWS, REST, AKKA Http, Swagger.
diff --git a/_includes/edu_card.html b/_includes/edu_card.html
@@ -0,0 +1,28 @@
+<!-- PLACE IN SIDE BAR.. OTHER PLACE MAIN CONTENT -->
+{% if site.education_settings.masthead %}
+
+{% else %}
+<div class="github-component d-flex flex-column flex-justify-between height-full text-left {% if site.style == 'dark' %}box-shadow{% else %}border border-gray-light{% endif %} bg-white rounded-1 p-3 m-3">
+  <div class="item">
+
+      <div class="meta">
+
+        <div class="upper-row">
+          <h3 class="job-title">{{ education.degree }}</h3>
+          <div class="time">{{ education.time }}</div>
+        </div><!--//upper-row-->
+
+        <div class="company">{{ education.university }}</div>
+
+      </div><!--//meta-->
+
+      {% if education.details %}
+       {% if site.education_settings.exclude.details == false %}
+          <div class="details">
+            {{ education.details | markdownify }}
+          </div><!--//details-->
+        {% endif %}
+      {% endif %}
+
+    </div><!--//item-->
+{% endif %}
diff --git a/_includes/education.html b/_includes/education.html
@@ -0,0 +1,16 @@
+<h2 {% if site.style == 'dark' %}class="text-white"{% endif %}>Education</h2>
+<p class="f4 mb-2 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}"></p>
+<div class="d-sm-flex flex-wrap gutter-condensed mb-4">
+
+      <div class="d-flex flex-wrap gutter-condensed mb-0">
+      <section class="section experiences-section">
+        {% for education in site.education | limit: site.education_settings.limit %}
+          <div class="col-12 col-md-12 col-lg-12 col-xl-12 mb-3">
+            {% include edu_card.html %}
+          </div>
+        {% endfor %}
+        </section>
+
+      </div>
+
+</div>
diff --git a/_includes/exp_card.html b/_includes/exp_card.html
@@ -0,0 +1,27 @@
+{% if site.experience_settings.masthead %}
+
+{% else %}
+<div class="github-component d-flex flex-column flex-justify-between height-full text-left {% if site.style == 'dark' %}box-shadow{% else %}border border-gray-light{% endif %} bg-white rounded-1 p-3 m-3">
+  <div class="item">
+
+      <div class="meta">
+
+        <div class="upper-row">
+          <h3 class="job-title">{{ experience.role }}</h3>
+          <div class="time">{{ experience.time }}</div>
+        </div><!--//upper-row-->
+
+        <div class="company">{{ experience.company }}</div>
+
+      </div><!--//meta-->
+
+      {% if experience.details %}
+      {% if site.experience_settings.exclude.details == false %}
+      <div class="details">
+        {{ experience.details | markdownify }}
+      </div><!--//details-->
+      {% endif %}
+      {% endif %}
+
+    </div><!--//item-->
+{% endif %}
diff --git a/_includes/experiences.html b/_includes/experiences.html
@@ -0,0 +1,15 @@
+<h2 {% if site.style == 'dark' %}class="text-white"{% endif %}>Experience</h2>
+<p class="f4 mb-2 {% if site.style == 'dark' %}text-white{% else %}text-gray{% endif %}"></p>
+<div class="d-sm-flex flex-wrap gutter-condensed mb-4">
+
+      <div class="d-flex flex-wrap gutter-condensed mb-0">
+      <section class="section experiences-section">
+        {% for experience in site.experiences | limit: site.experience_settings.limit %}
+          <div class="col-12 col-md-12 col-lg-12 col-xl-12 mb-3">
+            {% include exp_card.html %}
+          </div>
+        {% endfor %}
+        </section>
+      </div>
+
+</div>
diff --git a/_layouts/home.html b/_layouts/home.html
@@ -8,6 +8,18 @@
       {{ content }}
     </div>
 
+    {% if site.education %}
+      <div class="my-6">
+        {% include education.html %}
+      </div>
+    {% endif %}
+
+    {% if site.experiences %}
+      <div class="my-6">
+        {% include experiences.html %}
+      </div>
+    {% endif %}
+
     <div class="my-6">
       {% include projects.html %}
     </div>
@@ -38,6 +50,14 @@
           </div>
         {% endunless %}
 
+        {% if site.education %}
+          {% include education.html %}
+        {% endif %}
+
+        {% if site.experiences %}
+          {% include experiences.html %}
+        {% endif %}
+
         {% include projects.html %}
 
         {% if site.topics %}

diff --git a/assets/styles.scss b/assets/styles.scss
@@ -41,3 +41,27 @@
 .min-height-full {
   min-height: 100vh;
 }
+
+
+
+
+.upper-row {
+    position: relative;
+    overflow: hidden;
+    margin-bottom: 2px;
+}
+
+.job-title, .degree {
+    font-size: 16px;
+    margin-top: 0;
+    margin-bottom: 0;
+    font-weight: 500;
+}
+.time {
+    position: absolute;
+    right: 0;
+    top: 0;
+}
+.company, .university {
+    margin-bottom: 10px;
+}