Laurent/personal-website-old
Archived
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

feat: resume print mode + works

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

15
pages/_data/resume.json
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": [ "projects": [
{ {
"title": "This website", "title": "This website",

34
pages/css/resume.css
View file

@ -30,7 +30,7 @@ ul {
li.event { li.event {
padding: .8em 0 .8em 2.3em; padding: .8em 0 .8em 2.3em;
margin-left: 1.25em; margin-left: 1.25em;
border-left: 2px solid; border-left: 2px #c0c5ce solid;
} }
.tag { .tag {
@ -64,3 +64,35 @@ section > h3 {
h2 { h2 {
margin: 1em 0 .3em 0; 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;
}
}

16
pages/resume/index.njk
View file

@ -19,11 +19,10 @@ username: Laureηt
</head> </head>
<body> <body>
<div style="position: fixed; top: 1em; right: 1em; border: 2px red dashed; color: white;">UNDER CONSTRUCTION</div> <header style="position: relative;">
<header>
<span data-chaffle-onload="" data-chaffle="en">{{ username }}</span> <span data-chaffle-onload="" data-chaffle="en">{{ username }}</span>
<span class="blink" style="display:inline;">_</span> <span class="blink" style="display:inline;">_</span>
<span style="right: 0px; position: absolute; border: 2px red dashed; color: white;">UNDER CONSTRUCTION</span>
</header> </header>
<div class="row"> <div class="row">
@ -32,8 +31,15 @@ username: Laureηt
<h1>{{ resume.name }} <small>({{ resume.info.label }})</small></h1> <h1>{{ resume.name }} <small>({{ resume.info.label }})</small></h1>
<p>{{ resume.info.about }}</p> <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 %} {% for project in resume.projects %}
<section> <section>
<h3>{{ project.title }}</h3> <h3>{{ project.title }}</h3>
@ -66,7 +72,6 @@ username: Laureηt
<h2>Contacts</h2> <h2>Contacts</h2>
<ul> <ul>
{% for contact in resume.contacts %} {% for contact in resume.contacts %}
<li> <li>
<span class="{{ contact.icon }}"></span> <span class="{{ contact.icon }}"></span>
@ -101,6 +106,7 @@ username: Laureηt
<li class="event"></li> <li class="event"></li>
<li class="year">{{ resume.education.history[0].end }}</li> <li class="year">{{ resume.education.history[0].end }}</li>
{% for edu in resume.education.history %} {% for edu in resume.education.history %}
<li class="event"> <li class="event">
{{ edu.title }}<br> {{ edu.title }}<br>