Merge branch 'main' into cours

LICENSE

@@ -629,7 +629,7 @@ to attach them to the start of each source file to most effectively
 state the exclusion of warranty; and each file should have at least
 the "copyright" line and a pointer to where the full notice is found.
 
-    Copyright (C) 2023  Mylloon
+    Copyright (C) 2023-2024  Mylloon
 
     This program is free software: you can redistribute it and/or modify
     it under the terms of the GNU Affero General Public License as published

static/css/portfolio.css

@@ -20,7 +20,7 @@ main {
 }
 
 /* List */
-main ul {
+main ul:not(ul ul) {
   padding: 0;
   display: grid;
   grid-template-columns: repeat(2, 1fr);
@@ -34,7 +34,7 @@ main ul {
 }
 
 /* Card */
-main li {
+main li:not(ul ul > li) {
   display: flex;
 
   border-radius: 8px;
@@ -50,12 +50,12 @@ main li {
   margin-inline: 5px;
 }
 
-main li:hover {
+main li:hover:not(ul ul > li) {
   background: color-mix(in srgb, var(--background) 40%, var(--extreme));
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3);
 }
 
-main li[role="button"]:hover {
+main li[role="button"]:hover:not(ul ul > li) {
   cursor: pointer;
 }
 
@@ -91,10 +91,17 @@ span {
 
 /* Element text */
 div p,
-div a {
+div a,
+ul ul li {
   font-size: var(--font-size-card);
 }
 
+/* Element list */
+ul ul {
+  list-style: initial;
+  padding: 1em;
+}
+
 /* Element language */
 p[data-lang] {
   margin: 0;

templates/portfolio/card.html

@@ -1,5 +1,5 @@
 {{#metadata}} {{#info}} {{#portfolio}} {{#link}}
-<li role="button" onmousedown="openLink('{{link}}');">
+<li role="button" onmouseup="openLink('{{link}}');">
   {{>portfolio/project.html}}
 </li>
 {{/link}} {{^link}}

templates/portfolio/index.html

@@ -36,7 +36,7 @@
         document.querySelectorAll("main a").forEach(function (link) {
           link.setAttribute("target", "_blank");
           link.setAttribute("rel", "noreferrer");
-          link.addEventListener("mousedown", function (event) {
+          link.addEventListener("mouseup", function (event) {
             event.stopPropagation();
           });
         })