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

wip

Browse source
This commit is contained in:
Marc Beninca 2025-02-18 16:37:05 +01:00
parent 7f7e85a160
commit ee84c5701a
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
4 changed files with 25 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
img/email.svg → img/mail.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

0
img/phone.svg → img/tel.svg
View file

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 8.8 KiB

32
index.html
View file

@ -32,10 +32,9 @@
</div> </div>
<button id="theme"></button> <button id="theme"></button>
</header> </header>
<section class="banner"> <section class="banner">
<a href="vcard.vcf"> <img class="big photo" src="img/photo.png" alt="Me in front of hex dumps.">
<img class="big" id="vcard" src="img/vcard.svg" alt="Vcard QR code."></a>
<div>
<table><tbody> <table><tbody>
<tr> <tr>
<th><a href="https://marc.beninca.link/cv/en">English</a></th> <th><a href="https://marc.beninca.link/cv/en">English</a></th>
@ -48,27 +47,36 @@
<td>C2</td> <td>C2</td>
</tr> </tr>
</tbody></table> </tbody></table>
</div> <p>Talence,<br>
<img class="big photo" src="img/photo.png" alt="Me in front of hex dumps."> Bordeaux,<br>
France</p>
</section> </section>
</article>
<section>
<h2>Contact</h2>
<section class="banner">
<a href="vcard.vcf">
<img class="big" id="vcard" src="img/vcard.svg" alt="Vcard QR code."></a>
<table><tbody> <table><tbody>
<tr> <tr>
<th>Phone</th> <th class="logo"><img class="logo" src="img/tel.svg" alt="Tel logo"></th>
<td class="logo"><img class="logo" src="img/phone.svg" alt="Phone logo"></td>
<td><span class="fa fa-plus"></span> 33 6 07 47 84 34</td> <td><span class="fa fa-plus"></span> 33 6 07 47 84 34</td>
</tr> </tr>
<tr> <tr>
<th>Email</th> <th class="logo"><img class="logo" src="img/mail.svg" alt="Mail logo"></th>
<td class="logo"><img class="logo" src="img/email.svg" alt="E-mail logo"></td>
<td>cv <span class="fa fa-at"></span> marc.beninca.link</td> <td>cv <span class="fa fa-at"></span> marc.beninca.link</td>
</tr> </tr>
<tr> <tr>
<th>Link</th> <th class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></th>
<td class="logo"><img class="logo" src="img/link.svg" alt="Link logo"></td>
<td><a href="https://marc.beninca.link">marc.beninca.link</a></td> <td><a href="https://marc.beninca.link">marc.beninca.link</a></td>
</tr> </tr>
</tbody></table> </tbody></table>
</article> </section>
</section>
<section> <section>
<h2>Skills</h2> <h2>Skills</h2>

10
style/main.css
View file

@ -118,7 +118,7 @@ div.org {
section.banner { section.banner {
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: space-around; justify-content: space-evenly;
} }
.banner { .banner {
margin-block-start: .5em; margin-block-start: .5em;
@ -176,6 +176,10 @@ li:nth-of-type(odd) {
background: var(--item-odd-gradient); background: var(--item-odd-gradient);
} }
.banner table {
margin-block-start: 0;
margin-inline: 0;
}
table { table {
margin-inline: auto; margin-inline: auto;
} }
@ -199,10 +203,6 @@ ul {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.banner div {
text-align: center;
}
.title, .duration.org { .title, .duration.org {
font-weight: bold; font-weight: bold;
} }