diff --git a/assets/datapaulette.jpg b/assets/datapaulette.jpg
new file mode 100644
index 0000000..24f7f5e
Binary files /dev/null and b/assets/datapaulette.jpg differ
diff --git a/assets/fuz.png b/assets/fuz.png
new file mode 100644
index 0000000..2a9db37
Binary files /dev/null and b/assets/fuz.png differ
diff --git a/assets/hackstub.svg b/assets/hackstub.svg
new file mode 100644
index 0000000..9a6a1af
--- /dev/null
+++ b/assets/hackstub.svg
@@ -0,0 +1,16 @@
+
+
\ No newline at end of file
diff --git a/assets/lebib.png b/assets/lebib.png
new file mode 100644
index 0000000..a8e71d8
Binary files /dev/null and b/assets/lebib.png differ
diff --git a/assets/lqdn.png b/assets/lqdn.png
new file mode 100644
index 0000000..4e3bedd
Binary files /dev/null and b/assets/lqdn.png differ
diff --git a/css/base.css b/css/base.css
index d3886d5..bd4db14 100644
--- a/css/base.css
+++ b/css/base.css
@@ -24,16 +24,18 @@ a {
}
main {
- background-color: #413f43;
- background-image: url(../assets/background.jpg);
- background-repeat: no-repeat;
- background-size: cover;
+ /* background-color: #413f43;*/
+ background: #058C9E;
+ background: radial-gradient(at left top, #058C9E, #BC5180);
+ /* background-repeat: no-repeat;
+ background-size: cover; */
}
-main h1, main h2 {
+main h1, main h2, main h3 {
font-family: Banquise;
color: white;
+ z-index: 2;
}
main h1 {
diff --git a/css/drag.css b/css/drag.css
index 6e97cd7..b3b3804 100644
--- a/css/drag.css
+++ b/css/drag.css
@@ -17,6 +17,28 @@ main img.draggable {
filter: drop-shadow(5px 3px 2px #000000b7);
}
+.draggable:hover {
+ /* Start the shake animation and make the animation last for 0.5 seconds */
+ animation: shake 3s;
+
+ /* When the animation is finished, start again */
+ animation-iteration-count: infinite;
+}
+
+@keyframes shake {
+ 0% { transform: translate(1px, 1px) rotate(0deg); }
+ 10% { transform: translate(-1px, -2px) rotate(-1deg); }
+ 20% { transform: translate(-2px, 0px) rotate(1deg); }
+ 30% { transform: translate(2px, 2px) rotate(0deg); }
+ 40% { transform: translate(1px, -1px) rotate(1deg); }
+ 50% { transform: translate(-1px, 2px) rotate(-1deg); }
+ 60% { transform: translate(-3px, 1px) rotate(0deg); }
+ 70% { transform: translate(2px, 1px) rotate(-1deg); }
+ 80% { transform: translate(-1px, -1px) rotate(1deg); }
+ 90% { transform: translate(1px, 2px) rotate(0deg); }
+ 100% { transform: translate(1px, -2px) rotate(-1deg); }
+}
+
span.draggable {
display: inline-block;
/* text-shadow: 1px 1px black, 0px 1px black, -1px 0px black, -1px -1px black; */
diff --git a/css/home.css b/css/home.css
index eb9d863..7dc37e7 100644
--- a/css/home.css
+++ b/css/home.css
@@ -16,11 +16,21 @@ main h1 {
}
main h2 {
+ position: relative;
margin: 4% auto;
text-align: center;
font-size: clamp(2.5em, 5vw, 4em);
}
+main h3 {
+ position: relative;
+ text-align: center;
+ margin: auto;
+ width: 100%;
+ font-size: clamp(2em, 4vw, 4em);
+ margin-top: 5%;
+}
+
main p {
margin: 1%;
padding: 1%;
@@ -29,6 +39,7 @@ main p {
/* border: solid 1px; */
opacity: 0.92;
display: inline-block;
+ z-index: 3;
}
section {
@@ -41,3 +52,22 @@ section {
columns: 560px;
padding: 2%;
}
+
+.logo {
+ width: 100%;
+ height: 100%;
+ max-width: 7em ;
+ padding: 0.2em;
+ background-color:rgba(99, 99, 99, 0.2);
+ box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
+ margin: 1em;
+ z-index: 2;
+ position: relative;
+}
+
+.participants {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 200px;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index d3b628e..47e35b7 100644
--- a/index.html
+++ b/index.html
@@ -84,6 +84,26 @@
Seule exigence, respecter toutes les marginalités, originalités, bizarreries et normaleries de
chacun·es.
+
+
+
+ Iels y participent
+
+
+
+
+ 
+ 
+
+
+
+
+ 
+
+ 
+