resume.html 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
  1. <!DOCTYPE html>
  2. <html>
  3. {% include head.html %}
  4. <body class="theme-{% if site.resume_theme %}{{ site.resume_theme }}{% endif %}">
  5. <div class="wrapper" itemscope itemtype="http://schema.org/Person">
  6. <meta itemprop="telephone" content="{{ site.resume_contact_telephone }}"/>
  7. <meta itemprop="address" content="{{ site.resume_contact_address }}"/>
  8. <header class="page-header">
  9. <!-- You can turn off the avatar in _config.yml by setting to false -->
  10. {% if site.resume_avatar == 'true' %}
  11. <img src="images/avatar.jpg" alt="my photo" class="avatar no-print" itemprop="image">
  12. {% endif %}
  13. <!-- Your name is defined in the _config.yml file -->
  14. <h1 class="header-name" itemprop="name">{{ site.resume_name }}</h1>
  15. <!-- To display contact info here, change `display_header_contact_info` value in _config.yml to true -->
  16. {% if site.display_header_contact_info == 'true' %}
  17. <div class="header-contact-info">
  18. <p>{{ site.resume_header_contact_info }}</p>
  19. </div>
  20. {% endif %}
  21. <div class="title-bar no-print">
  22. <!-- Your title is also defined in the _config.yml file -->
  23. <h2 class="header-title" itemprop="jobTitle">{{ site.resume_title }}</h2>
  24. <!-- This is the markup for the icon links; moved out to an include because it's very verbose, and you shouldn't ever need to edit the markup (unless you want to re-order the icons); if you want to customize which links appear, define them in the _config.yml file -->
  25. {% include icon-links.html %}
  26. </div>
  27. <div class="executive-summary" itemprop="description">
  28. {{ site.resume_header_intro }}
  29. </div>
  30. {% if site.resume_looking_for_work == 'yes' %}
  31. <a href="mailto:{{ site.resume_contact_email }}" class="contact-button no-print" itemprop="email">Contact me</a>
  32. {% elsif site.resume_looking_for_work == 'no' %}
  33. <a class="contact-button not-looking no-print">I'm not looking for work right now.</a>
  34. {% else %}
  35. {% endif %}
  36. </header>
  37. {% if site.resume_section_experience %}
  38. <!-- begin Experience -->
  39. <section class="content-section">
  40. <header class="section-header">
  41. <h2>Experience</h2>
  42. </header>
  43. {% for job in site.data.experience %}
  44. <div class="resume-item" itemscope itemprop="worksFor" itemtype="http://schema.org/Organization">
  45. <h3 class="resume-item-title" itemprop="name">{{ job.company }}</h3>
  46. <h4 class="resume-item-details" itemprop="description">{{ job.position }} &bull; {{ job.duration }}</h4>
  47. <p class="resume-item-copy">{{ job.summary }}</p>
  48. </div><!-- end of resume-item -->
  49. {% endfor %}
  50. </section>
  51. <!-- end Experience -->
  52. {% endif %}
  53. {% if site.resume_section_education %}
  54. <!-- begin Education -->
  55. <section class="content-section">
  56. <header class="section-header">
  57. <h2>Education</h2>
  58. </header>
  59. {% for education in site.data.education %}
  60. <div class="resume-item" itemscope itemprop="alumniOf" itemtype="http://schema.org/CollegeOrUniversity">
  61. <h3 class="resume-item-title" itemprop="name">{{ education.uni }}</h3>
  62. <h4 class="resume-item-details group" itemprop="description">{{ education.degree }} &bull; {{ education.year }}</h4>
  63. <h5 class="resume-item-details award-title" itemprop="description">{{ education.award }}</h5>
  64. <p class="resume-item-copy" itemprop="description">
  65. <ul class="resume-item-list">
  66. {% for award in education.awards %}
  67. <li>{{ award.award }}</li>
  68. {% endfor %}
  69. </ul></h5>
  70. <p class="resume-item-copy">{{ education.summary }}</p>
  71. </div>
  72. {% endfor %}
  73. </section>
  74. <!-- end Education -->
  75. {% endif %}
  76. {% if site.resume_section_projects %}
  77. <!-- begin Projects -->
  78. <section class="content-section">
  79. <header class="section-header">
  80. <h2>Projects</h2>
  81. </header>
  82. {% for project in site.data.projects %}
  83. <div class="resume-item" itemscope itemtype="http://schema.org/CreativeWork">
  84. <meta itemprop="creator" content="{{ site.resume_name }}" itemtype="http://schema.org/Person" />
  85. <h3 class="resume-item-title" itemprop="name">{% if project.url %}<a href="{{ project.url }}" itemprop="url">{{ project.project }}</a>{% else %}{{ project.project }}{% endif %}</h3>
  86. <h4 class="resume-item-details" itemprop="description">{{ project.role }} &bull; {{ project.duration }}</h4>
  87. <p class="resume-item-copy">{{ project.description }}</p>
  88. </div>
  89. {% endfor %}
  90. </section>
  91. <!-- end Projects -->
  92. {% endif %}
  93. {% if site.resume_section_skills %}
  94. <!-- begin Skills -->
  95. <section class="content-section">
  96. <header class="section-header">
  97. <h2>Skills</h2>
  98. </header>
  99. {% for skill in site.data.skills %}
  100. <div class="resume-item">
  101. <h4 class="resume-item-details">{{ skill.skill }}</h4>
  102. <p class="resume-item-copy">{{ skill.description }}</p>
  103. </div>
  104. {% endfor %}
  105. </section>
  106. <!-- end Skills -->
  107. {% endif %}
  108. {% if site.resume_section_recognition %}
  109. <!-- begin Recognition -->
  110. <section class="content-section">
  111. <header class="section-header">
  112. <h2>Recognition</h2>
  113. </header>
  114. {% for recognition in site.data.recognitions %}
  115. <div class="resume-item">
  116. <h3 class="resume-item-title" itemprop="award">{{ recognition.award }}</h3>
  117. <h4 class="resume-item-details">{{ recognition.organization }} &bull; {{ recognition.year }}</h4>
  118. <p class="resume-item-copy">{{ recognition.summary }}</p>
  119. </div>
  120. {% endfor %}
  121. </section>
  122. <!-- end Recognition -->
  123. {% endif %}
  124. {% if site.resume_section_associations %}
  125. <!-- begin Associations -->
  126. <section class="content-section">
  127. <header class="section-header">
  128. <h2>Associations</h2>
  129. </header>
  130. {% for association in site.data.associations %}
  131. <div class="resume-item" itemscope itemprop="memberOf" itemtype="http://schema.org/Organization">
  132. <h3 class="resume-item-title" itemprop="name">{% if association.url %}<a href="{{ association.url }}">{{ association.organization }}</a>{% else %}{{ association.organization }}{% endif %}</h3>
  133. <h4 class="resume-item-details" itemprop="description">{{ association.role }} &bull; {{ association.year }}</h4>
  134. <p class="resume-item-copy">{{ association.summary }}</p>
  135. </div>
  136. {% endfor %}
  137. </section>
  138. <!-- end Associations -->
  139. {% endif %}
  140. {% if site.resume_section_interests %}
  141. <!-- begin Interests -->
  142. <section class="content-section">
  143. <header class="section-header">
  144. <h2>Outside Interests</h2>
  145. </header>
  146. <div class="resume-item">
  147. <ul class="resume-item-list">
  148. {% for interest in site.data.interests %}
  149. <li>{{ interest.description }}</li>
  150. {% endfor %}
  151. </ul>
  152. </div>
  153. </section>
  154. <!-- end Interests -->
  155. {% endif %}
  156. {% if site.resume_section_links %}
  157. <!-- begin Links -->
  158. <section class="content-section">
  159. <header class="section-header">
  160. <h2>Additional Links</h2>
  161. </header>
  162. <div class="resume-item">
  163. <ul class="resume-item-list">
  164. {% for link in site.data.links %}
  165. <li><a href={{ link.url }} itemprop="url">{{ link.description }}</a></li>
  166. {% endfor %}
  167. </ul>
  168. </div>
  169. </section>
  170. <!-- end Links -->
  171. {% endif %}
  172. {% if site.resume_print_social_links %}
  173. <!-- begin Print Social Links -->
  174. <section class="content-section print-only">
  175. <header class="section-header">
  176. <h2>Social Links</h2>
  177. </header>
  178. <div class="resume-item">
  179. {% include print-social-links.html %}
  180. </div>
  181. </section>
  182. <!-- end Print Social Links -->
  183. {% endif %}
  184. <footer class="page-footer">
  185. <p class="footer-line">Made by <a href="http://twitter.com/jglovier">@jglovier</a>. Fork me on <a href="https://github.com/jglovier/resume-template">GitHub</a>.</p>
  186. <p class="footer-line">If this is your live resume, you can modify or remove this part. ;-)</p>
  187. </footer>
  188. </div>
  189. </body>
  190. </html>