fix(layout): dim meta content
This commit is contained in:
parent
06ce831c75
commit
f0267684dc
|
@ -6,14 +6,16 @@
|
|||
<article>
|
||||
<header>
|
||||
<h4>{{title}}</h4>
|
||||
{{#awarder}}
|
||||
<div>
|
||||
Awarded by <strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/awarder}}
|
||||
{{#date}}
|
||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||
{{/date}}
|
||||
<div class="meta">
|
||||
{{#awarder}}
|
||||
<div>
|
||||
Awarded by <strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/awarder}}
|
||||
{{#date}}
|
||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||
{{/date}}
|
||||
</div>
|
||||
</header>
|
||||
{{#summary}}
|
||||
{{{markdown .}}}
|
||||
|
|
|
@ -6,14 +6,16 @@
|
|||
<article>
|
||||
<header>
|
||||
<h4>{{> link}}</h4>
|
||||
{{#issuer}}
|
||||
<div>
|
||||
Issued by <strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/issuer}}
|
||||
{{#date}}
|
||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||
{{/date}}
|
||||
<div class="meta">
|
||||
{{#issuer}}
|
||||
<div>
|
||||
Issued by <strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/issuer}}
|
||||
{{#date}}
|
||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||
{{/date}}
|
||||
</div>
|
||||
</header>
|
||||
</article>
|
||||
{{/each}}
|
||||
|
|
|
@ -6,12 +6,14 @@
|
|||
<article>
|
||||
<header>
|
||||
<h4>{{> link name=institution}}</h4>
|
||||
{{#area}}
|
||||
<strong>{{.}}</strong>
|
||||
{{/area}}
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
<div class="meta">
|
||||
{{#area}}
|
||||
<strong>{{.}}</strong>
|
||||
{{/area}}
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{{#studyType}}
|
||||
|
|
|
@ -6,17 +6,19 @@
|
|||
<article>
|
||||
<header>
|
||||
<h4>{{> link}}</h4>
|
||||
<div>
|
||||
{{#if roles}}
|
||||
<strong>{{join roles}}</strong>
|
||||
{{/if}}
|
||||
{{#entity}}
|
||||
at <strong>{{.}}</strong>
|
||||
{{/entity}}
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
<div class="meta">
|
||||
<div>
|
||||
{{#if roles}}
|
||||
<strong>{{join roles}}</strong>
|
||||
{{/if}}
|
||||
{{#entity}}
|
||||
at <strong>{{.}}</strong>
|
||||
{{/entity}}
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{{#description}}
|
||||
|
|
|
@ -6,14 +6,16 @@
|
|||
<article>
|
||||
<header>
|
||||
<h4>{{> link}}</h4>
|
||||
{{#publisher}}
|
||||
<div>
|
||||
Published by <strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/publisher}}
|
||||
{{#releaseDate}}
|
||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||
{{/releaseDate}}
|
||||
<div class="meta">
|
||||
{{#publisher}}
|
||||
<div>
|
||||
Published by <strong>{{.}}</strong>
|
||||
</div>
|
||||
{{/publisher}}
|
||||
{{#releaseDate}}
|
||||
<time datetime="{{.}}">{{formatDate .}}</time>
|
||||
{{/releaseDate}}
|
||||
</div>
|
||||
</header>
|
||||
{{#summary}}
|
||||
{{{markdown .}}}
|
||||
|
|
|
@ -6,10 +6,12 @@
|
|||
<article>
|
||||
<header>
|
||||
<h4>{{position}}</h4>
|
||||
<strong>{{> link name=organization}}</strong>
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
<div class="meta">
|
||||
<strong>{{> link name=organization}}</strong>
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
{{#summary}}
|
||||
|
|
|
@ -6,19 +6,21 @@
|
|||
<article>
|
||||
<header>
|
||||
<h4>{{position}}</h4>
|
||||
<div>
|
||||
<strong>{{> link}}</strong>
|
||||
{{#description}}
|
||||
<span class="bullet-item">{{.}}</span>
|
||||
{{/description}}
|
||||
<div class="meta">
|
||||
<div>
|
||||
<strong>{{> link}}</strong>
|
||||
{{#description}}
|
||||
<span class="bullet-item">{{.}}</span>
|
||||
{{/description}}
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
</div>
|
||||
{{#location}}
|
||||
<div>{{.}}</div>
|
||||
{{/location}}
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="{{startDate}}">{{formatDate startDate}}</time> –
|
||||
{{#if endDate}}<time datetime="{{endDate}}">{{formatDate endDate}}</time>{{else}}Present{{/if}}
|
||||
</div>
|
||||
{{#location}}
|
||||
<div>{{.}}</div>
|
||||
{{/location}}
|
||||
</header>
|
||||
{{#summary}}
|
||||
{{{markdown .}}}
|
||||
|
|
|
@ -173,6 +173,10 @@ blockquote > * + * {
|
|||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.meta {
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.stack {
|
||||
display: grid;
|
||||
gap: 1.5em;
|
||||
|
|
|
@ -189,6 +189,10 @@ blockquote > * + * {
|
|||
margin-top: 0.6em;
|
||||
}
|
||||
|
||||
.meta {
|
||||
color: var(--color-secondary);
|
||||
}
|
||||
|
||||
.stack {
|
||||
display: grid;
|
||||
gap: 1.5em;
|
||||
|
@ -299,15 +303,17 @@ blockquote > * + * {
|
|||
<article>
|
||||
<header>
|
||||
<h4>CEO/President</h4>
|
||||
<div>
|
||||
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
|
||||
<span class="bullet-item">Awesome compression company</span>
|
||||
<div class="meta">
|
||||
<div>
|
||||
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
|
||||
<span class="bullet-item">Awesome compression company</span>
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="2013-12-01">Dec 2013</time> –
|
||||
<time datetime="2014-12-01">Dec 2014</time>
|
||||
</div>
|
||||
<div>Palo Alto, CA</div>
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="2013-12-01">Dec 2013</time> –
|
||||
<time datetime="2014-12-01">Dec 2014</time>
|
||||
</div>
|
||||
<div>Palo Alto, CA</div>
|
||||
</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>
|
||||
<ul>
|
||||
|
@ -324,10 +330,12 @@ blockquote > * + * {
|
|||
<article>
|
||||
<header>
|
||||
<h4>Teacher</h4>
|
||||
<strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
|
||||
<div>
|
||||
<time datetime="2012-01-01">Jan 2012</time> –
|
||||
<time datetime="2013-01-01">Jan 2013</time>
|
||||
<div class="meta">
|
||||
<strong><a href="http://coderdojo.example.com/">CoderDojo</a></strong>
|
||||
<div>
|
||||
<time datetime="2012-01-01">Jan 2012</time> –
|
||||
<time datetime="2013-01-01">Jan 2013</time>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Global movement of free coding clubs for young people.</p>
|
||||
|
@ -343,10 +351,12 @@ blockquote > * + * {
|
|||
<article>
|
||||
<header>
|
||||
<h4><a href="https://www.ou.edu/">University of Oklahoma</a></h4>
|
||||
<strong>Information Technology</strong>
|
||||
<div>
|
||||
<time datetime="2011-06-01">Jun 2011</time> –
|
||||
<time datetime="2014-01-01">Jan 2014</time>
|
||||
<div class="meta">
|
||||
<strong>Information Technology</strong>
|
||||
<div>
|
||||
<time datetime="2011-06-01">Jun 2011</time> –
|
||||
<time datetime="2014-01-01">Jan 2014</time>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>Bachelor</p>
|
||||
|
@ -364,13 +374,15 @@ blockquote > * + * {
|
|||
<article>
|
||||
<header>
|
||||
<h4><a href="missdirection.example.com">Miss Direction</a></h4>
|
||||
<div>
|
||||
<strong>Team lead and Designer</strong>
|
||||
at <strong>Smoogle</strong>
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="2016-08-24">Aug 2016</time> –
|
||||
<time datetime="2016-08-24">Aug 2016</time>
|
||||
<div class="meta">
|
||||
<div>
|
||||
<strong>Team lead and Designer</strong>
|
||||
at <strong>Smoogle</strong>
|
||||
</div>
|
||||
<div>
|
||||
<time datetime="2016-08-24">Aug 2016</time> –
|
||||
<time datetime="2016-08-24">Aug 2016</time>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<p>A mapping engine that misguides you</p>
|
||||
|
@ -388,10 +400,12 @@ blockquote > * + * {
|
|||
<article>
|
||||
<header>
|
||||
<h4>Digital Compression Pioneer Award</h4>
|
||||
<div>
|
||||
Awarded by <strong>Techcrunch</strong>
|
||||
</div>
|
||||
<time datetime="2014-11-01">Nov 2014</time>
|
||||
<div class="meta">
|
||||
<div>
|
||||
Awarded by <strong>Techcrunch</strong>
|
||||
</div>
|
||||
<time datetime="2014-11-01">Nov 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>There is no spoon.</p>
|
||||
</article>
|
||||
|
@ -403,10 +417,12 @@ blockquote > * + * {
|
|||
<article>
|
||||
<header>
|
||||
<h4><a href="http://en.wikipedia.org/wiki/Silicon_Valley_(TV_series)">Video compression for 3d media</a></h4>
|
||||
<div>
|
||||
Published by <strong>Hooli</strong>
|
||||
</div>
|
||||
<time datetime="2014-10-01">Oct 2014</time>
|
||||
<div class="meta">
|
||||
<div>
|
||||
Published by <strong>Hooli</strong>
|
||||
</div>
|
||||
<time datetime="2014-10-01">Oct 2014</time>
|
||||
</div>
|
||||
</header>
|
||||
<p>Innovative middle-out compression algorithm that changes the way we store data.</p>
|
||||
</article>
|
||||
|
|
Loading…
Reference in New Issue