Compare commits

..

No commits in common. "e2ae37d9f9a9543c48dd6e6b62998307e00ec3f1" and "63af8d89f5d96ccd4c0e913aa1a846e82875c63c" have entirely different histories.

2 changed files with 34 additions and 12 deletions

View file

@ -11,6 +11,9 @@
src: url(../assets/fonts/segoesc.ttf);
}
/* Basic Font */
/* font-family: Courier New */
:root {
--primary-bg-color: black; /* global scope */
--accent-violet: #8800FF;
@ -50,6 +53,7 @@ main h1 {
font-size: clamp(4em, 14vw, 8em);
margin-top: 5%;
max-width: 1400px;
font-size: 8em;
}
main h2 {
@ -138,6 +142,22 @@ main > img {
object-fit: scale-down;
}
main > .sticker {
background: none;
z-index: 0;
}
main > *.draggable:not(.sticker) {
&:not(h2) {
width: 100%;
}
&:not(h1):not(h2):hover {
animation: none;
}
}
.btn-nice {
color: #FFFFFF;
text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
@ -154,6 +174,7 @@ main > img {
float: left;
margin-left: 10%;
line-height: 0.8em;
font-size: 0.9em;
}
#interhack {
@ -161,4 +182,5 @@ main > img {
color: var(--accent-yellow);
margin-right: 10%;
line-height: 0.5em;
margin-top: -0.4em;
}

View file

@ -27,20 +27,20 @@ BISOUS
</nav>
<main>
<img class="draggable randomStart " src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart " src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart " src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart " src="assets/stickers/tracteur.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/ecran.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/ferasouder.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/machineacoudre.png" alt="">
<img class="draggable randomStart sticker" src="assets/stickers/tracteur.png" alt="">
<h1>
<span id="camp" class="draggable">camp</span>