Jekyll.CV

cv.html

---
# Example HTML5 template  to generate your CV in Jekyll
layout: cv
---
<div class="page">
    {% assign profile = site.data.cv.profile %}
    <header>
          <h1>{{profile.firstname}} {{profile.lastname}}</h1>
          <p>{{profile.profession}}</p>
          <dl>
              <dt>Contact</dt>
              <dd>{{profile.email}}<br/>{{profile.skype}}<br/>{{profile.phone}}</dd>
              <dt>Profiles</dt>
              <dd>twitter: {{profile.twitter}}<br/>github: {{profile.github}}<br/>codepen: {{profile.codepen}}</dd>
          </dl>
    </header>

    <section class="about">
        <h2>About</h2>
        <p>{{profile.bio}}</p>
        <img src="/assets/img/me.png" class="me">
    </section>

    <section class="experience">
        <h2>Experience</h2>
        <table>
        {% for experience in site.data.cv.experience %}
            <tr>
                <td>
                    <h3>{{ experience.position }}</h3>
                    <p>{{ experience.date }}</p>
                </td>
                <td>
                    <h4>{{ experience.organization }} <small>({{ experience.role }})</small></h4>
                    {% if experience.notes %}
                    <ul>
                        {% for note in experience.notes %}
                        <li>{{ note }}</li>
                        {% endfor %}
                    </ul>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
        </table>
    </section>

    <section class="skills ">
        <h2>Skills</h2>
        <div>
            <h3>Front end</h3>
            <table class="skill">
            {% for skill in site.data.cv.skills.frontend %}
                <tr>
                    <td>
                        <span>
                            {{ skill.name }}
                        </span>
                    </td>
                    <td><span class="ratyli" data-rate="{{ skill.level }}"></span></td>
                </tr>
            {% endfor %}
            </table>
        </div>

        <div>
            <h3>Back end</h3>
            <table class="skill">
            {% for skill in site.data.cv.skills.backend %}
            <tr>
                <td>
                    <span>
                        {{ skill.name }}
                    </span>
                </td>
                <td><span class="ratyli" data-rate="{{ skill.level }}"></span></td>
            </tr>
            {% endfor %}
            </table>
        </div>

        <div>
            <h3>Crossplatform</h3>
            <table class="skill">
            {% for skill in site.data.cv.skills.cross %}
            <tr>
                <td>
                    <span>
                        {{ skill.name }}
                    </span>
                </td>
                <td><span class="ratyli" data-rate="{{ skill.level }}"></span></td>
            </tr>
            {% endfor %}
            </table>

            <h3>Learning</h3>
            <table class="skill">
                {% for skill in site.data.cv.skills.learning %}
                <tr>
                    <td>
                        {{ skill.name }}
                    </td>
                    <td><span class="ratyli" data-rate="{{ skill.level }}"></span></td>
                </tr>
                {% endfor %}
            </table>

            <h3>Tools I ❤ :</h3>
            <p>
                {% for tool in site.data.cv.tools %}
                {{ tool }},
                {% endfor %} etc.
            </p>
        </div>

    </section>

    <section class="skills-past">
        <h3>Assortment of languages / technologies I learned and used in several projects:</h3>

        {% for skill in site.data.cv.skills.old %}
            {{skill}},
        {% endfor %} etc.
        
    </section>

    <section class="education">
        <h2>Education</h2>
        <table>
        {% for edu in site.data.cv.education %}
            <tr>
                <td>
                    <h3>{{ edu.role }}</h3>
                    <p>{{ edu.level }}</p>
                </td>
                <td>
                    <h4>{{ edu.organization }} <small>({{ edu.date }})</small></h4>
                    {% if edu.notes %}
                    <ul>
                        {% for note in edu.notes %}
                        <li>{{ note }}</li>
                        {% endfor %}
                    </ul>
                    {% endif %}
                </td>
            </tr>
        {% endfor %}
            <tr>
                <td><h3>Languages</h3></td>
                <td>
                    {% for language in site.data.cv.languages %}
                    <h4>{{ language.name }} <small>- {{ language.level }}</small></h4>
                    {% endfor %}
                </td>
            </tr>
        </table>

    </section>

    <section class="activities">

        <div>
            <h2>Profession-realted Activities</h2>
            <ul>
                {% for activity in site.data.cv.activities %}
                <li>{{ activity }}</li>
                {% endfor %}
            </ul>
        </div>

        <div>
            <h2>Other Activities</h2>
            <ul>
                {% for hobby in site.data.cv.hobbies %}
                <li>{{ hobby }}</li>
                {% endfor %}
            </ul>
        </div>

    </section>

    <footer>
        <hr/>
        <p>This CV was generated by my own Jekyll script<br/> Gist: peet86/jekyll.cv</p>
    </footer>
</div>

cv.js

// Ratyli.js my rating jQuery plugin required to display the skill levels with stars
// https://github.com/peet86/Ratyli

$(function() {
	$('.ratyli').ratyli({disable:true});
});

cv.yml

# YML data file
profile:
  firstname: 
  lastname: 
  midlename:
  country: 
  city: 
  age: 
  born:
  profession: 
  phone: 
  web: 
  email: 
  skype: 
  twitter: 
  github: 
  codepen: 
  quote:
  intro: 
  bio: 

specialites:
  - name: 
    icon:
    percent: 
  # ...

experience:

  - organization: 
    role: 
    position: 
    location: 
    date: 
    notes:
      - 
      - 
      # ..
  # ..

activities:
    -
    # ..

hobbies:
    -
    # ..

languages:
  - name: 
    level: 
  # ..

skills:
  frontend:
      - name: 
        level: 
        icon: 
      # ..

  backend:
      - name: 
        level: 
        icon: 
      # ..

  cross:
      - name: 
        level: 
        icon: 
      # ..

  learning:
      - name: 
        level: 
        icon: 
      # ..

  old:
      - 
      # ..

tools:
  - 
  # ..

Jekyll.CV

This is my Jekyll-based Curriculum vitae 'generator'