Updates for first draft of resume
This commit is contained in:
Stef Dunlap
parent
003643e9b0
commit
54dc08a02c
12
index.js
12
index.js
|
|
@ -35,6 +35,12 @@ function iconHtml(iconName) {
|
|||
return fontAwesomeHtml("fa-brands fa-github");
|
||||
case 'Mastodon':
|
||||
return fontAwesomeHtml("fa-brands fa-mastodon");
|
||||
case 'Stack Overflow':
|
||||
return fontAwesomeHtml("fa-brands fa-stack-overflow");
|
||||
case 'Wikipedia':
|
||||
return fontAwesomeHtml("fa-brands fa-wikipedia-w");
|
||||
case 'LinkedIn':
|
||||
return fontAwesomeHtml("fa-brands fa-linkedin");
|
||||
case 'Education':
|
||||
return fontAwesomeHtml("fa-solid fa-graduation-cap");
|
||||
case 'Hammer':
|
||||
|
|
@ -47,6 +53,12 @@ function iconHtml(iconName) {
|
|||
return fontAwesomeHtml("fa-solid fa-paragraph");
|
||||
case 'Briefcase':
|
||||
return fontAwesomeHtml("fa-solid fa-briefcase");
|
||||
case 'Handshake':
|
||||
return fontAwesomeHtml("fa-solid fa-handshake-angle");
|
||||
case 'Award':
|
||||
return fontAwesomeHtml("fa-solid fa-award");
|
||||
case 'Flask':
|
||||
return fontAwesomeHtml("fa-solid fa-flask");
|
||||
case 'English':
|
||||
return "🇬🇧";
|
||||
case "German":
|
||||
|
|
|
|||
|
|
@ -1,16 +1,16 @@
|
|||
{{#if resume.awards.length}}
|
||||
<section id="awards">
|
||||
<h2>Awards</h2>
|
||||
<h2>{{icon "Award"}} Awards</h2>
|
||||
{{#each resume.awards}}
|
||||
<div class="item">
|
||||
{{#if title}}
|
||||
<div class="title">
|
||||
<h3 class="title">
|
||||
{{title}}
|
||||
</div>
|
||||
</h3>
|
||||
{{/if}}
|
||||
{{#if date}}
|
||||
<div class="date">
|
||||
{{date}}
|
||||
{{year-month date}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if awarder}}
|
||||
|
|
@ -26,4 +26,4 @@
|
|||
</div>
|
||||
{{/each}}
|
||||
</section>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,5 +1,8 @@
|
|||
{{#resume.basics}}
|
||||
<h1>{{name}}</h1>
|
||||
{{#if image}}
|
||||
<img class="headshot" src="{{image}}" alt="photo of {{name}}"/>
|
||||
{{/if}}
|
||||
<h2>{{label}}</h2>
|
||||
<section id="basics">
|
||||
<div class="contact">
|
||||
|
|
|
|||
|
|
@ -34,9 +34,9 @@
|
|||
{{area}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if gpa}}
|
||||
{{#if score}}
|
||||
<div class="gpa">
|
||||
GPA: {{gpa}}
|
||||
GPA: {{score}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if courses.length}}
|
||||
|
|
|
|||
|
|
@ -0,0 +1,54 @@
|
|||
{{#if resume.work.length}}
|
||||
<section id="projects">
|
||||
<h2>{{icon "Flask"}} Projects</h2>
|
||||
{{#each resume.projects}}
|
||||
<div class="item">
|
||||
{{#if name}}
|
||||
<h3 class="name">
|
||||
{{name}}
|
||||
</h3>
|
||||
{{/if}}
|
||||
<div class="date">
|
||||
{{#if startDate}}
|
||||
<span class="startDate">
|
||||
{{year-month startDate}}
|
||||
</span>
|
||||
{{/if}}
|
||||
{{#if endDate}}
|
||||
<span class="endDate">
|
||||
- {{year-month endDate}}
|
||||
</span>
|
||||
{{else}}
|
||||
<span class="endDate">
|
||||
- Present
|
||||
</span>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{#if url}}
|
||||
<div class="url">
|
||||
<a href="{{url}}">{{url}}</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if description}}
|
||||
<div class="description">
|
||||
<p>{{description}}</p>
|
||||
</div>
|
||||
{{/if}}
|
||||
{{#if highlights.length}}
|
||||
<ul class="highlights">
|
||||
{{#each highlights}}
|
||||
<li>{{.}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
{{#if keywords.length}}
|
||||
<ul class="keywords">
|
||||
{{#each keywords}}
|
||||
<li>{{.}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/each}}
|
||||
</section>
|
||||
{{/if}}
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{{#if resume.volunteer.length}}
|
||||
<section id="volunteer">
|
||||
<h2>Volunteer</h2>
|
||||
<h2>{{icon "Handshake"}} Volunteer</h2>
|
||||
{{#each resume.volunteer}}
|
||||
<div class="item">
|
||||
{{#if organization}}
|
||||
|
|
@ -49,4 +49,4 @@
|
|||
</div>
|
||||
{{/each}}
|
||||
</section>
|
||||
{{/if}}
|
||||
{{/if}}
|
||||
|
|
|
|||
|
|
@ -1,17 +1,17 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimal-ui">
|
||||
|
||||
|
||||
<title>{{#resume.basics}}{{name}}{{/resume.basics}}</title>
|
||||
|
||||
<style>
|
||||
{{{css}}}
|
||||
</style>
|
||||
<script src="https://kit.fontawesome.com/0e272f671c.js" crossorigin="anonymous"></script>
|
||||
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="resume">
|
||||
|
|
@ -27,6 +27,7 @@
|
|||
{{> work }}
|
||||
{{> volunteer }}
|
||||
{{> publications }}
|
||||
{{> projects }}
|
||||
{{> awards }}
|
||||
{{> references }}
|
||||
</div>
|
||||
|
|
|
|||
14
style.css
14
style.css
|
|
@ -52,7 +52,7 @@ table {
|
|||
}
|
||||
/* END RESET CSS */
|
||||
body {
|
||||
background-image: linear-gradient(to right, var(--sidebar-bg) 50%, #fff 50%);
|
||||
background-image: linear-gradient(to right, var(--sidebar-bg) 50%, #eee 50%);
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
|
@ -102,6 +102,9 @@ h2 {
|
|||
h3 {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
img.headshot {
|
||||
max-width: 100%;
|
||||
}
|
||||
.institution {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -121,6 +124,9 @@ h3 {
|
|||
border-radius: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
#chronology .keywords li {
|
||||
border-color: var(--sidebar-bg);
|
||||
}
|
||||
#languages .language {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
|
@ -130,3 +136,9 @@ h3 {
|
|||
#work .position {
|
||||
font-weight: bold;
|
||||
}
|
||||
ul.highlights {
|
||||
list-style: disc;
|
||||
}
|
||||
ul.highlights li {
|
||||
margin-left: 1.5em;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue