- changed title in h1 to aria label for accessibility
- changed stretchging and centering of section with fill-available
This commit is contained in:
Binary file not shown.
22
index.html
22
index.html
@@ -50,7 +50,7 @@
|
||||
TITLE AREA
|
||||
-->
|
||||
<section id="title_area" class="section">
|
||||
<h1 title="hugo lamy" id="name" class="title" data-flex="horizontal center wrap">
|
||||
<h1 aria-label="hugo lamy" id="name" class="title" data-flex="horizontal center wrap">
|
||||
<span aria-hidden="true" class="pre">
|
||||
|
||||
|
||||
@@ -66,7 +66,7 @@
|
||||
|
||||
</span>
|
||||
</h1>
|
||||
<h1 title="programmeur informatique" id="title" class="title" data-flex="horizontal center wrap">
|
||||
<h1 aria-label="programmeur informatique" id="title" class="title" data-flex="horizontal center wrap">
|
||||
<span aria-hidden="true" class="pre">
|
||||
|
||||
|
||||
@@ -99,7 +99,7 @@
|
||||
PROJECTS
|
||||
-->
|
||||
<section id="projects" data-flex="vertical stretch" class="section">
|
||||
<h1 title="projets" data-flex="horizontal parent center wrap">
|
||||
<h1 aria-label="projets" data-flex="horizontal parent center wrap">
|
||||
<span aria-hidden="true" class="pre">
|
||||
|
||||
|
||||
@@ -141,7 +141,7 @@
|
||||
CV
|
||||
-->
|
||||
<section id="cv" data-flex="vertical parent stretch" class="section">
|
||||
<h1 title="cv" id="cv_ascii" data-flex="horizontal center wrap">
|
||||
<h1 aria-label="cv" id="cv_ascii" data-flex="horizontal center wrap">
|
||||
<span aria-hidden="true" class="pre">
|
||||
|
||||
|
||||
@@ -153,11 +153,12 @@
|
||||
<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" target="_blank" rel="noopener noreferrer" title="link to a pdf version of this section CV">version pdf</a></h2>
|
||||
<details>
|
||||
<summary>
|
||||
<h3>Formations informatique</h3>
|
||||
<h3>Outils informatiques</h3>
|
||||
</summary>
|
||||
<ul>
|
||||
<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li>
|
||||
<li>SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)</li>
|
||||
<li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
|
||||
<li>Technologies : Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm</li>
|
||||
<li>Plus : emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)</li>
|
||||
</ul>
|
||||
</details>
|
||||
<details>
|
||||
@@ -172,12 +173,11 @@
|
||||
</details>
|
||||
<details>
|
||||
<summary>
|
||||
<h3>Outils informatiques</h3>
|
||||
<h3>Formations informatique</h3>
|
||||
</summary>
|
||||
<ul>
|
||||
<li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
|
||||
<li>Technologies : Git, Docker, Nginx, MariaDB, Node.js, Nest.js, WebSocket, Express, npm</li>
|
||||
<li>Plus : emails, sending emails, receiving emails, deleting emails ("the it crowd", Jane Barber s01e01)</li>
|
||||
<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li>
|
||||
<li>SIMPLON, développeur full-stack JavaScript, 2018 (Javascript, Node.js, React.js, HTML, CSS)</li>
|
||||
</ul>
|
||||
</details>
|
||||
<details>
|
||||
|
||||
@@ -49,7 +49,12 @@
|
||||
/*
|
||||
width : -parent- content
|
||||
*/
|
||||
[data-flex~="parent"] { width: 100%; }
|
||||
[data-flex~="parent"] {
|
||||
width: 100%;
|
||||
width: -moz-available; /* WebKit-based browsers will ignore this. */
|
||||
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
|
||||
width: fill-available;
|
||||
}
|
||||
[data-flex~="content"] { width: fit-content; }
|
||||
/*
|
||||
position : -center- left right top bottom
|
||||
|
||||
Reference in New Issue
Block a user