TheThomaas/11ty-resume
1
0
Fork 0
Code Issues 1 Pull requests Packages Projects Releases Wiki Activity

Update pdf template and styles

Browse source
This commit is contained in:
TheThomaas 2025-06-09 18:32:52 +02:00
parent c957e34325
commit c1449d0a5b
2 changed files with 83 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

95
src/_includes/partials/components/pdf/section.liquid
View file

@ -1,31 +1,80 @@
{% assign showTitle = true %}
{% if section.data.showTitle == true or section.data.showTitle == false %}
{% assign showTitle = section.data.showTitle %}
{% endif %}
{% if section.data.pdf.showTitle == true or section.data.pdf.showTitle == false %}
{% assign showTitle = section.data.pdf.showTitle %}
{% endif %}
{% assign title = section.data.title %}
{% if section.data.pdf.title %}
{% assign title = section.data.pdf.title %}
{% endif %}
<section>
{% if section.data.showTitle != false %}
{% if showTitle %}
<div class="title">
<h2>
{% if section.data.displayedTitle %}
{{ section.data.displayedTitle }}
{% else %}
{{ section.data.title }}
{% endif %}
</h2>
<h2>{{ title }}</h2>
<hr>
</div>
{% endif %}
{% for item in items %}
<div class="subtitle">
<h3>{{ item.data.title }}</h3>
<p class="underline">
<strong>{{ item.data.role }}</strong>
</p>
{% if item.data.dates %}
<div class="timeSection">
<span>{{ item.data.location }}</span>
<strong>{{ item.data.dates.start }} - {{ item.data.dates.end }}</strong>
</div>
{% endif %}
</div>
{% if items %}
{% for item in items %}
<div class="subtitle">
<h4>{{ item.data.title }}</h4>
{% if item.data.role %}
<p class="underline">
<strong>{{ item.data.role }}</strong>
</p>
{% else %}
<span></span>
{% endif %}
{% if item.data.dates %}
<div class="timeSection">
<span>{{ item.data.location }}</span>
<strong>{{ item.data.dates.start }} - {{ item.data.dates.end }}</strong>
</div>
{% endif %}
{% if item.data.links %}
<ul class="list-inline">
{{ item.templateContent }}
{% endfor %}
{% for link in item.data.links %}
{% assign linkHref = link %}
{% if link.link %}
{% assign linkHref = link.link %}
{% endif %}
{% assign linkTitle = "Voir sur " | append: linkHref %}
{% if linkHref contains "codeberg.org" or linkHref contains "github.com" %}
{% assign linkTitle = "Source" %}
{% endif %}
{% if linkHref contains "npmjs.com" %}
{% assign linkTitle = "Demo" %}
{% endif %}
{% if link.title %}
{% assign linkTitle = link.title %}
{% endif %}
<li>
{% link linkHref, "_blank" %}{{ linkTitle }}{% endlink %}
</li>
{% endfor %}
</ul>
{% endif %}
</div>
{{ item.templateContent }}
{% endfor %}
{% else %}
<ul>
<li><strong>Compétences techniques</strong>: {{ author.skills | join: ", " }}</li>
<li><strong>Langues</strong>: {{ author.lang | join: ", " }}</li>
<li><strong>Autre</strong>: {{ author.other | join: ", " }}</li>
</ul>
{% endif %}
</section>

20
src/css/pdf.css
View file

@ -1,11 +1,10 @@
:root {
--accent-color: blue;
--font-body: Arial, sans-serif;
--font-display: 'Times New Roman', Times, serif;
--accent-color: #1155CC;
--font-body: Helvetica, Arial, sans-serif;
}
html {
font-family: var(--font-body, Arial, sans-serif);
font-family: var(--font-body, Helvetica, Arial, sans-serif);
margin: 0;
}
body {
@ -19,14 +18,13 @@ body {
}
h1 {
text-align:center;
font-family: var(--font-display, 'Times New Roman', Times, serif);
font-size: 2rem;
text-align: center;
font-size: 1.8rem;
margin: 0;
line-height: 1.6;
}
h2 {
color : var(--accent-color, blue);
color : var(--accent-color, #1155CC);
}
p {
margin: 0;
@ -37,6 +35,7 @@ ul {
li::marker {
color: var(--accent-color, blue);
}
a { color : var(--accent-color, #1155CC); }
section {margin-bottom: 1.2rem;}
.justify-center {
@ -56,7 +55,7 @@ section {margin-bottom: 1.2rem;}
display: contents;
}
.list-inline li + li::before {
content: '|';
content: var(--item-separator, '|');
}
.title {
@ -82,9 +81,12 @@ section ul {padding: 0;margin-left: 1.2rem;}
margin-inline: 1rem;
margin-bottom: .4rem;
}
.subtitle .list-inline { --item-separator: "•"; gap: .4rem; }
.subtitle .timeSection { font-size: .9rem; }
.subtitle h3,
.subtitle h4,
.subtitle p { margin: 0; }
.subtitle a { font-size: .9em; }
.subtitle > :first-child {justify-self: start;}
.subtitle > :last-child {justify-self: end;}
.subtitle ~ ul {font-size: .9rem;}