solve some pbm with font size

This commit is contained in:
asus
2023-11-29 20:07:49 +01:00
parent 447553b1ac
commit 8eec040226
4 changed files with 17 additions and 15 deletions

View File

@@ -40,7 +40,7 @@
<!-- <!--
PROJECTS PROJECTS
--> -->
<section id="projects" data-flex="vertical stretch parent"> <section id="projects" data-flex="vertical stretch">
<h1 title="projets" data-flex="horizontal parent center wrap"> <h1 title="projets" data-flex="horizontal parent center wrap">
<pre aria-hidden="true"> <pre aria-hidden="true">
             
@@ -95,7 +95,7 @@
<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>
<h2>Formations informatique</h2> <h3>Formations informatique</h3>
</summary> </summary>
<ul> <ul>
<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li> <li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li>
@@ -104,7 +104,7 @@
</details> </details>
<details> <details>
<summary> <summary>
<h2>Projets informatique</h2> <h3>Projets informatique</h3>
</summary> </summary>
<ul> <ul>
<li>Full-stack, reprise dun site dartistes en php, <a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer"></a>, 2021</li> <li>Full-stack, reprise dun site dartistes en php, <a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
@@ -114,7 +114,7 @@
</details> </details>
<details> <details>
<summary> <summary>
<h2>Outils informatiques</h2> <h3>Outils informatiques</h3>
</summary> </summary>
<ul> <ul>
<li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li> <li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
@@ -124,7 +124,7 @@
</details> </details>
<details> <details>
<summary> <summary>
<h2>Bénévolat</h2> <h3>Bénévolat</h3>
</summary> </summary>
<ul> <ul>
<li>Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023</li> <li>Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023</li>
@@ -134,7 +134,7 @@
</details> </details>
<details> <details>
<summary> <summary>
<h2>Études darchitecture</h2> <h3>Études darchitecture</h3>
</summary> </summary>
<ul> <ul>
<li>Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</li> <li>Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</li>
@@ -143,7 +143,7 @@
</details> </details>
<details> <details>
<summary> <summary>
<h2>Centres d'intérêts</h2> <h3>Centres d'intérêts</h3>
</summary> </summary>
<ul> <ul>
<li>Vélo : longs voyages à vélo, construction de vélos retro-directs</li> <li>Vélo : longs voyages à vélo, construction de vélos retro-directs</li>

View File

@@ -20,7 +20,7 @@
margin: 10px 0px; margin: 10px 0px;
} }
#cv details ul { #cv details ul {
padding-left: 35px; padding-left: 53px;
} }
#cv summary + * { #cv summary + * {
margin-top: 10px; margin-top: 10px;

View File

@@ -1,7 +1,9 @@
html {
font-size: 62.5%;
}
:root { :root {
--base_font_size: 62.5%;
}
html {
font-size: var(--base_font_size);
} }
body { body {
overflow-x: hidden; overflow-x: hidden;

View File

@@ -15,13 +15,13 @@ body, pre {
font-style: normal; font-style: normal;
} }
@media screen and (min-width: 500px) { @media screen and (min-width: 500px) {
body, pre { html {
font-size: 1.8rem; font-size: calc(var(--base_font_size) * 1.2);
} }
} }
ul { ul {
display: block; display: block;
list-style-type: "• "; list-style-type: "• ";
padding-left: 20px; padding-left: 20px;
/* /*
list-style-position: inside; list-style-position: inside;
@@ -32,7 +32,7 @@ li {
display: list-item; display: list-item;
} }
li::marker { li::marker {
font-size: 1.2rem; font-size: 1.8rem;
} }
details summary { details summary {
/* /*