159 lines
4.7 KiB
Text
159 lines
4.7 KiB
Text
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<%- include("../components/page-head.ejs") %>
|
||
|
|
<body>
|
||
|
|
<style>
|
||
|
|
@media print {
|
||
|
|
:root {
|
||
|
|
--color: #FF4000;
|
||
|
|
}
|
||
|
|
|
||
|
|
body {
|
||
|
|
margin: 1rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
h1, h2 {
|
||
|
|
opacity: 0.8;
|
||
|
|
font-weight: normal;
|
||
|
|
padding-left: 0.5rem;
|
||
|
|
border-left: 4px solid var(--color);
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
color: black;
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
p.address {
|
||
|
|
opacity: 0.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
p.pd {
|
||
|
|
margin-top: -0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
p.address,
|
||
|
|
p.pd {
|
||
|
|
margin-left: 1rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
<main>
|
||
|
|
<h1><%= pd.name[0] %> <%= pd.name[1][0] %>. <%= pd.name[2] %></h1>
|
||
|
|
<p class="pd">
|
||
|
|
<a href="tel:<%= pd.phone.region %><%= pd.phone.area %>-<%= pd.phone.local %>">
|
||
|
|
<%= pd.phone.region %> (<%= pd.phone.area %>) <%= pd.phone.local %></a>
|
||
|
|
/
|
||
|
|
<a href="mailto:<%= pd.email %>">
|
||
|
|
<%= pd.email %>
|
||
|
|
</a>
|
||
|
|
</p>
|
||
|
|
<p class="address">
|
||
|
|
<%= pd.address.street_address %><br />
|
||
|
|
<%= pd.address.city %>,
|
||
|
|
<%= pd.address.state %>
|
||
|
|
<%= pd.address.postal %>
|
||
|
|
</p>
|
||
|
|
<p class="noprint">
|
||
|
|
<span style="opacity: 0.5;">
|
||
|
|
Hint: Use <kbd>CTRL</kbd> <kbd>P</kbd> to print this page and get a more readable layout.
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<h2>Organizations / Volunteering</h2>
|
||
|
|
<ul>
|
||
|
|
<% orgs.forEach((org) => { %>
|
||
|
|
<li>
|
||
|
|
<h3><a href="<%= org.url %>" target="_blank"><%= org.name %></a></h3>
|
||
|
|
<p>
|
||
|
|
<% if (org.main && org.main.url) { %>
|
||
|
|
<a href="<%= org.main.url %>" target="_blank"><%= org.main.title %></a>
|
||
|
|
<% } else if (org.main) { %>
|
||
|
|
<%= org.main.title %>
|
||
|
|
<% } %>
|
||
|
|
<% if (org.main && org.main.email) { %>
|
||
|
|
/ <span>
|
||
|
|
<a href="mailto:<%= org.main.email %>">
|
||
|
|
<%= org.main.email %>
|
||
|
|
</a>
|
||
|
|
</span>
|
||
|
|
<% } %>
|
||
|
|
</p>
|
||
|
|
<ul>
|
||
|
|
<% org.involvement.forEach((period) => { %>
|
||
|
|
<li>
|
||
|
|
<h4><%= period.description %></h4>
|
||
|
|
<p>
|
||
|
|
<% if (period.supervisor) { %>
|
||
|
|
<span style="opacity: 0.5;">Supervised by <%= period.supervisor %></span>
|
||
|
|
<% } %>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
<% if (period.date) { %>
|
||
|
|
<span>Done <%= period.date %></span>
|
||
|
|
<% } else if (period.start) { %>
|
||
|
|
<%= period.start %> - <%= period.end || "Present" %>
|
||
|
|
<% } %>
|
||
|
|
</p>
|
||
|
|
</li>
|
||
|
|
<% }); %>
|
||
|
|
</ul>
|
||
|
|
</li>
|
||
|
|
<% }); %>
|
||
|
|
</ul>
|
||
|
|
<h2>Education</h2>
|
||
|
|
<ul>
|
||
|
|
<% education.forEach((school) => { %>
|
||
|
|
<li>
|
||
|
|
<h3><a href="<%= school.url %>" target="_blank"><%= school.name %></a></h3>
|
||
|
|
<p>
|
||
|
|
<span style="opacity: 0.5;" class="address">
|
||
|
|
<%= school.address.street_address %>,
|
||
|
|
<%= school.address.city %>,
|
||
|
|
<%= school.address.state %>
|
||
|
|
<%= school.address.postal %>
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
<%= school.start || "???" %> - <%= school.end || "Present" %><br />
|
||
|
|
<span style="opacity: 0.5;">Learned <%= school.experience.join(", ") %></span>
|
||
|
|
</p>
|
||
|
|
</li>
|
||
|
|
<% }); %>
|
||
|
|
</ul>
|
||
|
|
<h2>Experience</h2>
|
||
|
|
<ul>
|
||
|
|
<% jobs.forEach((job) => { %>
|
||
|
|
<li>
|
||
|
|
<h3><a href="<%= job.url %>" target="_blank"><%= job.name %></a></h3>
|
||
|
|
<p>
|
||
|
|
<span style="opacity: 0.5;" class="address">
|
||
|
|
<%= job.address.street_address %>,
|
||
|
|
<%= job.address.city %>,
|
||
|
|
<%= job.address.state %>
|
||
|
|
<%= job.address.postal %>
|
||
|
|
</span>
|
||
|
|
</p>
|
||
|
|
<ul>
|
||
|
|
<% job.involvement.forEach((period) => { %>
|
||
|
|
<li>
|
||
|
|
<h4><%= period.description %></h4>
|
||
|
|
<p>
|
||
|
|
<span style="opacity: 0.5;">Supervised by <%= period.supervisor %></span>
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
<%= period.start || "???" %> - <%= period.end || "Present" %>
|
||
|
|
</p>
|
||
|
|
</li>
|
||
|
|
<% }); %>
|
||
|
|
</ul>
|
||
|
|
<p>
|
||
|
|
<span style="opacity: 0.5;">Learned <%= job.experience.join(", ") %></span>
|
||
|
|
</p>
|
||
|
|
</li>
|
||
|
|
<% }); %>
|
||
|
|
</ul>
|
||
|
|
</main>
|
||
|
|
<%- include("../components/footer.ejs") %>
|
||
|
|
<%- include("../components/post-main.ejs") %>
|
||
|
|
</body>
|
||
|
|
</html>
|