fixes
This commit is contained in:
parent
07ef43af00
commit
c36a2e4b6e
2 changed files with 19 additions and 20 deletions
29
index.html
29
index.html
|
@ -20,34 +20,33 @@
|
|||
|
||||
<aside>
|
||||
|
||||
<header>
|
||||
|
||||
<section class="banner">
|
||||
<img class="big" src="img/vcf.svg" alt="VCF QR code.">
|
||||
<div>
|
||||
<h1>Marc Beninca</h1>
|
||||
<p class="sub">
|
||||
<article class="org"><header class="org">
|
||||
<div class="position">
|
||||
<h1 class="title">Marc Beninca</h1>
|
||||
<p class="sub">@
|
||||
<a href="https://www.openstreetmap.org/?query=Bordeaux">Bordeaux</a>,
|
||||
<a href="https://www.openstreetmap.org/?query=Metropolitan%20France">France</a>
|
||||
</p>
|
||||
<table class="sub"><tbody>
|
||||
</div>
|
||||
</header>
|
||||
<section class="banner">
|
||||
<img class="big" src="img/vcf.svg" alt="VCF QR code.">
|
||||
<div>
|
||||
<table><tbody>
|
||||
<tr>
|
||||
<th><a href="https://marc.beninca.link/cv/en">English</a></th>
|
||||
<td class="logo"><img class="logo" src="img/en.png" alt="American flag"></td>
|
||||
<td>C 2</td>
|
||||
<td>C2</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th><a href="https://marc.beninca.link/cv/fr">French</a></th>
|
||||
<td class="logo"><img class="logo" src="img/fr.png" alt="French flag"></td>
|
||||
<td>C 2</td>
|
||||
<td>C2</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
</div>
|
||||
<img class="big" src="img/marc.png" alt="Me in front of hex dumps.">
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h2>Contact</h2>
|
||||
<table><tbody>
|
||||
<tr>
|
||||
<th>Link</th>
|
||||
|
@ -65,9 +64,7 @@
|
|||
<td>+33 6 07 47 84 34</td>
|
||||
</tr>
|
||||
</tbody></table>
|
||||
</section>
|
||||
|
||||
</header>
|
||||
</article>
|
||||
|
||||
<section>
|
||||
<h2>Skills</h2>
|
||||
|
|
|
@ -17,6 +17,8 @@ body {
|
|||
article.org, header {
|
||||
border-radius: .25em;
|
||||
padding-block: .25em;
|
||||
}
|
||||
header {
|
||||
padding-inline: .5em;
|
||||
}
|
||||
header.org {
|
||||
|
@ -33,6 +35,7 @@ div.org {
|
|||
}
|
||||
|
||||
section.banner {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
@ -40,13 +43,12 @@ section.banner {
|
|||
h1 { font-size: 1.15rem; }
|
||||
h2 { font-size: 1.10rem; }
|
||||
h3 { font-size: 1.05rem; }
|
||||
h2, h3 {
|
||||
h1, h2, h3 {
|
||||
border-radius: .25em;
|
||||
margin-block-start: .5em;
|
||||
margin-inline: .125em;
|
||||
}
|
||||
h2 {
|
||||
background-color: #ccf;
|
||||
margin-block: .25em;
|
||||
padding-block: .5em;
|
||||
text-align: center;
|
||||
}
|
||||
|
@ -56,7 +58,7 @@ h3 {
|
|||
}
|
||||
|
||||
img.big {
|
||||
block-size: 4em;
|
||||
block-size: 5em;
|
||||
}
|
||||
img.inline {
|
||||
block-size: 1.5em;
|
||||
|
|
Loading…
Add table
Reference in a new issue