Merge pull request #37 from nelsonmestevao/master

Upgrade to the new jekyll _data folder management.

_config.yml

@@ -1,9 +1,8 @@
-
+# Site Settings
 title: My Resume
 url: 'http://webjeda.com'
 baseurl: '/online-cv' #change it according to your repository name
 
-
 # Enable one of these styles by removing #. Style will be applied only after restarting the build or serve.
 #style: styles-2
 #style: styles-3
@@ -11,11 +10,14 @@ baseurl: '/online-cv' #change it according to your repository name
 #style: styles-5
 #style: styles-6
 
-
 #Profile information
 name: Alan Doe
 tagline: Full Stack Developer
 pic: profile.png  #place a 100x100 picture inside /assets/images/ folder and provide the name of the file below
+summary: 'Summarise your career here lorem ipsum dolor sit amet, consectetuer adipiscing elit.
+You can <a href="#" target="_blank">download this free resume/CV template here</a>. Aenean
+commodo ligula eget dolor aenean massa. Cum sociis natoque penatibus et magnis dis parturient
+montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.'
 
 #sidebar links
 email: hello@webjeda.com
@@ -24,8 +26,14 @@ website: blog.webjeda.com #do not add http://
 linkedin: alandoe
 github: sharu725
 twitter: '@webjeda'
-
+#Update all the sections by editing the files inside _data folder.
 
 # Tracker
 analytics: UA-83979019-1
-#Update all the sections by editing the files inside _includes folder.
+
+# Build settings
+encoding: "utf-8"
+compress_html: # - http://jch.penibelst.de/
+  clippings: all
+  ignore:
+    envs: development

_data/educations.yml

@@ -0,0 +1,8 @@
+- education:
+  degree: MSc in Computer Science
+  university: University of London
+  time: 2011 - 2012
+- education:
+  degree: BSc in Applied Mathematics
+  university: Bristol University
+  time: 2007 - 2011

_data/experiences.yml

@@ -0,0 +1,28 @@
+- experience:
+  role: Lead Developer
+  time: 2015 - Present
+  company: Startup Hubs, San Francisco
+  details: "Describe your role here lorem ipsum dolor sit amet, consectetuer adipiscing
+  elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
+  magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
+  pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo.
+  <br> <br>
+  Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
+  laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi
+  architecto beatae vitae dicta sunt explicabo."
+- experience:
+  role: Senior Software Engineer
+  time: 2014 - 2015
+  company: Google, London
+  details: "Describe your role here lorem ipsum dolor sit amet, consectetuer adipiscing
+  elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
+  magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
+  pellentesque eu, pretium quis, sem."
+- experience:
+  role: UI Developer
+  time: 2012 - 2014
+  company: Amazon, London
+  details: "Describe your role here lorem ipsum dolor sit amet, consectetuer adipiscing
+  elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et
+  magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec,
+  pellentesque eu, pretium quis, sem."

_data/interests.yml

@@ -0,0 +1,6 @@
+- interest:
+  item: Climbing
+- interest:
+  item: Snowboarding
+- interest:
+  item: Cooking

_data/languages.yml

@@ -0,0 +1,9 @@
+- language:
+  idiom: English
+  level: Native
+- language:
+  idiom: French
+  level: Professional
+- language:
+  idiom: Spanish
+  level: Professional

_data/projects.yml

@@ -0,0 +1,24 @@
+- intro:
+  description: "You can list your side projects or open source libraries in this section. Lorem ipsum dolor
+  sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus."
+
+- project:
+  title: Velocity
+  link: "#hook"
+  tagline: "A responsive website template designed to help startups promote, market and sell their products."
+- project:
+  title: DevStudio
+  link: "#"
+  tagline: "A responsive website template designed to help web developers/designers market their services."
+- project:
+  title: Tempo
+  link: "#"
+  tagline: "A responsive website template designed to help startups promote their products or services and to attract users & investors"
+- project:
+  title: Atom
+  link: "#"
+  tagline: "A comprehensive website template solution for startups/developers to market their mobile apps."
+- project:
+  title: Delta
+  link: "#"
+  tagline: "A responsive Bootstrap one page theme designed to help app developers promote their mobile apps"

_data/skills.yml

@@ -0,0 +1,18 @@
+- skill:
+  name: Python & Django
+  level: 98%
+- skill:
+  name: Javascript & jQuery
+  level: 98%
+- skill:
+  name: Angular
+  level: 98%
+- skill:
+  name: HTML5 & CSS
+  level: 95%
+- skill:
+  name: Ruby on Rails
+  level: 85%
+- skill:
+  name: Sketch & Photoshop
+  level: 60%

_includes/career-profile.html

@@ -1,6 +1,11 @@
+{% if site.summary %}
 <section class="section summary-section">
-<h2 class="section-title"><i class="fa fa-user"></i>Career Profile</h2>
+
-<div class="summary">
+  <h2 class="section-title"><i class="fa fa-user"></i>Career Profile</h2>
-    <p>Summarise your career here lorem ipsum dolor sit amet, consectetuer adipiscing elit. You can <a href="#" target="_blank">download this free resume/CV template here</a>. Aenean commodo ligula eget dolor aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu.</p>
+
-</div><!--//summary-->
+    <div class="summary">
+      <p>{{ site.summary }}</p>
+    </div><!--//summary-->
+    
 </section><!--//section-->
+{% endif %}

_includes/education.html

@@ -1,13 +1,15 @@
- <div class="education-container container-block">
+{% if site.data.educations %}
-<h2 class="container-block-title">Education</h2>
+<div class="education-container container-block">
-<div class="item">
+
-    <h4 class="degree">MSc in Computer Science</h4>
+  <h2 class="container-block-title">Education</h2>
-    <h5 class="meta">University of London</h5>
+
-    <div class="time">2011 - 2012</div>
+  {% for education in site.data.educations %}
-</div><!--//item-->
+    <div class="item">
-<div class="item">
+      <h4 class="degree">{{ education.degree }}</h4>
-    <h4 class="degree">BSc in Applied Mathematics</h4>
+      <h5 class="meta">{{ education.university }}</h5>
-    <h5 class="meta">Bristol University</h5>
+      <div class="time">{{ education.time }}</div>
-    <div class="time">2007 - 2011</div>
+    </div><!--//item-->
-</div><!--//item-->
+  {% endfor %}
+
 </div><!--//education-container-->
+{% endif %}

_includes/experience.html

@@ -1,45 +1,29 @@
+{% if site.data.experiences %}
 <section class="section experiences-section">
   <h2 class="section-title"><i class="fa fa-briefcase"></i>Experiences</h2>
 
+{% for experience in site.data.experiences %}
   <div class="item">
+
     <div class="meta">
+
       <div class="upper-row">
-                            <h3 class="job-title">Lead Developer</h3>
+        <h3 class="job-title">{{ experience.role }}</h3>
-                            <div class="time">2015 - Present</div>
+        <div class="time">{{ experience.time }}</div>
       </div><!--//upper-row-->
-                        <div class="company">Startup Hubs, San Francisco</div>
+
+      <div class="company">{{ experience.company }}</div>
+
     </div><!--//meta-->
+
+    {% if experience.details %}
     <div class="details">
-                        <p>Describe your role here lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo.</p>  
+      <p>{{ experience.details }}</p>
-                        <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p>
     </div><!--//details-->
+    {% endif %}
+
   </div><!--//item-->
+{% endfor %}
 
-                <div class="item">
+</section><!--//section-->
-                    <div class="meta">
+{% endif %}
-                        <div class="upper-row">
-                            <h3 class="job-title">Senior Software Engineer</h3>
-                            <div class="time">2014 - 2015</div>
-                        </div><!--//upper-row-->
-                        <div class="company">Google, London</div>
-                    </div><!--//meta-->
-                    <div class="details">
-                        <p>Describe your role here lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>  
-                        
-                    </div><!--//details-->
-                </div><!--//item-->
-                
-                <div class="item">
-                    <div class="meta">
-                        <div class="upper-row">
-                            <h3 class="job-title">UI Developer</h3>
-                            <div class="time">2012 - 2014</div>
-                        </div><!--//upper-row-->
-                        <div class="company">Amazon, London</div>
-                    </div><!--//meta-->
-                    <div class="details">
-                        <p>Describe your role here lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>  
-                    </div><!--//details-->
-                </div><!--//item-->
-                
-            </section><!--//section-->

_includes/interests.html

@@ -1,8 +1,13 @@
+{% if site.data.interests %}
 <div class="interests-container container-block">
-<h2 class="container-block-title">Interests</h2>
+
-<ul class="list-unstyled interests-list">
+  <h2 class="container-block-title">Interests</h2>
-<li>Climbing</li>
+
-<li>Snowboarding</li>
+    <ul class="list-unstyled interests-list">
-<li>Cooking</li>
+      {% for interest in site.data.interests %}
-</ul>
+      <li>{{ interest.item }}</li>
+      {% endfor %}
+    </ul>
+
 </div><!--//interests-->
+{% endif %}

_includes/language.html

@@ -1,8 +1,13 @@
+{% if site.data.languages %}
 <div class="languages-container container-block">
-<h2 class="container-block-title">Languages</h2>
+
-<ul class="list-unstyled interests-list">
+  <h2 class="container-block-title">Languages</h2>
-<li>English <span class="lang-desc">(Native)</span></li>
+
-<li>French <span class="lang-desc">(Professional)</span></li>
+    <ul class="list-unstyled interests-list">
-<li>Spanish <span class="lang-desc">(Professional)</span></li>
+      {%for language in site.data.languages %}
-</ul>
+      <li>{{ language.idiom }} <span class="lang-desc">({{ language.level }})</span></li>
+      {% endfor %}
+    </ul>
+
 </div><!--//interests-->
+{% endif %}

_includes/projects.html

@@ -1,23 +1,25 @@
+{% if site.data.projects %}
 <section class="section projects-section">
+
   <h2 class="section-title"><i class="fa fa-archive"></i>Projects</h2>
+
+  {% for intro in site.data.projects %}
   <div class="intro">
-                    <p>You can list your side projects or open source libraries in this section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum et ligula in nunc bibendum fringilla a eu lectus.</p>
+      <p>{{ intro.description }}</p>
   </div><!--//intro-->
+  {% endfor%}
+
+  {% for project in site.data.projects %}
     <div class="item">
-                    <span class="project-title"><a href="#hook">Velocity</a></span> - <span class="project-tagline">A responsive website template designed to help startups promote, market and sell their products.</span>
+
+      <span class="project-title"><a href="{{ project.link }}">{{ project.title }}</a></span>
+
+      {% if project.tagline %}
+      - <span class="project-tagline">{{ project.tagline }}</span>
+      {% endif %}
 
     </div><!--//item-->
-                <div class="item">
+  {% endfor %}
-                    <span class="project-title"><a href="#" target="_blank">DevStudio</a></span> - 
+
-                    <span class="project-tagline">A responsive website template designed to help web developers/designers market their services. </span>
+</section><!--//section-->
-                </div><!--//item-->
+{% endif %}
-                <div class="item">
-                    <span class="project-title"><a href="#" target="_blank">Tempo</a></span> - <span class="project-tagline">A responsive website template designed to help startups promote their products or services and to attract users &amp; investors</span>
-                </div><!--//item-->
-                <div class="item">
-                    <span class="project-title"><a href="#" target="_blank">Atom</a></span> - <span class="project-tagline">A comprehensive website template solution for startups/developers to market their mobile apps. </span>
-                </div><!--//item-->
-                <div class="item">
-                    <span class="project-title"><a href="#" target="_blank">Delta</a></span> - <span class="project-tagline">A responsive Bootstrap one page theme designed to help app developers promote their mobile apps</span>
-                </div><!--//item-->
-            </section><!--//section-->

_includes/sidebar.html

@@ -1,11 +1,18 @@
 <!-- Use icons from fontawesome when you are adding new item in the contact list  -->
+<div class="sidebar-wrapper">
 
-                 
-     <div class="sidebar-wrapper">
    <div class="profile-container">
-                <img class="profile-img" src="{{site.baseurl}}/assets/images/{% if site.pic %}{{ site.pic }}{% else %}profile.png{% endif %}" alt="profile picture" />
+
-                <h1 class="name">{% if site.name %}{{site.name}}{% else %}Alan Doe{% endif %}</h1>
+       <img class="profile-img" src="{{site.baseurl}}/assets/images/{{ site.pic }}" alt="profile picture" />
-                <h3 class="tagline">{% if site.tagline %}{{site.tagline}}{% else %}Full Stack Developer{% endif %}</h3>
+
+       {% if site.name %}
+       <h1 class="name">{{site.name}}</h1>
+       {% endif %}
+
+       {% if site.tagline %}
+       <h3 class="tagline">{{site.tagline}}</h3>
+       {% endif %}
+
    </div><!--//profile-container-->
 
    <div class="contact-container container-block">
@@ -13,46 +20,34 @@
 
           {% if site.email %}
            <li class="email"><i class="fa fa-envelope"></i><a href="mailto: {{site.email}}">{{site.email}}</a></li>
-                    {% else %}
-                    <li class="email"><i class="fa fa-envelope"></i><a href="mailto:alan.doe@website.com">alan.doe@website.com</a></li>
            {% endif %}
 
            {% if site.phone %}
            <li class="phone"><i class="fa fa-phone"></i><a href="tel:{{site.phone}}">{{site.phone}}</a></li>
-                    {% else %}
-                    <li class="phone"><i class="fa fa-phone"></i><a href="tel:012 345 6789">012 345 6789</a></li>
            {% endif %}
 
            {% if site.website %}
            <li class="website"><i class="fa fa-globe"></i><a href="http://{{site.website}}" target="_blank">{{site.website}}</a></li>
-                    {% else %}
-                    <li class="website"><i class="fa fa-globe"></i><a href="http://blog.webjeda.com" target="_blank">blog.webjeda.com</a></li>
            {% endif %}
 
            {% if site.linkedin %}
-                    <li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://in.linkedin.com/in/{{site.linkedin}}" target="_blank">linkedin.com/in/{{site.linkedin}}</a></li>
+           <li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://linkedin.com/in/{{site.linkedin}}" target="_blank">{{site.linkedin}}</a></li>
-                    {% else %}
-                    <li class="linkedin"><i class="fa fa-linkedin"></i><a href="https://in.linkedin.com/in/sharath-kumar-87669956" target="_blank">linkedin.com/in/sharathdt</a></li>
            {% endif %}
 
            {% if site.github %}
-                    <li class="github"><i class="fa fa-github"></i><a href="http://github.com/{{site.github}}" target="_blank">github.com/{{site.github}}</a></li>
+           <li class="github"><i class="fa fa-github"></i><a href="http://github.com/{{site.github}}" target="_blank">{{site.github}}</a></li>
-                    {% else %}
-                    <li class="github"><i class="fa fa-github"></i><a href="http://github.com/sharu725" target="_blank">github.com/sharu725</a></li>
            {% endif %}
 
            {% if site.twitter %}
            <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/{{site.twitter}}" target="_blank">{{site.twitter}}</a></li>
-                    {% else %}
-                     <li class="twitter"><i class="fa fa-twitter"></i><a href="https://twitter.com/@webjeda" target="_blank">@webjeda</a></li>
            {% endif %}
 
        </ul>
    </div><!--//contact-container-->
+
   {% include education.html %}
   {% include language.html %}
   {% include interests.html %}
   {% include about.html %}
 
-            
+</div><!--//sidebar-wrapper-->
-        </div><!--//sidebar-wrapper-->

_includes/skills.html

@@ -1,53 +1,24 @@
+{% if site.data.skills %}
 <section class="skills-section section">
+
   <h2 class="section-title"><i class="fa fa-rocket"></i>Skills &amp; Proficiency</h2>
+
   <div class="skillset">
+
+    {% for skill in site.data.skills %}
     <div class="item">
-                        <h3 class="level-title">Python &amp; Django</h3>
+
+      <h3 class="level-title">{{ skill.name }}</h3>
+
       <div class="level-bar">
-                            <div class="level-bar-inner" data-level="98%">
+        <div class="level-bar-inner" data-level="{{ skill.level }}">
         </div>
       </div><!--//level-bar-->
-                    </div><!--//item-->
 
-                    <div class="item">
-                        <h3 class="level-title">Javascript &amp; jQuery</h3>
-                        <div class="level-bar">
-                            <div class="level-bar-inner" data-level="98%">
-                            </div>                                      
-                        </div><!--//level-bar-->                                 
-                    </div><!--//item-->
-                    
-                    <div class="item">
-                        <h3 class="level-title">Angular</h3>
-                        <div class="level-bar">
-                            <div class="level-bar-inner" data-level="98%">
-                            </div>                                      
-                        </div><!--//level-bar-->                                 
-                    </div><!--//item-->
-                    
-                    <div class="item">
-                        <h3 class="level-title">HTML5 &amp; CSS</h3>
-                        <div class="level-bar">
-                            <div class="level-bar-inner" data-level="95%">
-                            </div>                                      
-                        </div><!--//level-bar-->                                 
-                    </div><!--//item-->
-                    
-                    <div class="item">
-                        <h3 class="level-title">Ruby on Rails</h3>
-                        <div class="level-bar">
-                            <div class="level-bar-inner" data-level="85%">
-                            </div>                                      
-                        </div><!--//level-bar-->                                 
-                    </div><!--//item-->
-                    
-                    <div class="item">
-                        <h3 class="level-title">Sketch &amp; Photoshop</h3>
-                        <div class="level-bar">
-                            <div class="level-bar-inner" data-level="60%">
-                            </div>                                      
-                        </div><!--//level-bar-->                                 
     </div><!--//item-->
+    {% endfor %}
 
   </div>
-            </section><!--//skills-section-->
+
+</section><!--//skills-section-->
+{% endif %}