Skip to content

Commit cd5138b

Browse files
jmrplensgeorge-gca
jmrplens
and
george-gca
authored
CV Restyled (alshedivat#1339)
I have redesigned the CV to have some options that I have in my pdf CV. I'm not too inspired to include more example data, if anyone wants to add data, go ahead. With my data the CV looks like this: [https://jmrplens.github.io/cv/](https://jmrplens.github.io/cv/ ). My data: [VIEW FILE](https://github.com/jmrplens/jmrplens.github.io/blob/ce8b5b67dbc5a37dafe9083681b92a6746640b13/_data/cv.yml) Some screenshots: <img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-09-51)" src="https://user-images.githubusercontent.com/28966312/233200752-e49afa44-1c07-42eb-b38c-337f81b60406.png"><img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-10-22)" src="https://user-images.githubusercontent.com/28966312/233200844-0201d061-df3e-4e80-8107-3b6f7c72faa3.png"> <img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-10-37)" src="https://user-images.githubusercontent.com/28966312/233200898-77040d1a-bf9a-47f1-a46d-3008f7331020.png"><img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-10-54)" src="https://user-images.githubusercontent.com/28966312/233200949-055fe27e-ce06-4929-91e8-cab2983b4850.png"> Mobile: <img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-21-36)" src="https://user-images.githubusercontent.com/28966312/233203168-8b5cc777-e3f8-4387-96d4-a5d405d7032b.png"><img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-21-48)" src="https://user-images.githubusercontent.com/28966312/233203238-5ccc424e-b0e3-41a1-bd2b-2c64e01cfc85.png"> <img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-22-00)" src="https://user-images.githubusercontent.com/28966312/233203297-7174be99-08a1-427a-a414-5bded2d6c2d8.png"><img width="45%" alt="Screenshot of Google Chrome (19-4-23, 23-22-14)" src="https://user-images.githubusercontent.com/28966312/233203312-f5067ce7-134f-4a39-bb5b-aaa3d247b3e7.png"> --------- Co-authored-by: George <31376482+george-gca@users.noreply.github.com>
1 parent 84b6dfa commit cd5138b

File tree

7 files changed

+350
-14
lines changed

7 files changed

+350
-14
lines changed

‎_includes/cv/list_groups.html‎

Lines changed: 43 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<div class="list-groups">
2+
{% for content in entry.contents %}
3+
<div class="list-group col-md-6">
4+
<table class="table-cv list-group-table">
5+
<tbody>
6+
<tr>
7+
{% if content.icon %}
8+
<td class="list-group-category-icon"><i class="{{ content.icon }}"></i></td>
9+
{% else %}
10+
<td class="list-group-category-icon"></td>
11+
{% endif %}
12+
<!-- Calculate colspan number for category title -->
13+
{% assign i = 1 %}
14+
{% for item in content.items %}
15+
{% assign i = i | plus:1 %}
16+
{% endfor %}
17+
<td colspan="{{ i }}" class="list-group-category">{{ content.category }}</td>
18+
</tr>
19+
{% for item in content.items %}
20+
<tr>
21+
<td></td>
22+
<td class="list-group-name"><b>{{ item.name }}</b></td>
23+
{% if item.level %}
24+
<td class="list-group-level">{{ item.level }}</td>
25+
{% endif %}
26+
{% if item.school %}
27+
<td class="list-group-school">{{ item.school }}
28+
{% endif %}
29+
{% if item.time %}
30+
<br><span class="list-group-time">{{ item.time }}</span></td>
31+
{% else %}
32+
</td>
33+
{% endif %}
34+
{% if item.link %}
35+
<td class="list-group-link"><a href="{{ item.link }}" target="_blank" class="btncv z-depth-0">{% if item.linkname %}{{ item.linkname }}{% else %}DOC{% endif %}</a></td>
36+
{% endif %}
37+
</tr>
38+
{% endfor %}
39+
</tbody>
40+
</table>
41+
</div>
42+
{% endfor %}
43+
</div>

‎_includes/cv/map.html‎

Lines changed: 26 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,27 @@
1-
<table class="table table-sm table-borderless table-responsive table-cv-map">
2-
{% for content in entry.contents %}
3-
<tr>
4-
<td class="p-1 pr-2 font-weight-bold"><b>{{ content.name }}</b></td>
5-
<td class="p-1 pl-2 font-weight-light text">{{ content.value }}</td>
6-
</tr>
7-
{% endfor %}
1+
<table class="table table-cv table-sm table-borderless table-responsive">
2+
{% for content in entry.contents %}
3+
<tr>
4+
<td class="p-1 pr-2 font-weight-bold"><b>{{ content.name }}</b></td>
5+
{% if content.value %}
6+
<td class="p-1 pl-2 font-weight-light text">{{ content.value }}</td>
7+
{% endif %}
8+
{% if content.links %}
9+
<td class="p-1 pl-2 font-weight-light text">
10+
<div class="container-pdf">
11+
{% for item in content.links %}
12+
{% if item.link %}
13+
<div class="container-link-button">
14+
{% if item.name %}
15+
<a href="{{ item.link }}" target="_blank" class="btncv z-depth-0">{{ item.name}}</a>
16+
{% else %}
17+
<a href="{{ item.link }}" target="_blank" class="btncv z-depth-0">doc</a>
18+
{% endif %}
19+
</div>
20+
{% endif %}
21+
{% endfor %}
22+
</div>
23+
</td>
24+
{% endif %}
25+
</tr>
26+
{% endfor %}
827
</table>

‎_includes/cv/time_table.html‎

Lines changed: 52 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -4,17 +4,49 @@
44
<div class="row">
55
{% if content.year %}
66
<div class="col-xs-2 cl-sm-2 col-md-2 text-center" style="width: 75px;">
7-
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px;">
8-
{{ content.year }}
9-
</span>
7+
<table class="table-cv">
8+
<tbody>
9+
<tr>
10+
<td>
11+
<span class="badge font-weight-bold danger-color-dark text-uppercase align-middle" style="min-width: 75px;">{{ content.year }}</span>
12+
</td>
13+
</tr>
14+
{% if content.location %}
15+
<tr>
16+
<td>
17+
<p class="location"><i class="fas fa-map-marker-alt iconlocation"></i> {{ content.location }}</p>
18+
</td>
19+
</tr>
20+
{% endif %}
21+
</tbody>
22+
</table>
23+
1024
</div>
1125
{% endif %}
1226
<div class="col-xs-10 cl-sm-10 col-md-10 mt-2 mt-md-0">
1327
{% if content.title %}
1428
<h6 class="title font-weight-bold ml-1 ml-md-4">{{content.title}}</h6>
1529
{% endif %}
16-
{% if content.institution %}
17-
<h6 class="ml-1 ml-md-4" style="font-size: 0.95rem;">{{content.institution}}</h6>
30+
{% if content.department or content.institution %}
31+
<table class="table-cv ml-1 ml-md-4 institution">
32+
<tbody>
33+
{% if content.institution %}
34+
<tr>
35+
<td style="vertical-align: top; text-align: center;" class="institution"><i class="fas fa-university iconinstitution"></i></td>
36+
<td class="institution">{{content.institution}}</td>
37+
</tr>
38+
{% endif %}
39+
{% if content.department %}
40+
<tr>
41+
<td style="vertical-align: top; text-align: center;" class="department"><i class="far fa-dot-circle icondepartment"></i></td>
42+
<td class="department">{{content.department}}</td>
43+
</tr>
44+
{% endif %}
45+
</tbody>
46+
</table>
47+
{% endif %}
48+
{% if content.maindescription %}
49+
<div class="ml-1 ml-md-4 ">{{ content.maindescription }}</div>
1850
{% endif %}
1951
{% if content.description %}
2052
<ul class="items">
@@ -52,6 +84,21 @@ <h6 class="ml-1 ml-md-4" style="font-size: 0.95rem;">{{content.institution}}</h6
5284
{% endfor %}
5385
</ul>
5486
{% endif %}
87+
{% if content.linkitems %}
88+
<div class="container-links ml-1 ml-md-4">
89+
{% for item in content.linkitems %}
90+
{% if item.link %}
91+
<div class="container-link-button">
92+
{% if item.linkname %}
93+
<a href="{{ item.link }}" target="_blank" class="btncv z-depth-0">{{ item.linkname}}</a>
94+
{% else %}
95+
<a href="{{ item.link }}" target="_blank" class="btncv z-depth-0">doc</a>
96+
{% endif %}
97+
</div>
98+
{% endif %}
99+
{% endfor %}
100+
</div>
101+
{% endif %}
55102
</div>
56103
</div>
57104
</li>

‎_layouts/cv.html‎

Lines changed: 11 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,12 +6,20 @@
66

77
<header class="post-header">
88
<h1 class="post-title">{{ page.title }} {% if page.cv_pdf %}<a href="{{ page.cv_pdf | prepend: 'assets/pdf/' | relative_url}}" target="_blank" rel="noopener noreferrer" class="float-right"><i class="fas fa-file-pdf"></i></a>{% endif %}</h1>
9-
<p class="post-description">{{ page.description }}</p>
9+
{% if page.description %}<p class="post-description">{{ page.description }}</p>{% endif %}
1010
</header>
1111

12+
<h4>Table of contents</h4>
13+
<ul class="timeline">
14+
{% for entry in site.data.cv %}
15+
<li><a href="#{{ entry.title }}"><span class="badge-toc">{{ entry.title }}</span></a></li>
16+
{% endfor %}
17+
</ul>
18+
1219
<article>
1320
<div class="cv">
1421
{% for entry in site.data.cv %}
22+
<a class="anchor" id="{{ entry.title }}"></a>
1523
<div class="card mt-3 p-3">
1624
<h3 class="card-title font-weight-medium">{{ entry.title }}</h3>
1725
<div>
@@ -23,6 +31,8 @@ <h3 class="card-title font-weight-medium">{{ entry.title }}</h3>
2331
{% include cv/nested_list.html %}
2432
{% elsif entry.type == "time_table" %}
2533
{% include cv/time_table.html %}
34+
{% elsif entry.type == "list_groups" %}
35+
{% include cv/list_groups.html %}
2636
{% else %}
2737
{{ entry.contents }}
2838
{% endif %}

‎_pages/cv.md‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,4 +5,5 @@ title: cv
55
nav: true
66
nav_order: 4
77
cv_pdf: example_pdf.pdf
8+
description: This is a description of the page. You can modify it in 'pages/_cv.md'. You can also change or remove the top pdf download button.
89
---

0 commit comments

Comments
 (0)