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

link

Browse source
This commit is contained in:
Marc Beninca 2025-03-28 21:41:36 +01:00
parent 0b8cae18c6
commit d590c16697
Signed by: marc.beninca
GPG key ID: 9C7613450C80C24F
4 changed files with 19 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
in/en/index.html
View file

@ -16,7 +16,7 @@
<script defer src="../script/main.js"></script> <script defer src="../script/main.js"></script>
</head> </head>
<body> <body class="link">
<!-- columns / start --> <!-- columns / start -->
<div class="columns"> <div class="columns">
@ -31,6 +31,7 @@
<a href="https://en.wikipedia.org/wiki/France">France</a> <a href="https://en.wikipedia.org/wiki/France">France</a>
</p> </p>
</div> </div>
<button class="link" id="link">links</button>
<button id="theme"></button> <button id="theme"></button>
</header> </header>

3
in/fr/index.html
View file

@ -16,7 +16,7 @@
<script defer src="../script/main.js"></script> <script defer src="../script/main.js"></script>
</head> </head>
<body> <body class="link">
<!-- columns / start --> <!-- columns / start -->
<div class="columns"> <div class="columns">
@ -31,6 +31,7 @@
<a href="https://fr.wikipedia.org/wiki/France">France</a> <a href="https://fr.wikipedia.org/wiki/France">France</a>
</p> </p>
</div> </div>
<button class="link" id="link">liens</button>
<button id="theme"></button> <button id="theme"></button>
</header> </header>

10
in/script/main.js
View file

@ -1,3 +1,13 @@
// link
const link = document.getElementById("link");
link.addEventListener("click", () => {
document.body.classList.toggle("link");
});
// theme
const button = document.getElementById("theme"); const button = document.getElementById("theme");
function theme_get() { function theme_get() {

9
in/style/main.css
View file

@ -54,7 +54,7 @@
/* main */ /* main */
#theme { #link, #theme {
background-color: var(--button-background); background-color: var(--button-background);
} }
#vcard { #vcard {
@ -90,10 +90,11 @@ h2, h3, header {
border-top: var(--border-on); border-top: var(--border-on);
} }
.link a:not(:has(img)),
.link button.link {
background: var(--anchor-gradient);
}
a:not(:has(img)) { a:not(:has(img)) {
@media screen {
background: var(--anchor-gradient);
}
color: inherit; color: inherit;
padding: 0 .25em; padding: 0 .25em;
text-decoration: none; text-decoration: none;