fix(date): move dates below titles
This commit is contained in:
Rafael Bardini
parent
58eb45d0a1
commit
67dbd86ab5
|
|
@ -5,17 +5,15 @@
|
||||||
{{#each resume.awards}}
|
{{#each resume.awards}}
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>{{title}}</h4>
|
<h4>{{title}}</h4>
|
||||||
|
{{#awarder}}
|
||||||
|
<div>
|
||||||
|
Awarded by <strong>{{.}}</strong>
|
||||||
|
</div>
|
||||||
|
{{/awarder}}
|
||||||
{{#date}}
|
{{#date}}
|
||||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||||
{{/date}}
|
{{/date}}
|
||||||
</div>
|
|
||||||
{{#awarder}}
|
|
||||||
<span>
|
|
||||||
Awarded by <strong>{{.}}</strong>
|
|
||||||
</span>
|
|
||||||
{{/awarder}}
|
|
||||||
</header>
|
</header>
|
||||||
{{#summary}}
|
{{#summary}}
|
||||||
{{{markdown .}}}
|
{{{markdown .}}}
|
||||||
|
|
|
||||||
|
|
@ -5,17 +5,15 @@
|
||||||
{{#each resume.certificates}}
|
{{#each resume.certificates}}
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>{{> link}}</h4>
|
<h4>{{> link}}</h4>
|
||||||
|
{{#issuer}}
|
||||||
|
<div>
|
||||||
|
Issued by <strong>{{.}}</strong>
|
||||||
|
</div>
|
||||||
|
{{/issuer}}
|
||||||
{{#date}}
|
{{#date}}
|
||||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||||
{{/date}}
|
{{/date}}
|
||||||
</div>
|
|
||||||
{{#issuer}}
|
|
||||||
<span>
|
|
||||||
Issued by <strong>{{.}}</strong>
|
|
||||||
</span>
|
|
||||||
{{/issuer}}
|
|
||||||
</header>
|
</header>
|
||||||
</article>
|
</article>
|
||||||
{{/each}}
|
{{/each}}
|
||||||
|
|
|
||||||
|
|
@ -5,16 +5,14 @@
|
||||||
{{#each resume.education}}
|
{{#each resume.education}}
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>{{> link name=institution}}</h4>
|
<h4>{{> link name=institution}}</h4>
|
||||||
<span>
|
|
||||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
|
||||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
{{#area}}
|
{{#area}}
|
||||||
<strong>{{.}}</strong>
|
<strong>{{.}}</strong>
|
||||||
{{/area}}
|
{{/area}}
|
||||||
|
<div>
|
||||||
|
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||||
|
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
{{#studyType}}
|
{{#studyType}}
|
||||||
{{{markdown .}}}
|
{{{markdown .}}}
|
||||||
|
|
|
||||||
|
|
@ -5,21 +5,19 @@
|
||||||
{{#each resume.projects}}
|
{{#each resume.projects}}
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>{{> link}}</h4>
|
<h4>{{> link}}</h4>
|
||||||
<span>
|
<div>
|
||||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
|
||||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<span>
|
|
||||||
{{#if roles}}
|
{{#if roles}}
|
||||||
<strong>{{join roles}}</strong>
|
<strong>{{join roles}}</strong>
|
||||||
{{/if}}
|
{{/if}}
|
||||||
{{#entity}}
|
{{#entity}}
|
||||||
at <strong>{{.}}</strong>
|
at <strong>{{.}}</strong>
|
||||||
{{/entity}}
|
{{/entity}}
|
||||||
</span>
|
</div>
|
||||||
|
<div>
|
||||||
|
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||||
|
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
{{#description}}
|
{{#description}}
|
||||||
{{{markdown .}}}
|
{{{markdown .}}}
|
||||||
|
|
|
||||||
|
|
@ -5,17 +5,15 @@
|
||||||
{{#each resume.publications}}
|
{{#each resume.publications}}
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>{{> link}}</h4>
|
<h4>{{> link}}</h4>
|
||||||
|
{{#publisher}}
|
||||||
|
<div>
|
||||||
|
Published by <strong>{{.}}</strong>
|
||||||
|
</div>
|
||||||
|
{{/publisher}}
|
||||||
{{#releaseDate}}
|
{{#releaseDate}}
|
||||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||||
{{/releaseDate}}
|
{{/releaseDate}}
|
||||||
</div>
|
|
||||||
{{#publisher}}
|
|
||||||
<span>
|
|
||||||
Published by <strong>{{.}}</strong>
|
|
||||||
</span>
|
|
||||||
{{/publisher}}
|
|
||||||
</header>
|
</header>
|
||||||
{{#summary}}
|
{{#summary}}
|
||||||
{{{markdown .}}}
|
{{{markdown .}}}
|
||||||
|
|
|
||||||
|
|
@ -5,14 +5,12 @@
|
||||||
{{#each resume.volunteer}}
|
{{#each resume.volunteer}}
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>{{position}}</h4>
|
<h4>{{position}}</h4>
|
||||||
<span>
|
<strong>{{> link name=organization}}</strong>
|
||||||
|
<div>
|
||||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<strong>{{> link name=organization}}</strong>
|
|
||||||
</header>
|
</header>
|
||||||
{{#summary}}
|
{{#summary}}
|
||||||
{{{markdown .}}}
|
{{{markdown .}}}
|
||||||
|
|
|
||||||
|
|
@ -5,14 +5,12 @@
|
||||||
{{#each resume.work}}
|
{{#each resume.work}}
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>{{position}}</h4>
|
<h4>{{position}}</h4>
|
||||||
<span>
|
<strong>{{> link}}</strong>
|
||||||
|
<div>
|
||||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<strong>{{> link}}</strong>
|
|
||||||
</header>
|
</header>
|
||||||
{{#summary}}
|
{{#summary}}
|
||||||
{{{markdown .}}}
|
{{{markdown .}}}
|
||||||
|
|
|
||||||
18
style.css
18
style.css
|
|
@ -188,24 +188,6 @@ blockquote > * + * {
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spaced-list {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spaced-list::before {
|
|
||||||
border-bottom: 1px solid var(--color-muted);
|
|
||||||
content: '';
|
|
||||||
flex-grow: 1;
|
|
||||||
margin: 0 1em;
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spaced-list > :nth-child(2) {
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag-list {
|
.tag-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
|
||||||
|
|
@ -204,24 +204,6 @@ blockquote > * + * {
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.spaced-list {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: space-between;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spaced-list::before {
|
|
||||||
border-bottom: 1px solid var(--color-muted);
|
|
||||||
content: '';
|
|
||||||
flex-grow: 1;
|
|
||||||
margin: 0 1em;
|
|
||||||
order: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.spaced-list > :nth-child(2) {
|
|
||||||
order: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tag-list {
|
.tag-list {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
@ -311,14 +293,12 @@ blockquote > * + * {
|
||||||
<div class="stack">
|
<div class="stack">
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>CEO/President</h4>
|
<h4>CEO/President</h4>
|
||||||
<span>
|
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
|
||||||
|
<div>
|
||||||
<time datetime="2013-12-01">Dec 2013</time> –
|
<time datetime="2013-12-01">Dec 2013</time> –
|
||||||
<time datetime="2014-12-01">Dec 2014</time>
|
<time datetime="2014-12-01">Dec 2014</time>
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
|
|
||||||
</header>
|
</header>
|
||||||
<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
|
<p>Pied Piper is a multi-platform technology based on a proprietary universal compression algorithm that has consistently fielded high Weisman Scores™ that are not merely competitive, but approach the theoretical limit of lossless compression.</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -334,14 +314,12 @@ blockquote > * + * {
|
||||||
<div class="stack">
|
<div class="stack">
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>Teacher</h4>
|
<h4>Teacher</h4>
|
||||||
<span>
|
<strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
|
||||||
|
<div>
|
||||||
<time datetime="2012-01-01">Jan 2012</time> –
|
<time datetime="2012-01-01">Jan 2012</time> –
|
||||||
<time datetime="2013-01-01">Jan 2013</time>
|
<time datetime="2013-01-01">Jan 2013</time>
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
|
|
||||||
</header>
|
</header>
|
||||||
<p>Global movement of free coding clubs for young people.</p>
|
<p>Global movement of free coding clubs for young people.</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -355,14 +333,12 @@ blockquote > * + * {
|
||||||
<div class="stack">
|
<div class="stack">
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
|
<h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
|
||||||
<span>
|
<strong>Information Technology</strong>
|
||||||
|
<div>
|
||||||
<time datetime="2011-06-01">Jun 2011</time> –
|
<time datetime="2011-06-01">Jun 2011</time> –
|
||||||
<time datetime="2014-01-01">Jan 2014</time>
|
<time datetime="2014-01-01">Jan 2014</time>
|
||||||
</span>
|
|
||||||
</div>
|
</div>
|
||||||
<strong>Information Technology</strong>
|
|
||||||
</header>
|
</header>
|
||||||
<p>Bachelor</p>
|
<p>Bachelor</p>
|
||||||
<h5>Courses</h5>
|
<h5>Courses</h5>
|
||||||
|
|
@ -378,17 +354,15 @@ blockquote > * + * {
|
||||||
<div class="stack">
|
<div class="stack">
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4><a href="missdirection.example.com">Miss Direction</a></h4>
|
<h4><a href="missdirection.example.com">Miss Direction</a></h4>
|
||||||
<span>
|
<div>
|
||||||
<time datetime="2016-08-24">Aug 2016</time> –
|
|
||||||
<time datetime="2016-08-24">Aug 2016</time>
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<span>
|
|
||||||
<strong>Team lead and Designer</strong>
|
<strong>Team lead and Designer</strong>
|
||||||
at <strong>Smoogle</strong>
|
at <strong>Smoogle</strong>
|
||||||
</span>
|
</div>
|
||||||
|
<div>
|
||||||
|
<time datetime="2016-08-24">Aug 2016</time> –
|
||||||
|
<time datetime="2016-08-24">Aug 2016</time>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
<p>A mapping engine that misguides you</p>
|
<p>A mapping engine that misguides you</p>
|
||||||
<ul>
|
<ul>
|
||||||
|
|
@ -404,13 +378,11 @@ blockquote > * + * {
|
||||||
<div class="stack">
|
<div class="stack">
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4>Digital Compression Pioneer Award</h4>
|
<h4>Digital Compression Pioneer Award</h4>
|
||||||
<time datetime="2014-11-01">Nov 2014</time>
|
<div>
|
||||||
</div>
|
|
||||||
<span>
|
|
||||||
Awarded by <strong>Techcrunch</strong>
|
Awarded by <strong>Techcrunch</strong>
|
||||||
</span>
|
</div>
|
||||||
|
<time datetime="2014-11-01">Nov 2014</time>
|
||||||
</header>
|
</header>
|
||||||
<p>There is no spoon.</p>
|
<p>There is no spoon.</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
@ -421,13 +393,11 @@ blockquote > * + * {
|
||||||
<div class="stack">
|
<div class="stack">
|
||||||
<article>
|
<article>
|
||||||
<header>
|
<header>
|
||||||
<div class="spaced-list">
|
|
||||||
<h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
|
<h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
|
||||||
<time datetime="2014-10-01">Oct 2014</time>
|
<div>
|
||||||
</div>
|
|
||||||
<span>
|
|
||||||
Published by <strong>Hooli</strong>
|
Published by <strong>Hooli</strong>
|
||||||
</span>
|
</div>
|
||||||
|
<time datetime="2014-10-01">Oct 2014</time>
|
||||||
</header>
|
</header>
|
||||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||||
</article>
|
</article>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue