Merge branch 'master' into testing

src/error/root.css

@@ -68,6 +68,7 @@ a:active {
 }
 a:focus {
 	text-decoration: none;
+	filter: none;
 	color: var(--gray-100);
 	background: white;
 }

src/static/css/main.css

@@ -84,7 +84,7 @@ h6 {
 nav {
 	margin: 12px;
 }
-a {
+a.btn {
 	display: inline-block;
 	
 	font-size: 1rem;
@@ -102,13 +102,13 @@ a {
 	transition-duration: 70ms;
 	transition-timing-function: cubic-bezier(0.2, 0, 0.38, 0.9);
 }
-a:hover {
+a.btn:hover {
 	background: var(--gray-90-hover);
 }
-a:active {
+a.btn:active {
 	background: var(--gray-70);
 }
-a:focus {
+a.btn:focus {
 	border: 2px solid white;
 }
 nav a img {
@@ -150,3 +150,7 @@ footer strong {
 	font-weight: 600;
 	font-feature-settings: 'ss01', 'ss02', 'ss03', 'cv11';
 }
+
+body > div.nav {
+	margin: 12px;
+}

src/static/picto/love.svg

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 24.1.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" style="enable-background:new 0 0 32 32;" xml:space="preserve">
+<g id="love">
+	<path id="love_1_" d="M16.032,29.247c-0.092,0-0.185-0.035-0.255-0.105L3.008,16.373c-1.507-1.507-2.337-3.506-2.337-5.629
+		c0-2.139,0.83-4.147,2.337-5.655c1.506-1.506,3.508-2.335,5.639-2.337c0,0,0.001,0,0.002,0c2.132,0,4.136,0.83,5.643,2.337
+		l1.74,1.74l1.74-1.74c1.507-1.507,3.511-2.337,5.642-2.337c0.003,0,0.005,0,0.008,0c2.128,0.002,4.129,0.832,5.635,2.337
+		c1.507,1.508,2.337,3.511,2.337,5.642s-0.83,4.134-2.337,5.642L16.287,29.142C16.216,29.212,16.124,29.247,16.032,29.247z
+		 M8.649,3.473c0,0-0.001,0-0.002,0C6.709,3.474,4.888,4.229,3.518,5.599C2.147,6.97,1.392,8.797,1.392,10.744
+		c0,1.931,0.755,3.749,2.126,5.119l0,0l12.514,12.514l12.514-12.514c1.371-1.371,2.126-3.193,2.126-5.132s-0.755-3.761-2.126-5.132
+		c-1.37-1.369-3.19-2.124-5.125-2.126c-0.003,0-0.006,0-0.008,0c-1.938,0-3.761,0.754-5.132,2.126l-1.995,1.995
+		c-0.141,0.141-0.369,0.141-0.51,0l-1.995-1.995C12.412,4.228,10.588,3.473,8.649,3.473z"/>
+</g>
+<g id="Layer_1">
+</g>
+</svg>

src/views/template/cv.html

@@ -13,19 +13,19 @@
 		{h1}
 
 		<nav>
-			<a href="/">
+			<a class="btn" href="/">
 				edgarpierre.fr
 				<img class="svg" src="/static/icon/home.svg" alt="" />
 			</a>
-			<a href="mailto:contact@edgarpierre.fr">
+			<a class="btn" href="mailto:contact@edgarpierre.fr">
 				contact@edgarpierre.fr
 				<img class="svg" src="/static/icon/email.svg" alt="" />
 			</a>
-			<a href="https://git.edgarpierre.fr/edpibu">
+			<a class="btn" href="https://git.edgarpierre.fr/edpibu">
 				git.edgarpierre.fr/edpibu
 				<img class="svg" src="/static/icon/code.svg" alt="" />
 			</a>
-			<a href="https://github.com/edpiburkhart">
+			<a class="btn" href="https://github.com/edpiburkhart">
 				github(edpiburkhart)
 				<img class="svg" src="/static/icon/logo--github.svg" alt="" />
 			</a>

src/views/template/index.html

@@ -15,15 +15,15 @@
 		{h1}
 
 		<div class="biglinks">
-			<a href="/cv/">
+			<a class="btn" href="/cv/">
 				<img class="svg" src="/static/picto/rich--text--format.svg" alt="" />
 				Curriculum Vitae
 			</a>
-			<a href="https://git.edgarpierre.fr/edpibu">
+			<a class="btn" href="https://git.edgarpierre.fr/edpibu">
 				<img class="svg" src="/static/picto/app--developer.svg" alt="" />
 				Git
 			</a>
-			<a href="https://www.komoot.fr/user/383887346799">
+			<a class="btn" href="https://www.komoot.fr/user/383887346799">
 				<img class="svg" src="/static/picto/summit.svg" alt="" />
 				Komoot
 			</a>
@@ -37,29 +37,33 @@
 					srcset="/static/pic/picx2.webp 2x,
 						/static/pic/picx4.webp 4x" />
 			</picture>
+			<a class="btn" href="/jaime/">
+				<img class="svg" src="/static/picto/love.svg" alt="" />
+				Ce que j'aime
+			</a>
 		</div>
 		<nav>
-			<a href="#">
+			<a class="btn" href="#">
 				edgarpierre.fr
 				<img class="svg" src="/static/icon/home.svg" alt="" />
 			</a>
-			<a href="mailto:contact@edgarpierre.fr">
+			<a class="btn" href="mailto:contact@edgarpierre.fr">
 				contact@edgarpierre.fr
 				<img class="svg" src="/static/icon/email.svg" alt="" />
 			</a>
-			<a href="https://git.edgarpierre.fr/edpibu">
+			<a class="btn" href="https://git.edgarpierre.fr/edpibu">
 				git.edgarpierre.fr/edpibu
 				<img class="svg" src="/static/icon/code.svg" alt="" />
 			</a>
-			<a href="https://github.com/edpiburkhart">
+			<a class="btn" href="https://github.com/edpiburkhart">
 				github(edpiburkhart)
 				<img class="svg" src="/static/icon/logo--github.svg" alt="" />
 			</a>
-			<a href="https://www.komoot.fr/user/383887346799">
+			<a class="btn" href="https://www.komoot.fr/user/383887346799">
 				komoot(edpibu)
 				<img class="svg" src="/static/icon/mountain.svg" alt="" />
 			</a>
-			<a href="https://www.last.fm/user/edpiburkhart">
+			<a class="btn" href="https://www.last.fm/user/edpiburkhart">
 				last.fm(edpiburkhart)
 				<img class="svg" src="/static/icon/music.svg" alt="" />
 			</a>

src/views/template/jaime.html

@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="fr">
+	<head>
+		<title>Edgar P. Burkhart</title>
+		<meta name="description"
+			content="Les choses que j'apprécie - Edgar P. Burkhart." />
+
+		{meta}
+	</head>
+	<body>
+		<h1>
+			<img src="/static/svg/logo-inv.svg"
+				alt="Logo : goéland avec un bec vert" />
+			J'aime – par
+			<strong>edpibu</strong>
+		</h1>
+
+		<nav>
+			<a class="btn" href="/">
+				edgarpierre.fr
+				<img class="svg" src="/static/icon/home.svg" alt="" />
+			</a>
+		</nav>
+
+		<div class="content">
+		</div>
+		<div class="content nav">
+			<a class="btn" href="https://www.carbondesignsystem.com/">
+				IBM Carbon Design System</a>
+			<a class="btn" href="https://rsms.me/inter/">
+				Inter typeface</a>
+			<a class="btn" href="https://github.com/jech/galene">
+				Galene</a>
+			<a class="btn" href="https://github.com/photoview/photoview">
+				Photoview</a>
+			<a class="btn" href="https://komoot.fr/">
+				Komoot</a>
+			<a class="btn" href="https://deezer.fr/">
+				Deezer</a>
+			<a class="btn"
+				href="https://www.garmin.com/fr-FR/p/596828/pn/010-01913-01">
+				Garmin Edge 130</a>
+			<a class="btn" href="https://archiv.cube.eu/fr/2017/856400">
+				Cube Stereo</a>
+			<a class="btn" href="https://www.rammstein.de/">
+				Rammstein</a>
+			<a class="btn" href="https://stageverse.muse.mu/">
+				Muse</a>
+		</div>
+
+		{footer}
+	</body>
+</html>