Add XSLT for CVs
parent
0b8f76b604
commit
4852f100a3
|
|
@ -0,0 +1,122 @@
|
||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4 {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h2 {
|
||||||
|
margin-block-end: 0.25em;
|
||||||
|
margin-bottom: 0.25em;
|
||||||
|
border-block-end: 0.0625em solid currentColor;
|
||||||
|
border-bottom: 0.0625em solid currentColor;
|
||||||
|
font-variant: small-caps;
|
||||||
|
}
|
||||||
|
|
||||||
|
.headline {
|
||||||
|
margin-block-end: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
address {
|
||||||
|
margin-block-end: 1em;
|
||||||
|
margin-bottom: 1em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
address>ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
address> :last-child {
|
||||||
|
text-align: end;
|
||||||
|
}
|
||||||
|
|
||||||
|
p {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
hr {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
|
main > section+section,
|
||||||
|
article+article {
|
||||||
|
margin-block-start: 1em;
|
||||||
|
margin-top: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
article>article {
|
||||||
|
margin-block-start: 0.5em;
|
||||||
|
margin-top: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
article header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
article header p {
|
||||||
|
text-align: end;
|
||||||
|
}
|
||||||
|
|
||||||
|
article > p {
|
||||||
|
margin-block-start: 0.25em;
|
||||||
|
margin-top: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
dl {
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
dt {
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
dd {
|
||||||
|
margin-inline-start: 2.5em;
|
||||||
|
margin-left: 2.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#skills h3 {
|
||||||
|
margin-block-start: 0.25em;
|
||||||
|
margin-top: 0.25em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#skills ul {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
list-style-type: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#skills li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
#skills li::after {
|
||||||
|
content: ",";
|
||||||
|
}
|
||||||
|
|
||||||
|
#skills li:last-child::after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
footer {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
@page {
|
||||||
|
size: 8.5in 11in;
|
||||||
|
margin: 0.5in;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
body { margin: 0; }
|
||||||
|
|
||||||
|
article,
|
||||||
|
footer {
|
||||||
|
break-inside: avoid-page;
|
||||||
|
}
|
||||||
|
|
||||||
|
a:visited {
|
||||||
|
color: blue;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,8 @@
|
||||||
|
body {
|
||||||
|
padding: 1em;
|
||||||
|
}
|
||||||
|
|
||||||
|
main {
|
||||||
|
margin: 0 auto;
|
||||||
|
max-width: 50em;
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,132 @@
|
||||||
|
<?xml version="1.0"?>
|
||||||
|
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
|
||||||
|
<xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes" standalone="yes" doctype-system="about:legacy-compat" />
|
||||||
|
<xsl:param name="title" select="'Ainsley Ellis CV'"/>
|
||||||
|
<xsl:template name="company">
|
||||||
|
<article>
|
||||||
|
<h3><xsl:value-of select="./name/text()"/></h3>
|
||||||
|
<xsl:for-each select="./role">
|
||||||
|
<xsl:call-template name="role"/>
|
||||||
|
</xsl:for-each>
|
||||||
|
</article>
|
||||||
|
</xsl:template>
|
||||||
|
<xsl:template name="project">
|
||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h3><xsl:value-of select="./name/text()" /></h3>
|
||||||
|
<p>
|
||||||
|
<xsl:value-of select="./activity/text()" />
|
||||||
|
</p>
|
||||||
|
</header>
|
||||||
|
<xsl:copy-of select="./description/node()" />
|
||||||
|
</article>
|
||||||
|
</xsl:template>
|
||||||
|
<xsl:template name="institution">
|
||||||
|
<article>
|
||||||
|
<h3><xsl:value-of select="./name/text()" /></h3>
|
||||||
|
<dl>
|
||||||
|
<xsl:for-each select="./degree">
|
||||||
|
<dt><xsl:value-of select="./level/text()" /> in <xsl:value-of select="./concentration/text()" /></dt>
|
||||||
|
<xsl:for-each select="./distinction">
|
||||||
|
<dd><xsl:value-of select="./text()" /></dd>
|
||||||
|
</xsl:for-each>
|
||||||
|
</xsl:for-each>
|
||||||
|
</dl>
|
||||||
|
</article>
|
||||||
|
</xsl:template>
|
||||||
|
<xsl:template name="skill-category">
|
||||||
|
<section>
|
||||||
|
<h3><xsl:value-of select="./name/text()" /></h3>
|
||||||
|
<ul role="list">
|
||||||
|
<xsl:for-each select="./item">
|
||||||
|
<li><xsl:value-of select="./text()" /></li>
|
||||||
|
</xsl:for-each>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
</xsl:template>
|
||||||
|
<xsl:template name="role">
|
||||||
|
<article>
|
||||||
|
<header>
|
||||||
|
<h4><xsl:value-of select="./title/text()" /></h4>
|
||||||
|
<p>
|
||||||
|
<time>
|
||||||
|
<xsl:attribute name="datetime">
|
||||||
|
<xsl:value-of select="./duration/start[@datetime]" />
|
||||||
|
</xsl:attribute>
|
||||||
|
<xsl:value-of select="./duration/start/text()" />
|
||||||
|
</time>
|
||||||
|
to
|
||||||
|
<xsl:choose>
|
||||||
|
<xsl:when test="./duration/end">
|
||||||
|
<time>
|
||||||
|
<xsl:attribute name="datetime">
|
||||||
|
<xsl:value-of select="./duration/end[@datetime]" />
|
||||||
|
</xsl:attribute>
|
||||||
|
<xsl:value-of select="./duration/end/text()" />
|
||||||
|
</time>
|
||||||
|
</xsl:when>
|
||||||
|
<xsl:otherwise>Present</xsl:otherwise>
|
||||||
|
</xsl:choose>
|
||||||
|
</p>
|
||||||
|
</header>
|
||||||
|
<xsl:copy-of select="./description/node()" />
|
||||||
|
</article>
|
||||||
|
</xsl:template>
|
||||||
|
<xsl:template match="/cv" data-xmlns="http://www.w3.org/1999/xhtml">
|
||||||
|
<html lang="en" dir="ltr">
|
||||||
|
<!-- The Yesterweb is dead, long live the Yesterweb! -->
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<meta name="color-scheme" content="light dark" />
|
||||||
|
<title><xsl:value-of select="$title"/></title>
|
||||||
|
<link rel="stylesheet" href="../assets/css/all.css" />
|
||||||
|
<link rel="stylesheet" href="../assets/css/screen.css" media="screen" />
|
||||||
|
<link rel="stylesheet" href="../assets/css/print.css" media="print" />
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<main>
|
||||||
|
<xsl:copy-of select="document('./fragments/header.xml')"/>
|
||||||
|
<!-- <xsl:copy-of select="/cv"/> -->
|
||||||
|
<section id="objective">
|
||||||
|
<h2>Objective</h2>
|
||||||
|
<!-- select specific objective from xml file -->
|
||||||
|
<xsl:copy-of select="document('./fragments/objectives.xml')/objectives/objective[@name='web-development']/node()"/>
|
||||||
|
</section>
|
||||||
|
<section id="work-history">
|
||||||
|
<h2>Work History</h2>
|
||||||
|
<xsl:for-each select="./work-history/company">
|
||||||
|
<xsl:call-template name="company"/>
|
||||||
|
</xsl:for-each>
|
||||||
|
</section>
|
||||||
|
<section id="open-source-contributions">
|
||||||
|
<h2>Open-source Contributions</h2>
|
||||||
|
<xsl:for-each select="./foss-contributions/project">
|
||||||
|
<xsl:call-template name="project"/>
|
||||||
|
</xsl:for-each>
|
||||||
|
</section>
|
||||||
|
<section id="education">
|
||||||
|
<h2>Education</h2>
|
||||||
|
<xsl:for-each select="./education/institution">
|
||||||
|
<xsl:call-template name="institution"/>
|
||||||
|
</xsl:for-each>
|
||||||
|
</section>
|
||||||
|
<section id="skills">
|
||||||
|
<h2>Skills</h2>
|
||||||
|
<xsl:for-each select="./skills/category">
|
||||||
|
<xsl:call-template name="skill-category"/>
|
||||||
|
</xsl:for-each>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
<hr/>
|
||||||
|
<xsl:if test="$hash">
|
||||||
|
<footer>
|
||||||
|
<p>
|
||||||
|
<small>Built with XSLT (<a>
|
||||||
|
<xsl:attribute name="href">https://git.pub0.org/heyainsleymae/curriculum-vitae/src/commit/<xsl:value-of select="$hash" /></xsl:attribute>view commit</a>)</small></p>
|
||||||
|
</footer>
|
||||||
|
</xsl:if>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
</xsl:template>
|
||||||
|
</xsl:stylesheet>
|
||||||
|
|
@ -0,0 +1,16 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<header>
|
||||||
|
<h1>Ainsley Ellis</h1>
|
||||||
|
<p class="headline">Artist, Programmer, Digital Citizen</p>
|
||||||
|
<address>
|
||||||
|
<ul role="list">
|
||||||
|
<li>Email: <a href="mailto:ainsleymae@proton.me">Ainsley Ellis <ainsleymae@proton.me></a>
|
||||||
|
</li>
|
||||||
|
<li>Website: <a href="https://ains.me">ains.me</a></li>
|
||||||
|
<li>
|
||||||
|
<code>heyainsleymae</code> on <a href="https://codeberg.org/heyainsleymae">Codeberg</a>, <a href="https://github.com/heyainsleymae">GitHub</a>, and <a href="https://npmjs.com/~heyainsleymae">npm</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<p>America/New_York (NYC)<br />Remote or hybrid work, open to relocation</p>
|
||||||
|
</address>
|
||||||
|
</header>
|
||||||
|
|
@ -0,0 +1,14 @@
|
||||||
|
<objectives>
|
||||||
|
<objective name="web-development">
|
||||||
|
<p>
|
||||||
|
I am an accomplished full-stack developer with a passion for
|
||||||
|
accessibility and open web standards. I have experience building large, scalable
|
||||||
|
projects from scratch, improving internal processes and
|
||||||
|
design systems, and mentoring junior engineers. I hold a
|
||||||
|
<b>Section 508 Trusted Tester</b> certification from the United
|
||||||
|
States Department of Homeland Security. I want to work with a
|
||||||
|
diverse team to build accessible products that entertain,
|
||||||
|
inform, or assist the public.
|
||||||
|
</p>
|
||||||
|
</objective>
|
||||||
|
</objectives>
|
||||||
Loading…
Reference in New Issue