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