feat: resume print mode + works
This commit is contained in:
parent
44cbe3a963
commit
738a3f7dcb
|
@ -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",
|
||||
|
|
|
@ -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 {
|
||||
|
@ -64,3 +64,35 @@ 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;
|
||||
}
|
||||
}
|
|
@ -19,11 +19,10 @@ username: Laureηt
|
|||
</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>
|
||||
|
|
Reference in a new issue