kewne.github.com/resume.html at master · kewne/kewne.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
---
title: Resume
layout: default
---
<div class="print-hidden">
    <ul class="uk-list">
        <li><a class="uk-button uk-button-default" href="mailto:joao.r.cabrita@gmail.com">
            <span  class="uk-margin-right" uk-icon="icon: mail" aria-hidden="true" ></span>
            <span>Email me!</span>
        </a></li>
        <li><button class="uk-button uk-button-default uk-flex uk-flex-middle uk-flex-between" onClick="window.print()">
            <span  class="uk-margin-right" uk-icon="icon: print" aria-hidden="true" ></span>
            <span>Print this!</span>
        </button></li>
    </ul>
</div>
<div class="print-only">
    <h1>João Cabrita</h1>
    <h2>kewne@protonmail.com</h2>
</div>
<hr />
<div class="uk-container-xsmall" uk-scrollspy="cls:uk-animation-fade; target: > .uk-section > div; repeat: true">
    <div class="uk-tile uk-padding-small uk-overlay uk-overlay-default" uk-sticky>
        <ul class="uk-subnav uk-nav-default">
            <li><a href="#professional_exp" uk-scroll>Professional Experience</a></li>
            <li><a href="#academic_exp" uk-scroll>Education</a></li>
            <li><a href="#talks_pubs" uk-scroll>Talks / Publications</a></li>
        </ul>
    </div>
    <div class="uk-section uk-section-default">
        <h1 id="professional_exp">Professional Experience</h1>
        {% assign xps = site.prof_exp | where: "recent", true | reverse %}
        {% for exp in xps %}
        <div class="uk-tile {% cycle "uk-tile-primary", "uk-tile-secondary" %} uk-preserve-color uk-padding">
            <div class="uk-light">
                <h1>{{ exp.title }}</h1>
                <p>{{ exp.date | date: "%B %Y" }} &mdash; {% if exp.end_date %}{{ exp.end_date | date: "%B %Y" }}{% else
                    %}Current{% endif %}
                </p>
            </div>
            <div class="uk-card uk-card-default">
                <div class="uk-card-body">
                    <p>{{ exp.content }}</p>
                </div>
                <div class="uk-card-footer">
                    <h3>Technologies Used</h3>
                    <div class="uk-flex uk-flex-center uk-flex-wrap uk-flex-wrap-around uk-child-width-auto@s" uk-margin>
                        {% for t in exp.tech %}
                        <div class="uk-card uk-card-small {%cycle "uk-card-primary", "uk-card-secondary" %} uk-card-body uk-margin-left uk-margin-right" style="break-inside: avoid-column;">
                            <dt>{{ t.name }}</dt>
                            <dd>{{ t.usage }}</dd>
                        </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
        <div class="uk-tile uk-tile-muted">
            {% assign first_exp = site.prof_exp | first %}
            <span class="">Plus {{ site.prof_exp | where: "recent", false | size }} other positions since {{
                first_exp.date | date: "%B %Y" }}</span>
        </div>
    </div>
    <div class="uk-section uk-section-default">
        <h1 id="academic_exp">Academic Experience</h1>
        <div class="uk-tile uk-tile-primary uk-preserve-color">
            <div class="uk-light">
                <h2>Languages</h2>
            </div>
            {% for language in site.data.languages %}
            {% assign rem = forloop.index | modulo: 2 %}
            <div
                class="uk-tile {% if rem == 1 %} uk-tile-default {% else %} uk-tile-muted {% endif %} uk-padding-small">
                <div class="uk-flex uk-flex-middle">
                    <span class="uk-text-lead">{{ language.name }}</span>
                    <span class="uk-label uk-margin-left">{{ language.level }}</span>
                </div>
                {% if language.certifications %}
                <div class="uk-margin-top uk-padding-left">
                    <ul class="uk-list">
                        {% for cert in language.certifications %}
                        <li>
                            <h5 class="uk-margin-remove-bottom">{{cert.name}} {%- if cert.issuer %} ({{ cert.issuer
                                }}){% endif %}</h5>
                            {%- if cert.grade %}
                            <p class="uk-text-meta uk-margin-remove-top">{{cert.grade}}</p>
                            {% endif -%}
                        </li>
                        {% endfor %}
                    </ul>
                </div>
                {% endif %}
            </div>
            {% endfor %}
        </div>
        <div class="uk-tile uk-tile-secondary uk-preserve-color">
            <div class="uk-light">
                <h2>Technical Certifications</h2>
            </div>
            {% for cert in site.data.technical_certifications %}
            {% assign rem = forloop.index | modulo: 2 %}
            <div
                class="uk-tile {% if rem == 1 %} uk-tile-default {% else %} uk-tile-muted {% endif %} uk-padding-small">
                <h5 class="uk-margin-remove-bottom">{{cert.name}} {%- if cert.issuer %} ({{ cert.issuer }}){% endif %}
                </h5>
            </div>
            {% endfor %}
        </div>
        <div class="uk-tile uk-tile-primary uk-preserve-color">
            <div class="uk-light">
                <h2>College</h2>
            </div>
            <div class="uk-card uk-card-default">
                <div class="uk-card-header">
                    <h4>MSc Electrical and Computer Engineering &mdash; Instituto Superior Técnico
                    </h4>
                    <h5 class="uk-text-meta">September 2004 &mdash; October 2010</h5>
                </div>
                <div class="uk-card-body">
                    <p>Graduated from the 1st cycle of studies with an average of 14 out of 20 points.</p>
                    <p>Graduated from the 2nd cycle of studies with an average of 16 out of 20 points.</p>
                    <p>As a requisite for the Master of Science degree, wrote and defended the thesis "Brain-Computer
                        Interfaces".</p>
                </div>
            </div>
        </div>
        <div class="uk-tile uk-tile-secondary uk-preserve-color" style="break-before: page;">
            <div class="uk-light">
                <h2>Others</h2>
            </div>
            <div class="uk-card uk-card-default no-break">
                <div class="uk-card-body">
                    <h4>Member of <a href="https://algarvetoastmastersclub.com/">Algarve Toastmasters Club</a></h4>
                    <p class="uk-text-meta">October 2022 &mdash; December 2024</p>
                </div>
            </div>
        </div>
    </div>
    <div class="uk-section uk-section-default">
        <h1 id="talks_pubs">Talks/Publications</h1>
        {% assign talks = site.talks | reverse %}
        {% for talk in talks %}
        {% assign rem = forloop.index | modulo: 2 %}
        <div id="{{talk.title | slugify}}"
            class="uk-tile {% if rem == 1 %} uk-tile-primary {% else %} uk-tile-secondary {% endif %} uk-preserve-color">
            <div class="uk-panel uk-light uk-margin-medium">
                <h1>{{ talk.title }}</h1>
                <p class="uk-text-meta">{{talk.venue}} &mdash; {{ talk.date | date: "%d %B %Y" }}</p>
            </div>
            <div class="uk-card uk-card-default">
                <div class="uk-card-body">
                    {{ talk.content }}
                </div>
                {% if talk.links %}
                <div class="uk-card-footer">
                    <h4>Links</h4>
                    <ul>
                        {% for link in talk.links %}
                        <li><a href="{{link.url}}">{{link.text}}</a></li>
                        {% endfor %}
                    </ul>
                </div>
                {% endif %}
            </div>
        </div>
        {% endfor %}
    </div>
</div>