feat: resume print mode + works

This commit is contained in:
Laureηt 2020-11-26 23:09:39 +01:00
parent 44cbe3a963
commit 738a3f7dcb
3 changed files with 59 additions and 6 deletions

View file

@ -51,6 +51,21 @@
}
],
"works": [
{
"title": "Work 1",
"category": "FOSS",
"date": "2020 - 2020",
"description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores id adipisci, laudantium tempora neque asperiores repellat enim quasi vel doloremque non quas quibusdam qui magnam et reprehenderit cum facilis labore ad dicta ab accusamus, reiciendis corrupti excepturi! Possimus eligendi suscipit nam labore aliquid, deserunt reprehenderit nemo quos et alias! Fuga."
},
{
"title": "Work 2",
"category": "FOSS",
"date": "2020 - 2020",
"description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores id adipisci, laudantium tempora neque asperiores repellat enim quasi vel doloremque non quas quibusdam qui magnam et reprehenderit cum facilis labore ad dicta ab accusamus, reiciendis corrupti excepturi! Possimus eligendi suscipit nam labore aliquid, deserunt reprehenderit nemo quos et alias! Fuga."
}
],
"projects": [
{
"title": "This website",

View file

@ -30,7 +30,7 @@ ul {
li.event {
padding: .8em 0 .8em 2.3em;
margin-left: 1.25em;
border-left: 2px solid;
border-left: 2px #c0c5ce solid;
}
.tag {
@ -63,4 +63,36 @@ section > h3 {
h2 {
margin: 1em 0 .3em 0;
}
@media print {
@page {
size: auto;
margin: 0;
}
body, html {
background-color: white !important;
color: black;
max-width: 100%;
color-adjust: exact !important;
-webkit-print-color-adjust: exact !important;
}
body {
margin: 5em;
font-size: 11px;
}
li.event {
border-left: 2px black solid;
}
a {
color: black;
}
header, footer, .btn-back {
display: none;
}
}

View file

@ -18,12 +18,11 @@ username: Laureηt
<link href="https://cdnjs.cloudflare.com/ajax/libs/devicon/2.6/devicon.min.css" rel="stylesheet">
</head>
<body>
<div style="position: fixed; top: 1em; right: 1em; border: 2px red dashed; color: white;">UNDER CONSTRUCTION</div>
<header>
<header style="position: relative;">
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
<span class="blink" style="display:inline;">_</span>
<span style="right: 0px; position: absolute; border: 2px red dashed; color: white;">UNDER CONSTRUCTION</span>
</header>
<div class="row">
@ -32,8 +31,15 @@ username: Laureηt
<h1>{{ resume.name }} <small>({{ resume.info.label }})</small></h1>
<p>{{ resume.info.about }}</p>
<h2>Projects</h2>
<h2>Working experience</h2>
{% for work in resume.works %}
<section>
<h3>{{ work.title }} <small> {{ work.date }}</small></h3>
<p>{{ work.description }}</p>
</section>
{% endfor %}
<h2>Projects</h2>
{% for project in resume.projects %}
<section>
<h3>{{ project.title }}</h3>
@ -66,7 +72,6 @@ username: Laureηt
<h2>Contacts</h2>
<ul>
{% for contact in resume.contacts %}
<li>
<span class="{{ contact.icon }}"></span>
@ -101,6 +106,7 @@ username: Laureηt
<li class="event"></li>
<li class="year">{{ resume.education.history[0].end }}</li>
{% for edu in resume.education.history %}
<li class="event">
{{ edu.title }}<br>