trying style with less banners
This commit is contained in:
98
index.html
98
index.html
@@ -42,14 +42,14 @@
|
|||||||
<section id="projects" data-flex="vertical stretch parent">
|
<section id="projects" data-flex="vertical stretch parent">
|
||||||
<figure data-flex="horizontal parent center wrap">
|
<figure data-flex="horizontal parent center wrap">
|
||||||
<pre>
|
<pre>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</figure>
|
||||||
<h2 data-flex="center">here are some works I have done</h2>
|
<h2 data-flex="center">projets réalisés</h2>
|
||||||
<iframe
|
<iframe
|
||||||
src="https://2022.lejourdesprofs.org/hugogogo/"
|
src="https://2022.lejourdesprofs.org/hugogogo/"
|
||||||
data-flex="center"
|
data-flex="center"
|
||||||
@@ -548,6 +548,12 @@
|
|||||||
-->
|
-->
|
||||||
<figure id="banner_1">
|
<figure id="banner_1">
|
||||||
<pre class="banner">
|
<pre class="banner">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -556,48 +562,36 @@
|
|||||||
<!--
|
<!--
|
||||||
END BANNER 1
|
END BANNER 1
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
BANNER 2
|
BANNER 2
|
||||||
-->
|
-->
|
||||||
<figure id="banner_2">
|
<figure id="banner_2">
|
||||||
<pre class="banner reverse t10">
|
<pre class="banner reverse t05">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</pre>
|
</pre>
|
||||||
</figure>
|
</figure>
|
||||||
<!--
|
<!--
|
||||||
END BANNER 2
|
END BANNER 2
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
BANNER 3
|
BANNER 3
|
||||||
-->
|
-->
|
||||||
<figure id="banner_3">
|
<figure id="banner_3">
|
||||||
<pre class="banner t20 reverse">
|
<pre class="banner t15 reverse">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -606,23 +600,11 @@
|
|||||||
<!--
|
<!--
|
||||||
END BANNER 3
|
END BANNER 3
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
BANNER 4
|
BANNER 4
|
||||||
-->
|
-->
|
||||||
<figure id="banner_4">
|
<figure id="banner_4">
|
||||||
<pre class="banner t05">
|
<pre class="banner t05">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@@ -631,14 +613,6 @@
|
|||||||
<!--
|
<!--
|
||||||
END BANNER 4
|
END BANNER 4
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
BANNER 5
|
BANNER 5
|
||||||
-->
|
-->
|
||||||
@@ -664,14 +638,6 @@
|
|||||||
<!--
|
<!--
|
||||||
END BANNER 5
|
END BANNER 5
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
BANNER 6
|
BANNER 6
|
||||||
-->
|
-->
|
||||||
@@ -685,14 +651,6 @@
|
|||||||
<!--
|
<!--
|
||||||
END BANNER 6
|
END BANNER 6
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
BANNER 7
|
BANNER 7
|
||||||
-->
|
-->
|
||||||
@@ -709,14 +667,6 @@
|
|||||||
<!--
|
<!--
|
||||||
END BANNER 7
|
END BANNER 7
|
||||||
-->
|
-->
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
BANNER 8
|
BANNER 8
|
||||||
-->
|
-->
|
||||||
|
|||||||
@@ -39,11 +39,11 @@ section {
|
|||||||
#banner_1 { grid-area: banner_1;}
|
#banner_1 { grid-area: banner_1;}
|
||||||
#banner_2 { grid-area: banner_2;}
|
#banner_2 { grid-area: banner_2;}
|
||||||
#banner_3 { grid-area: banner_3;}
|
#banner_3 { grid-area: banner_3;}
|
||||||
#banner_4 { grid-area: banner_4;}
|
#banner_4 { grid-area: banner_4; display: none;}
|
||||||
#banner_5 { grid-area: banner_5;}
|
#banner_5 { grid-area: banner_5; display: none;}
|
||||||
#banner_6 { grid-area: banner_6;}
|
#banner_6 { grid-area: banner_6; display: none;}
|
||||||
#banner_7 { grid-area: banner_7;}
|
#banner_7 { grid-area: banner_7; display: none;}
|
||||||
#banner_8 { grid-area: banner_8;}
|
#banner_8 { grid-area: banner_8; display: none;}
|
||||||
|
|
||||||
#body {
|
#body {
|
||||||
/*
|
/*
|
||||||
@@ -51,21 +51,16 @@ section {
|
|||||||
display: grid;
|
display: grid;
|
||||||
grid:
|
grid:
|
||||||
' . title . ' auto
|
' . title . ' auto
|
||||||
' banner_2 banner_2 banner_2 ' auto
|
|
||||||
' . mouse_1 . ' auto
|
' . mouse_1 . ' auto
|
||||||
' banner_1 banner_1 banner_1 ' auto
|
' banner_1 banner_1 banner_1 ' auto
|
||||||
' . projects . ' auto
|
' . projects . ' auto
|
||||||
' banner_3 banner_3 banner_3 ' auto
|
|
||||||
' . mouse_2 . ' auto
|
' . mouse_2 . ' auto
|
||||||
' banner_4 banner_4 banner_4 ' auto
|
' banner_2 banner_2 banner_2 ' auto
|
||||||
' . cv . ' auto
|
' . cv . ' auto
|
||||||
' banner_5 banner_5 banner_5 ' auto
|
|
||||||
' . mouse_3 . ' auto
|
|
||||||
' banner_6 banner_6 banner_6 ' auto
|
|
||||||
' banner_7 banner_7 banner_7 ' auto
|
|
||||||
' . mouse_4 . ' auto
|
' . mouse_4 . ' auto
|
||||||
' banner_8 banner_8 banner_8 ' auto
|
' banner_3 banner_3 banner_3 ' auto
|
||||||
' . infos . ' auto
|
' . infos . ' auto
|
||||||
|
' . mouse_3 . ' auto
|
||||||
/ 1fr minmax(auto, 900px) 1fr;
|
/ 1fr minmax(auto, 900px) 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user