perso/WEBSITE_hugulumu
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

resolved pbm of margin in title section, it was because of the min function in font size

Browse Source
This commit is contained in:
asus
2023-11-19 21:24:54 +01:00
parent 2f95a96834
commit f334f87390
6 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
index.html
View File

@@ -7,8 +7,8 @@
<link rel="icon" href="data:;base64,iVBORw0KGgo="> <link rel="icon" href="data:;base64,iVBORw0KGgo=">
<title>hugulumu.fr</title> <title>hugulumu.fr</title>
<meta name="description" content="site web de hugo lamy, developpeur"> <meta name="description" content="site web de hugo lamy, developpeur">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/reset.css" type="text/css" rel="stylesheet"> <link href="./styles/reset.css" type="text/css" rel="stylesheet">
<link href="./styles/style.css" type="text/css" rel="stylesheet">
<link href="./styles/global.css" type="text/css" rel="stylesheet"> <link href="./styles/global.css" type="text/css" rel="stylesheet">
<link href="./styles/text.css" type="text/css" rel="stylesheet"> <link href="./styles/text.css" type="text/css" rel="stylesheet">
<link href="./styles/elements/mouses.css" type="text/css" rel="stylesheet"> <link href="./styles/elements/mouses.css" type="text/css" rel="stylesheet">
@@ -16,7 +16,6 @@
<link href="./styles/elements/title.css" type="text/css" rel="stylesheet"> <link href="./styles/elements/title.css" type="text/css" rel="stylesheet">
<link href="./styles/elements/cv.css" type="text/css" rel="stylesheet"> <link href="./styles/elements/cv.css" type="text/css" rel="stylesheet">
<link href="./styles/elements/infos.css" type="text/css" rel="stylesheet"> <link href="./styles/elements/infos.css" type="text/css" rel="stylesheet">
<link href="./styles/elements/sections.css" type="text/css" rel="stylesheet">
</head> </head>
<!-- <!--
@@ -71,14 +70,13 @@
--> -->
<body> <body id="body">
<!-- <!--
CV CV
--> -->
<section id="cv" data-flex="vertical left"> <section id="cv" data-flex="vertical left">
<h2>voici mon CV, que vous pouvez egalement <a href="downloads/hugo_lamy_2023_cv.pdf" download>télécharger en pdf</a></h2> <h2><a href="downloads/hugo_lamy_2023_cv.pdf" download>version pdf</a></h2>
<details> <details>
<summary> <summary>
<h2>Informatique</h2> <h2>Informatique</h2>
@@ -177,7 +175,7 @@
           
</pre> </pre>
</figure> </figure>
<figure id="title" style="gap:10px 30px; margin:30px 0px;" data-flex="horizontal center wrap"> <figure id="title" style="gap:10px 30px;" data-flex="horizontal center wrap">
<pre> <pre>
                           
                                       
@@ -720,6 +718,7 @@
</div>
</body> </body>
</html> </html>

3
styles/elements/cv.css
View File

@@ -1,5 +1,6 @@
#cv { #cv {
place-items: center;
} }
#cv h1, #cv h1,
@@ -20,6 +21,8 @@
/* /*
*/ */
margin-left: var(--list-padding); margin-left: var(--list-padding);
width: fit-content;
margin: auto;
} }
#cv summary + * { #cv summary + * {
margin-top: 10px; margin-top: 10px;

4
styles/elements/sections.css
View File

@@ -1,5 +1 @@
section {
justify-self: center;
margin: 50px 20px;
}

4
styles/elements/title.css
View File

@@ -1,8 +1,8 @@
#role_title #name { #name {
margin:30px 0px 40px 0px; margin:30px 0px 40px 0px;
} }
#role_title #title { #title {
margin:30px 0px 40px 0px; margin:30px 0px 40px 0px;
} }

10
styles/style.css
View File

@@ -2,10 +2,8 @@ html {
font-size: 62.5%; font-size: 62.5%;
} }
:root { :root {
--small-space: 10px;
--medium-space: calc(var(--small-space) * 3);
--big-space: calc(var(--small-space) * 10);
--list-padding: 10px; --list-padding: 10px;
--section_side_margin: 20px;
} }
body { body {
overflow-x: hidden; overflow-x: hidden;
@@ -21,6 +19,10 @@ script, style {
pre { pre {
margin: 10px 0px; margin: 10px 0px;
} }
section {
justify-self: center;
margin: 50px var(--section_side_margin);
}
/* /*
@@ -42,7 +44,7 @@ pre {
#banner_7 { grid-area: banner_7;} #banner_7 { grid-area: banner_7;}
#banner_8 { grid-area: banner_8;} #banner_8 { grid-area: banner_8;}
body { #body {
/* /*
*/ */
display: grid; display: grid;

4
styles/text.css
View File

@@ -36,7 +36,9 @@ h3 { margin: 20px 0px; font-size: 1.75rem; }
h4 { margin: 20px 0px; font-size: 1.5rem; } h4 { margin: 20px 0px; font-size: 1.5rem; }
h5 { margin: 10px 0px; font-size: 1.25rem; } h5 { margin: 10px 0px; font-size: 1.25rem; }
h6 { margin: 10px 0px; font-size: 1.0rem; } h6 { margin: 10px 0px; font-size: 1.0rem; }
pre { pre {
line-height: 0.8; line-height: 0.8;
font-size: min(2.2vw, 1.0rem); font-size: min(2.1vw, 1.0rem);
} }