made the pre ascii accessibles
This commit is contained in:
124
index.html
124
index.html
@@ -41,15 +41,15 @@
|
|||||||
PROJECTS
|
PROJECTS
|
||||||
-->
|
-->
|
||||||
<section id="projects" data-flex="vertical stretch parent">
|
<section id="projects" data-flex="vertical stretch parent">
|
||||||
<figure data-flex="horizontal parent center wrap">
|
<h1 title="projets" data-flex="horizontal parent center wrap">
|
||||||
<pre>
|
<pre aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</h1>
|
||||||
<h2 data-flex="center">projets réalisés</h2>
|
<h2 data-flex="center">projets réalisés</h2>
|
||||||
<figure class="project" id="ljdp" data-flex="vertical parent center stretch">
|
<figure class="project" id="ljdp" data-flex="vertical parent center stretch">
|
||||||
<figcaption class="project_description" data-flex="vertical left">
|
<figcaption class="project_description" data-flex="vertical left">
|
||||||
@@ -83,15 +83,15 @@
|
|||||||
CV
|
CV
|
||||||
-->
|
-->
|
||||||
<section id="cv" data-flex="vertical parent stretch">
|
<section id="cv" data-flex="vertical parent stretch">
|
||||||
<figure id="cv_ascii" data-flex="horizontal center wrap">
|
<h1 title="cv" id="cv_ascii" data-flex="horizontal center wrap">
|
||||||
<pre>
|
<pre aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</h1>
|
||||||
<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" download>version pdf</a></h2>
|
<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" download>version pdf</a></h2>
|
||||||
<details>
|
<details>
|
||||||
<summary>
|
<summary>
|
||||||
@@ -182,38 +182,38 @@
|
|||||||
TITLE AREA
|
TITLE AREA
|
||||||
-->
|
-->
|
||||||
<section id="title_area">
|
<section id="title_area">
|
||||||
<figure id="name" style="gap:10px 30px;" data-flex="horizontal center wrap">
|
<h1 title="hugo lamy" id="name" style="gap:10px 30px;" data-flex="horizontal center wrap">
|
||||||
<pre>
|
<pre aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre>
|
<pre aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</h1>
|
||||||
<figure id="title" style="gap:10px 30px;" data-flex="horizontal center wrap">
|
<h1 title="programmeur informatique" id="title" style="gap:10px 30px;" data-flex="horizontal center wrap">
|
||||||
<pre>
|
<pre aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre>
|
<pre aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</h1>
|
||||||
</section>
|
</section>
|
||||||
<!--
|
<!--
|
||||||
END TITLE AREA
|
END TITLE AREA
|
||||||
@@ -227,8 +227,8 @@
|
|||||||
<!--
|
<!--
|
||||||
MOUSE 1
|
MOUSE 1
|
||||||
-->
|
-->
|
||||||
<figure class="frames_container mouse" id="mouse_1">
|
<div class="frames_container mouse" id="mouse_1" role="img" aria-label="mouse animated in ASCII art">
|
||||||
<pre class="frame f1">
|
<pre class="frame f1" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -246,7 +246,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f2">
|
<pre class="frame f2" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -264,7 +264,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f3">
|
<pre class="frame f3" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -282,7 +282,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f4">
|
<pre class="frame f4" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -300,7 +300,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END MOUSE 1
|
END MOUSE 1
|
||||||
-->
|
-->
|
||||||
@@ -318,8 +318,8 @@
|
|||||||
<!--
|
<!--
|
||||||
MOUSE 2
|
MOUSE 2
|
||||||
-->
|
-->
|
||||||
<figure class="frames_container mouse" id="mouse_2">
|
<div class="frames_container mouse" id="mouse_2" role="img" aria-label="mouse animated in ASCII art">
|
||||||
<pre class="frame f1">
|
<pre class="frame f1" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -337,7 +337,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f2">
|
<pre class="frame f2" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -355,7 +355,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f3">
|
<pre class="frame f3" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -373,7 +373,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f4">
|
<pre class="frame f4" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -391,7 +391,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END MOUSE 2
|
END MOUSE 2
|
||||||
-->
|
-->
|
||||||
@@ -404,8 +404,8 @@
|
|||||||
<!--
|
<!--
|
||||||
MOUSE 3
|
MOUSE 3
|
||||||
-->
|
-->
|
||||||
<figure class="frames_container mouse" id="mouse_3">
|
<div class="frames_container mouse" id="mouse_3" role="img" aria-label="mouse animated in ASCII art">
|
||||||
<pre class="frame f1">
|
<pre class="frame f1" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -421,7 +421,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f2">
|
<pre class="frame f2" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -437,7 +437,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f3">
|
<pre class="frame f3" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -453,7 +453,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f4">
|
<pre class="frame f4" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -469,7 +469,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END MOUSE 3
|
END MOUSE 3
|
||||||
-->
|
-->
|
||||||
@@ -482,8 +482,8 @@
|
|||||||
<!--
|
<!--
|
||||||
MOUSE 4
|
MOUSE 4
|
||||||
-->
|
-->
|
||||||
<figure class="frames_container mouse" id="mouse_4">
|
<div class="frames_container mouse" id="mouse_4" role="img" aria-label="mouse animated in ASCII art">
|
||||||
<pre class="frame f1">
|
<pre class="frame f1" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -499,7 +499,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f2">
|
<pre class="frame f2" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -515,7 +515,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f3">
|
<pre class="frame f3" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -531,7 +531,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
<pre class="frame f4">
|
<pre class="frame f4" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -546,7 +546,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END MOUSE 4
|
END MOUSE 4
|
||||||
-->
|
-->
|
||||||
@@ -563,8 +563,8 @@
|
|||||||
<!--
|
<!--
|
||||||
BANNER 1
|
BANNER 1
|
||||||
-->
|
-->
|
||||||
<figure id="banner_1">
|
<div id="banner_1" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner">
|
<pre class="banner" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -581,15 +581,15 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 1
|
END BANNER 1
|
||||||
-->
|
-->
|
||||||
<!--
|
<!--
|
||||||
BANNER 2
|
BANNER 2
|
||||||
-->
|
-->
|
||||||
<figure id="banner_2">
|
<div id="banner_2" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner reverse t05">
|
<pre class="banner reverse t05" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -600,41 +600,41 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 2
|
END BANNER 2
|
||||||
-->
|
-->
|
||||||
<!--
|
<!--
|
||||||
BANNER 3
|
BANNER 3
|
||||||
-->
|
-->
|
||||||
<figure id="banner_3">
|
<div id="banner_3" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner t15 reverse">
|
<pre class="banner t15 reverse" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 3
|
END BANNER 3
|
||||||
-->
|
-->
|
||||||
<!--
|
<!--
|
||||||
BANNER 4
|
BANNER 4
|
||||||
-->
|
-->
|
||||||
<figure id="banner_4">
|
<div id="banner_4" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner t05">
|
<pre class="banner t05" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 4
|
END BANNER 4
|
||||||
-->
|
-->
|
||||||
<!--
|
<!--
|
||||||
BANNER 5
|
BANNER 5
|
||||||
-->
|
-->
|
||||||
<figure id="banner_5">
|
<div id="banner_5" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner reverse t15">
|
<pre class="banner reverse t15" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -651,28 +651,28 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 5
|
END BANNER 5
|
||||||
-->
|
-->
|
||||||
<!--
|
<!--
|
||||||
BANNER 6
|
BANNER 6
|
||||||
-->
|
-->
|
||||||
<figure id="banner_6">
|
<div id="banner_6" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner t20">
|
<pre class="banner t20" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 6
|
END BANNER 6
|
||||||
-->
|
-->
|
||||||
<!--
|
<!--
|
||||||
BANNER 7
|
BANNER 7
|
||||||
-->
|
-->
|
||||||
<figure id="banner_7">
|
<div id="banner_7" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner t05 reverse">
|
<pre class="banner t05 reverse" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -680,15 +680,15 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 7
|
END BANNER 7
|
||||||
-->
|
-->
|
||||||
<!--
|
<!--
|
||||||
BANNER 8
|
BANNER 8
|
||||||
-->
|
-->
|
||||||
<figure id="banner_8">
|
<div id="banner_8" role="img" aria-label="banner delimitation in ASCII art">
|
||||||
<pre class="banner t10 reverse">
|
<pre class="banner t10 reverse" aria-hidden="true">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -699,7 +699,7 @@
|
|||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</div>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 5
|
END BANNER 5
|
||||||
-->
|
-->
|
||||||
|
|||||||
@@ -8,9 +8,6 @@ body {
|
|||||||
margin: auto;
|
margin: auto;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
}
|
}
|
||||||
figure {
|
|
||||||
overflow: hidden;
|
|
||||||
}
|
|
||||||
script, style {
|
script, style {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ details summary {
|
|||||||
details[open] summary {
|
details[open] summary {
|
||||||
list-style-type: "▾ ";
|
list-style-type: "▾ ";
|
||||||
}
|
}
|
||||||
a:not([download])::after {
|
a:empty::after {
|
||||||
content: attr(href);
|
content: attr(href);
|
||||||
}
|
}
|
||||||
h1 { margin: 30px 0px; font-size: 2.25rem; }
|
h1 { margin: 30px 0px; font-size: 2.25rem; }
|
||||||
|
|||||||
Reference in New Issue
Block a user