masq
/
json-theme-even-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(work): render work descriptions

This commit is contained in:
Rafael Bardini 2021-11-10 23:41:05 +01:00
parent 0d14ee08ab
commit 8616cb773c
3 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
partials/work.hbs
View File

@ -6,7 +6,12 @@
<article> <article>
<header> <header>
<h4>{{position}}</h4> <h4>{{position}}</h4>
<div>
<strong>{{> link}}</strong> <strong>{{> link}}</strong>
{{#description}}
<span class="bullet-item">{{.}}</span>
{{/description}}
</div>
<div> <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}}

5
style.css
View File

@ -201,6 +201,11 @@ blockquote > * + * {
padding: 0.2em 0.6em; padding: 0.2em 0.6em;
} }
.bullet-item:not(:first-child)::before {
content: '· ';
margin: 0 0.2em;
}
@media print, (min-width: 48em) { @media print, (min-width: 48em) {
h3 { h3 {
text-align: right; text-align: right;

8
tap-snapshots/test/render.js.test.cjs
View File

@ -217,6 +217,11 @@ blockquote > * + * {
padding: 0.2em 0.6em; padding: 0.2em 0.6em;
} }
.bullet-item:not(:first-child)::before {
content: '· ';
margin: 0 0.2em;
}
@media print, (min-width: 48em) { @media print, (min-width: 48em) {
h3 { h3 {
text-align: right; text-align: right;
@ -294,7 +299,10 @@ blockquote > * + * {
<article> <article>
<header> <header>
<h4>CEO/President</h4> <h4>CEO/President</h4>
<div>
<strong><a href="http://piedpiper.example.com">Pied Piper</a></strong> <strong><a href="http://piedpiper.example.com">Pied Piper</a></strong>
<span class="bullet-item">Awesome compression company</span>
</div>
<div> <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>