176 lines
No EOL
5.4 KiB
Text
176 lines
No EOL
5.4 KiB
Text
<!DOCTYPE html>
|
|
<html>
|
|
<%- include("../components/page-head.ejs") %>
|
|
<body>
|
|
<style>
|
|
@media print {
|
|
:root {
|
|
--color: #FF4000;
|
|
font-size: 11pt;
|
|
}
|
|
|
|
body {
|
|
margin: 1rem;
|
|
}
|
|
|
|
h1, h2 {
|
|
opacity: 0.8;
|
|
font-weight: normal;
|
|
padding-left: 0.5rem;
|
|
border-left: 4px solid var(--color);
|
|
}
|
|
|
|
section {
|
|
page-break-inside: avoid;
|
|
}
|
|
|
|
a {
|
|
color: black;
|
|
text-decoration: none;
|
|
}
|
|
|
|
p.address {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
p.pd {
|
|
margin-top: -0.5em;
|
|
}
|
|
|
|
h3 {
|
|
margin-bottom: -0.5rem;
|
|
}
|
|
|
|
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>About me</h2>
|
|
<p style="white-space: pre-line;">< desc %></p> -->
|
|
<section>
|
|
<h2>Organizations / Volunteering</h2>
|
|
<ul>
|
|
<% orgs.forEach((org) => { %>
|
|
<li>
|
|
<h3><a href="<%= org.url %>" target="_blank"><%= org.name %></a></h3>
|
|
<p class="position">
|
|
<% 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>
|
|
<% } %>
|
|
<% if (org.main.date) { %><br />
|
|
<span style="opacity: 0.5;">Done <%= org.main.date %></span>
|
|
<% } else if (org.main.start) { %><br />
|
|
<span style="opacity: 0.5;"><%= org.main.start %> - <%= org.main.end || "Present" %></span>
|
|
<% } %>
|
|
</p>
|
|
<p><%= org.description %></p>
|
|
<ul>
|
|
<% org.involvement.forEach((period) => { %>
|
|
<li>
|
|
<p><%= period.description %>
|
|
<% if (period.supervisor) { %><br />
|
|
<span style="opacity: 0.5;">Supervised by <%= period.supervisor %></span>
|
|
<% } %>
|
|
<% if (period.date) { %><br />
|
|
<span style="opacity: 0.5;">Done <%= period.date %></span>
|
|
<% } else if (period.start) { %><br />
|
|
<span style="opacity: 0.5;"><%= period.start %> - <%= period.end || "Present" %></span>
|
|
<% } %>
|
|
</p>
|
|
</li>
|
|
<% }); %>
|
|
</ul>
|
|
</li>
|
|
<% }); %>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2>Education</h2>
|
|
<ul>
|
|
<% education.forEach((school) => { %>
|
|
<li>
|
|
<h3><a href="<%= school.url %>" target="_blank"><%= school.name %></a></h3>
|
|
<!-- <p class="inlineaddress">
|
|
<span style="opacity: 0.5;" class="address">
|
|
< school.address.street_address %>,
|
|
< school.address.city %>,
|
|
< school.address.state %>
|
|
< school.address.postal %>
|
|
</span>
|
|
</p> -->
|
|
<p style="opacity: 0.5;">
|
|
<%= school.start || "???" %> - <%= school.end || "Present" %><br />
|
|
<!-- <span>Learned < school.experience.join(", ") %></span> -->
|
|
</p>
|
|
</li>
|
|
<% }); %>
|
|
</ul>
|
|
</section>
|
|
<section>
|
|
<h2>Experience</h2>
|
|
<ul>
|
|
<% jobs.forEach((job) => { %>
|
|
<li>
|
|
<h3><a href="<%= job.url %>" target="_blank"><%= job.name %></a></h3>
|
|
<!-- <p class="inlineaddress">
|
|
<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>
|
|
<p><%= period.description %><br />
|
|
<span style="opacity: 0.5;">Supervised by <%= period.supervisor %></span><br />
|
|
<span style="opacity: 0.5;"><%= period.start || "???" %> - <%= period.end || "Present" %></span>
|
|
</p>
|
|
</li>
|
|
<% }); %>
|
|
</ul>
|
|
<p>
|
|
<!-- <span style="opacity: 0.5;">Learned < job.experience.join(", ") %></span> -->
|
|
</p>
|
|
</li>
|
|
<% }); %>
|
|
</ul>
|
|
</section>
|
|
</main>
|
|
<%- include("../components/footer.ejs") %>
|
|
<%- include("../components/post-main.ejs") %>
|
|
</body>
|
|
</html> |