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>
</tbody></table>
</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>
<table><tbody>
<tr>
@ -73,12 +73,12 @@
<article>
<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>
<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>
@ -104,7 +104,7 @@ GPG, OpenSSH, OpenSSL, Pass
<article>
<h3>Documentation</h3>
LaTeX, PanDoc, PDFtk, Sphinx
LaTeX, MarkDown, PanDoc, PDFTK, ReStructuredText, Sphinx, XeLaTeX
</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="period">2025 ← 2023</p>
</div></header>
<ul>
<li>something</li>
</ul>
<article><header>
<div class="position">

15
style/light.css
View file

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