center,durations

This commit is contained in:
Marc Beninca 2025-02-16 13:40:52 +01:00
parent 833ced068f
commit 4464d0d13e
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
2 changed files with 9 additions and 5 deletions

View file

@ -26,10 +26,10 @@
<img class="big" src="img/vcf.svg" alt="VCF QR code."> <img class="big" src="img/vcf.svg" alt="VCF QR code.">
<div> <div>
<h1>Marc Beninca</h1> <h1>Marc Beninca</h1>
<span class="sub"> <p class="sub">
<a href="https://www.openstreetmap.org/?query=Bordeaux">Bordeaux</a>, <a href="https://www.openstreetmap.org/?query=Bordeaux">Bordeaux</a>,
<a href="https://www.openstreetmap.org/?query=Metropolitan%20France">France</a> <a href="https://www.openstreetmap.org/?query=Metropolitan%20France">France</a>
</span> </p>
</div> </div>
<img class="big" src="img/marc.png" alt="Me in front of hex dumps."> <img class="big" src="img/marc.png" alt="Me in front of hex dumps.">
</section> </section>
@ -173,7 +173,7 @@ BIND, CertBot, CSS, DNS, HTML, HTTPd, HTTPS, NginX, TomCat
<p class="sub"><strong>DevOps</strong> @ DIRISI (Direction Interarmées des Réseaux d’Infrastructure et des SI)</p> <p class="sub"><strong>DevOps</strong> @ DIRISI (Direction Interarmées des Réseaux d’Infrastructure et des SI)</p>
</div></div> </div></div>
<div class="time"> <div class="time">
<p class="duration">9 years</p> <p class="duration org">9 years</p>
<p class="period">2025 ← 2016</p> <p class="period">2025 ← 2016</p>
</div></header> </div></header>
@ -231,7 +231,7 @@ BIND, CertBot, CSS, DNS, HTML, HTTPd, HTTPS, NginX, TomCat
<p class="sub"><strong>Developer</strong> @ AAE (Armée de l’Air et de l’Espace)</p> <p class="sub"><strong>Developer</strong> @ AAE (Armée de l’Air et de l’Espace)</p>
</div></div> </div></div>
<div class="time"> <div class="time">
<p class="duration">14 years</p> <p class="duration org">14 years</p>
<p class="period">2016 ← 2002</p> <p class="period">2016 ← 2002</p>
</div></header> </div></header>

View file

@ -94,7 +94,11 @@ ul {
grid-template-columns: 1fr; grid-template-columns: 1fr;
} }
.title, .duration { .images div {
text-align: center;
}
.title, .duration.org {
font-weight: bold; font-weight: bold;
} }
.sub, .period { .sub, .period {