beninca.link/cv.marc
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: beninca.link:141f92c41d68f5fc81f958382cca5fbfd391e43b
Branches Tags
beninca.link:dev
beninca.link:main
...
compare: beninca.link:80746e18b4642a4fde6912e33147a2fd7fb7d422
Branches Tags
beninca.link:dev
beninca.link:main

14 commits
141f92c41d ... 80746e18b4

Author SHA1 Message Date
Marc Beninca
80746e18b4
levels
All checks were successful
/ job (push) Successful in 1m17s
Details
2025-03-29 09:50:29 +01:00
Marc Beninca
5683742d1a
nbsp 2025-03-29 00:24:47 +01:00
Marc Beninca
69a485e091
lang/col 2025-03-29 00:23:01 +01:00
Marc Beninca
a9dcfd87c9
−flags 2025-03-29 00:12:19 +01:00
Marc Beninca
751f6bfcd1
en/fr 2025-03-29 00:08:41 +01:00
Marc Beninca
77b0fb50ba
readme/tasks 2025-03-28 23:23:50 +01:00
Marc Beninca
52759b3e2a
theme/img 2025-03-28 23:22:40 +01:00
Marc Beninca
e2dfae59bd
link/img 2025-03-28 22:16:14 +01:00
Marc Beninca
d590c16697
link 2025-03-28 21:41:36 +01:00
Marc Beninca
0b8cae18c6
phone 2025-03-28 20:39:47 +01:00
Marc Beninca
3be6380dc4
social 2025-03-28 20:09:23 +01:00
Marc Beninca
34b5c88885
marc.beninca. 2025-03-28 16:40:38 +01:00
Marc Beninca
675187a26e
email/caret 2025-03-25 21:43:56 +01:00
Marc Beninca
7712d34c17
cecrl,cefrl 2025-03-25 21:32:11 +01:00
8 changed files with 65 additions and 35 deletions
Show stats Expand all files Collapse all files

4
build.py
View file

@ -29,8 +29,8 @@ if __name__ == "__main__":
("--foreground", "000000FF"),
("--level", "L"),
("--margin", "1"),
("--read-from", str(root_input / "vcard.vcf")),
("--read-from", str(root_input / "marc.beninca.vcf")),
("--size", "4"),
("-t", "SVG"),
("--output", str(web / "img" / "vcard.svg")),
("--output", str(web / "img" / "marc.beninca.svg")),
)

30
in/en/index.html
View file

@ -16,7 +16,7 @@
<script defer src="../script/main.js"></script>
</head>
<body>
<body class="link">
<!-- columns / start -->
<div class="columns">
@ -31,7 +31,9 @@
<a href="https://en.wikipedia.org/wiki/France">France</a>
</p>
</div>
<button id="theme"></button>
<button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Links"></button>
<a class="logo" href="../fr"><img class="logo" src="../img/fr.png" alt="Français"></a>
<button id="theme"><img class="inline" src="../img/theme.svg" alt="Theme"></button>
</header>
<section class="banner">
@ -40,14 +42,16 @@
</a>
<table><tbody>
<tr>
<th><a href="https://en.wikipedia.org/wiki/American_English">English</a></th>
<td class="logo"><a href="../en"><img class="logo" src="../img/en.png" alt="American flag"></a></td>
<td><a href="https://en.wikipedia.org/wiki/Common_European_Framework_of_Reference_for_Languages#Common_reference_levels">C 2</a></td>
<td />
<th scope="col"><a href="https://en.wikipedia.org/wiki/Common_European_Framework_of_Reference_for_Languages#Common_reference_levels"><abbr title="Common European Framework of Reference for Languages">CEFRL</abbr></a></th>
</tr>
<tr>
<th><a href="https://en.wikipedia.org/wiki/French_of_France">French</a></th>
<td class="logo"><a href="../fr"><img class="logo" src="../img/fr.png" alt="French flag"></a></td>
<td><a href="https://en.wikipedia.org/wiki/Common_European_Framework_of_Reference_for_Languages#Common_reference_levels">C 2</a></td>
<th scope="row"><a href="https://en.wikipedia.org/wiki/American_English">English</a></th>
<td class="level">C 2</td>
</tr>
<tr>
<th scope="row"><a href="https://en.wikipedia.org/wiki/French_of_France">French</a></th>
<td class="level">C 2</td>
</tr>
</tbody></table>
</section>
@ -58,16 +62,16 @@
<h2>Links</h2>
<section class="banner">
<a href="../vcard.vcf">
<img class="big" id="vcard" src="../img/vcard.svg" alt="Vcard QR code"></a>
<a href="../marc.beninca.vcf">
<img class="big" id="vcard" src="../img/marc.beninca.svg" alt="Vcard QR code"></a>
<table><tbody>
<tr>
<th class="logo"><img class="logo" src="../img/tel.svg" alt="Telephone logo"></th>
<td><span class="fa fa-plus"></span> 33 6 07 47 84 34</td>
<td><span class="fa fa-plus"></span>33 607478434</td>
</tr>
<tr>
<th class="logo"><img class="logo" src="../img/mail.svg" alt="Mail logo"></th>
<td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
<td>cv <span class="fa fa-at"></span>  <span class="fa fa-caret-down"></span></td>
</tr>
<tr>
<th class="logo"><img class="logo" src="../img/link.svg" alt="Link logo"></th>
@ -112,7 +116,7 @@
</tr>
</tbody></table>
<h3>Platforms</h3>
<h3>Social</h3>
<table><tbody>
<tr>

30
in/fr/index.html
View file

@ -16,7 +16,7 @@
<script defer src="../script/main.js"></script>
</head>
<body>
<body class="link">
<!-- columns / start -->
<div class="columns">
@ -31,7 +31,9 @@
<a href="https://fr.wikipedia.org/wiki/France">France</a>
</p>
</div>
<button id="theme"></button>
<button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Liens"></button>
<a class="logo" href="../en"><img class="logo" src="../img/en.png" alt="English"></a>
<button id="theme"><img class="inline" src="../img/theme.svg" alt="Thème"></button>
</header>
<section class="banner">
@ -40,14 +42,16 @@
</a>
<table><tbody>
<tr>
<th><a href="https://fr.wikipedia.org/wiki/Anglais_américain">Anglais</a></th>
<td class="logo"><a href="../en"><img class="logo" src="../img/en.png" alt="Drapeau américain"></a></td>
<td><a href="https://fr.wikipedia.org/wiki/Cadre_européen_commun_de_référence_pour_les_langues#Échelle_globale">C 2</a></td>
<td />
<th scope="col"><a href="https://fr.wikipedia.org/wiki/Cadre_européen_commun_de_référence_pour_les_langues#Échelle_globale"><abbr title="Cadre Européen Commun de Référence pour les Langues">CECRL</abbr></a></th>
</tr>
<tr>
<th><a href="https://fr.wikipedia.org/wiki/Français_de_France">Français</a></th>
<td class="logo"><a href="../fr"><img class="logo" src="../img/fr.png" alt="Drapeau français"></a></td>
<td><a href="https://fr.wikipedia.org/wiki/Cadre_européen_commun_de_référence_pour_les_langues#Échelle_globale">C 2</a></td>
<th scope="row"><a href="https://fr.wikipedia.org/wiki/Anglais_américain">Anglais</a></th>
<td class="level">C 2</td>
</tr>
<tr>
<th scope="row"><a href="https://fr.wikipedia.org/wiki/Français_de_France">Français</a></th>
<td class="level">C 2</td>
</tr>
</tbody></table>
</section>
@ -58,16 +62,16 @@
<h2>Liens</h2>
<section class="banner">
<a href="../vcard.vcf">
<img class="big" id="vcard" src="../img/vcard.svg" alt="Code QR de contact"></a>
<a href="../marc.beninca.vcf">
<img class="big" id="vcard" src="../img/marc.beninca.svg" alt="Code QR de contact"></a>
<table><tbody>
<tr>
<th class="logo"><img class="logo" src="../img/tel.svg" alt="Logo de téléphone"></th>
<td><span class="fa fa-plus"></span> 33 6 07 47 84 34</td>
<td><span class="fa fa-plus"></span>33 607478434</td>
</tr>
<tr>
<th class="logo"><img class="logo" src="../img/mail.svg" alt="Logo de courrier"></th>
<td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
<td>cv <span class="fa fa-at"></span>  <span class="fa fa-caret-down"></span></td>
</tr>
<tr>
<th class="logo"><img class="logo" src="../img/link.svg" alt="Logo de lien"></th>
@ -112,7 +116,7 @@
</tr>
</tbody></table>
<h3>Plateformes</h3>
<h3>Social</h3>
<table><tbody>
<tr>

3
in/img/theme.svg Normal file
View file

@ -0,0 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
<svg width="800px" height="800px" viewBox="0 0 1024 1024" class="icon" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M513.311597 95.397443c-156.598141 0-253.554962 137.570256-253.554962 265.040908 0 105.370087 44.014782 155.726815 82.912186 200.192106l7.377094 8.41429c20.519686 23.753116 25.437407 101.224375 22.39442 158.053082a25.298159 25.298159 0 0 0 6.79655 18.445294c4.725231 4.920793 11.19721 7.767194 18.057242 7.767194h8.122482v115.854673c0 13.722111 11.134753 24.853792 24.853793 24.853792h58.187403v9.967524c0 13.719039 11.130657 24.853792 24.853792 24.853792s24.853792-11.134753 24.853792-24.853792v-9.967524h58.283649c13.722111 0 24.853792-11.131681 24.853792-24.853792V753.310317h8.155247c6.860032 0 13.332011-2.846401 18.057241-7.767194a25.293039 25.293039 0 0 0 6.796551-18.445294c-3.041963-56.828707 1.875758-134.299966 22.39442-158.053082l7.442622-8.546371c38.831875-44.398739 82.845633-94.752396 82.845634-200.060025 0.001024-127.470651-96.954773-265.040907-253.682948-265.040908z" fill="#27323A" /><path d="M571.595245 844.311197H455.124194v-91.00088h116.471051v91.00088z" fill="#79CCBF" /><path d="M646.740237 527.812885l-7.638184 8.705073c-30.355128 35.176604-35.404931 104.432208-35.404931 155.239445 0 4.467212 0.12901 7.896204 0.195562 11.843282H422.827779c0.066553-3.947078 0.195562-7.37607 0.195562-11.843282 0-50.87379-5.049802-120.063865-35.372166-155.239445 0-0.032764-7.571632-8.639544-7.571632-8.639544-36.310045-41.552338-70.614299-80.774313-70.614299-167.441087 0-105.85336 76.244645-215.333323 203.847377-215.333323 127.731742 0 203.976387 109.478938 203.976387 215.333323-0.001024 86.601245-34.238725 125.824244-70.548771 167.375558z" fill="#F4CE73" /><path d="M460.237477 205.622794c3.496568 8.476747-0.517062 18.186251-8.993808 21.68282-42.134929 17.473627-61.196602 49.383013-69.739901 73.069576-13.917673 38.642456-10.163086 84.691699 10.160014 123.168285 4.27165 8.09279 1.166205 18.123794-6.925561 22.39442-8.088694 4.27165-18.123794 1.166205-22.39442-6.92556-24.916249-47.311693-29.317932-101.907306-12.035771-149.897836 15.336778-42.361208 46.665621-75.207449 88.247652-92.426128 8.479818-3.492473 18.189323 0.520134 21.681795 8.934423z" fill="#FFFFFF" /></svg>
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

0
in/vcard.vcf → in/marc.beninca.vcf
View file

11
in/script/main.js
View file

@ -1,3 +1,13 @@
// link
const link = document.getElementById("link");
link.addEventListener("click", () => {
document.body.classList.toggle("link");
});
// theme
const button = document.getElementById("theme");
function theme_get() {
@ -11,7 +21,6 @@ function theme_load() {
}
function theme_set(theme) {
document.documentElement.setAttribute("data-theme", theme);
button.innerHTML = theme;
theme_write(theme);
}
function theme_swap(theme) {

20
in/style/main.css
View file

@ -54,7 +54,7 @@
/* main */
#theme {
#link, #theme {
background-color: var(--button-background);
}
#vcard {
@ -90,10 +90,11 @@ h2, h3, header {
border-top: var(--border-on);
}
.link a:not(:has(img)),
.link button.link {
background: var(--anchor-gradient);
}
a:not(:has(img)) {
@media screen {
background: var(--anchor-gradient);
}
color: inherit;
padding: 0 .25em;
text-decoration: none;
@ -135,8 +136,11 @@ section.banner {
}
button {
block-size: 2em;
border-radius: .25em;
color: var(--body-text);
margin-block: 0 auto;
margin-inline: .25em;
padding-inline: .5em;
}
@ -172,6 +176,10 @@ img.inline {
block-size: 1.5em;
vertical-align: middle;
}
a.logo {
block-size: 2em;
margin-block: 0 auto;
}
img.logo {
block-size: 100%;
margin-inline: auto;
@ -228,7 +236,9 @@ ul {
gap: 1em;
grid-template-columns: 1fr;
}
.level {
text-align: center;
}
.title, .duration.org {
font-weight: bold;
}

2
readme.md
View file

@ -69,5 +69,5 @@ Dernier tiers moins vu
* Nexus
* PDFtk
* uWSGI
* add a button for links hinting
* move descriptions inside ul tag
* add button to switch languages