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

Compare commits

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

No commits in common. "80746e18b4642a4fde6912e33147a2fd7fb7d422" and "141f92c41d68f5fc81f958382cca5fbfd391e43b" have entirely different histories.
80746e18b4 ... 141f92c41d

8 changed files with 35 additions and 65 deletions
Show stats Expand all files Collapse all files

4
build.py
View file

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

28
in/en/index.html
View file

@ -16,7 +16,7 @@
<script defer src="../script/main.js"></script> <script defer src="../script/main.js"></script>
</head> </head>
<body class="link"> <body>
<!-- columns / start --> <!-- columns / start -->
<div class="columns"> <div class="columns">
@ -31,9 +31,7 @@
<a href="https://en.wikipedia.org/wiki/France">France</a> <a href="https://en.wikipedia.org/wiki/France">France</a>
</p> </p>
</div> </div>
<button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Links"></button> <button id="theme"></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> </header>
<section class="banner"> <section class="banner">
@ -42,16 +40,14 @@
</a> </a>
<table><tbody> <table><tbody>
<tr> <tr>
<td /> <th><a href="https://en.wikipedia.org/wiki/American_English">English</a></th>
<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> <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>
</tr> </tr>
<tr> <tr>
<th scope="row"><a href="https://en.wikipedia.org/wiki/American_English">English</a></th> <th><a href="https://en.wikipedia.org/wiki/French_of_France">French</a></th>
<td class="level">C 2</td> <td class="logo"><a href="../fr"><img class="logo" src="../img/fr.png" alt="French flag"></a></td>
</tr> <td><a href="https://en.wikipedia.org/wiki/Common_European_Framework_of_Reference_for_Languages#Common_reference_levels">C 2</a></td>
<tr>
<th scope="row"><a href="https://en.wikipedia.org/wiki/French_of_France">French</a></th>
<td class="level">C 2</td>
</tr> </tr>
</tbody></table> </tbody></table>
</section> </section>
@ -62,8 +58,8 @@
<h2>Links</h2> <h2>Links</h2>
<section class="banner"> <section class="banner">
<a href="../marc.beninca.vcf"> <a href="../vcard.vcf">
<img class="big" id="vcard" src="../img/marc.beninca.svg" alt="Vcard QR code"></a> <img class="big" id="vcard" src="../img/vcard.svg" alt="Vcard QR code"></a>
<table><tbody> <table><tbody>
<tr> <tr>
<th class="logo"><img class="logo" src="../img/tel.svg" alt="Telephone logo"></th> <th class="logo"><img class="logo" src="../img/tel.svg" alt="Telephone logo"></th>
@ -71,7 +67,7 @@
</tr> </tr>
<tr> <tr>
<th class="logo"><img class="logo" src="../img/mail.svg" alt="Mail logo"></th> <th class="logo"><img class="logo" src="../img/mail.svg" alt="Mail logo"></th>
<td>cv <span class="fa fa-at"></span>  <span class="fa fa-caret-down"></span></td> <td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
</tr> </tr>
<tr> <tr>
<th class="logo"><img class="logo" src="../img/link.svg" alt="Link logo"></th> <th class="logo"><img class="logo" src="../img/link.svg" alt="Link logo"></th>
@ -116,7 +112,7 @@
</tr> </tr>
</tbody></table> </tbody></table>
<h3>Social</h3> <h3>Platforms</h3>
<table><tbody> <table><tbody>
<tr> <tr>

28
in/fr/index.html
View file

@ -16,7 +16,7 @@
<script defer src="../script/main.js"></script> <script defer src="../script/main.js"></script>
</head> </head>
<body class="link"> <body>
<!-- columns / start --> <!-- columns / start -->
<div class="columns"> <div class="columns">
@ -31,9 +31,7 @@
<a href="https://fr.wikipedia.org/wiki/France">France</a> <a href="https://fr.wikipedia.org/wiki/France">France</a>
</p> </p>
</div> </div>
<button class="link" id="link"><img class="inline" src="../img/link.svg" alt="Liens"></button> <button id="theme"></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> </header>
<section class="banner"> <section class="banner">
@ -42,16 +40,14 @@
</a> </a>
<table><tbody> <table><tbody>
<tr> <tr>
<td /> <th><a href="https://fr.wikipedia.org/wiki/Anglais_américain">Anglais</a></th>
<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> <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>
</tr> </tr>
<tr> <tr>
<th scope="row"><a href="https://fr.wikipedia.org/wiki/Anglais_américain">Anglais</a></th> <th><a href="https://fr.wikipedia.org/wiki/Français_de_France">Français</a></th>
<td class="level">C 2</td> <td class="logo"><a href="../fr"><img class="logo" src="../img/fr.png" alt="Drapeau français"></a></td>
</tr> <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>
<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> </tr>
</tbody></table> </tbody></table>
</section> </section>
@ -62,8 +58,8 @@
<h2>Liens</h2> <h2>Liens</h2>
<section class="banner"> <section class="banner">
<a href="../marc.beninca.vcf"> <a href="../vcard.vcf">
<img class="big" id="vcard" src="../img/marc.beninca.svg" alt="Code QR de contact"></a> <img class="big" id="vcard" src="../img/vcard.svg" alt="Code QR de contact"></a>
<table><tbody> <table><tbody>
<tr> <tr>
<th class="logo"><img class="logo" src="../img/tel.svg" alt="Logo de téléphone"></th> <th class="logo"><img class="logo" src="../img/tel.svg" alt="Logo de téléphone"></th>
@ -71,7 +67,7 @@
</tr> </tr>
<tr> <tr>
<th class="logo"><img class="logo" src="../img/mail.svg" alt="Logo de courrier"></th> <th class="logo"><img class="logo" src="../img/mail.svg" alt="Logo de courrier"></th>
<td>cv <span class="fa fa-at"></span>  <span class="fa fa-caret-down"></span></td> <td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
</tr> </tr>
<tr> <tr>
<th class="logo"><img class="logo" src="../img/link.svg" alt="Logo de lien"></th> <th class="logo"><img class="logo" src="../img/link.svg" alt="Logo de lien"></th>
@ -116,7 +112,7 @@
</tr> </tr>
</tbody></table> </tbody></table>
<h3>Social</h3> <h3>Plateformes</h3>
<table><tbody> <table><tbody>
<tr> <tr>

3
in/img/theme.svg
View file

@ -1,3 +0,0 @@
<?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

Before

Width:  |  Height:  |  Size: 2.3 KiB

11
in/script/main.js
View file

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

18
in/style/main.css
View file

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

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

2
readme.md
View file

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