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

css/wip

Browse source
This commit is contained in:
Marc Beninca 2025-02-17 00:58:47 +01:00
parent 0991ea8e70
commit a9bec52767
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
2 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
index.html
View file

@ -47,7 +47,7 @@
</tr> </tr>
</tbody></table> </tbody></table>
</div> </div>
<img class="big" src="img/marc.png" alt="Me in front of hex dumps."> <img class="big photo" src="img/marc.png" alt="Me in front of hex dumps.">
</section> </section>
<table><tbody> <table><tbody>
<tr> <tr>
@ -73,12 +73,12 @@
<article> <article>
<h3>Boot</h3> <h3>Boot</h3>
BIOS, BTRFS, EFI, GRUB, Live Boot, Secure Boot, SquashFS BIOS, BTRFS, EFI, GRUB, Live Boot, LVM, Parted, RAID, Secure Boot, SquashFS
</article> </article>
<article> <article>
<h3>Operating Systems</h3> <h3>Operating Systems</h3>
Alma, Alpine, Arch, Debian, GNU, Guix, Linux, OpenSUSE, Rocky, Ubuntu Alma, Alpine, Arch, Debian, Guix, Linux, OpenSUSE, Rocky, Ubuntu
</article> </article>
<article> <article>
@ -104,7 +104,7 @@ GPG, OpenSSH, OpenSSL, Pass
<article> <article>
<h3>Documentation</h3> <h3>Documentation</h3>
LaTeX, PanDoc, PDFtk, Sphinx LaTeX, MarkDown, PanDoc, PDFTK, ReStructuredText, Sphinx, XeLaTeX
</article> </article>
<article> <article>
@ -327,6 +327,9 @@ for the AlphaJet, Transall, Mirage 2000, Mirage F1, Mirage IV & Jaguar aircrafts
<p class="duration">2 years</p> <p class="duration">2 years</p>
<p class="period">2025 ← 2023</p> <p class="period">2025 ← 2023</p>
</div></header> </div></header>
<ul>
<li>something</li>
</ul>
<article><header> <article><header>
<div class="position"> <div class="position">

15
style/light.css
View file

@ -1,16 +1,19 @@
:root { :root {
--anchor-text: #f88; --anchor-background: #bbb;
--anchor-text: #f00;
--banner-background: #ccf; --banner-background: #ccf;
--body-background: #fff; --body-background: #fff;
--body-text: #000; --body-text: #000;
--header-background: #ccc; --header-background: #ccc;
--item-even: #ddd; --item-even: #ddd;
--item-odd: #eee; --item-odd: #eee;
--org-background: #afa;
--qrcode-background: ; --qrcode-background: ;
--ruler-border: #888; --ruler-border: #888;
} }
@media screen { @media screen {
.dark { .dark {
--anchor-background: #222;
--anchor-text: #f88; --anchor-text: #f88;
--banner-background: #558; --banner-background: #558;
--body-background: #000; --body-background: #000;
@ -18,6 +21,7 @@
--header-background: #444; --header-background: #444;
--item-even: #222; --item-even: #222;
--item-odd: #111; --item-odd: #111;
--org-background: #030;
--qrcode-background: #aaa; --qrcode-background: #aaa;
--ruler-border: #444; --ruler-border: #444;
} }
@ -52,6 +56,7 @@ a {
text-underline-offset: .25em; text-underline-offset: .25em;
} }
a:hover { a:hover {
background-color: var(--anchor-background);
color: var(--anchor-text); color: var(--anchor-text);
} }
@ -61,9 +66,10 @@ article.org, header {
} }
header { header {
padding-inline: .5em; padding-inline: .5em;
background-color: var(--header-background);
} }
header.org { header.org {
background-color: var(--header-background); background-color: var(--org-background);
} }
article header { article header {
@ -78,7 +84,7 @@ div.org {
section.banner { section.banner {
align-items: center; align-items: center;
display: flex; display: flex;
justify-content: space-between; justify-content: space-around;
} }
.banner { .banner {
margin-block-start: .5em; margin-block-start: .5em;
@ -122,6 +128,9 @@ img.org {
block-size: 2em; block-size: 2em;
margin-inline-end: .5em; margin-inline-end: .5em;
} }
img.photo {
border-radius: 1em;
}
li:nth-of-type(even) { background-color: var(--item-even); } li:nth-of-type(even) { background-color: var(--item-even); }
li:nth-of-type(odd) { background-color: var(--item-odd); } li:nth-of-type(odd) { background-color: var(--item-odd); }