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