Compare commits
No commits in common. "e2ae37d9f9a9543c48dd6e6b62998307e00ec3f1" and "63af8d89f5d96ccd4c0e913aa1a846e82875c63c" have entirely different histories.
e2ae37d9f9
...
63af8d89f5
2 changed files with 34 additions and 12 deletions
22
css/base.css
22
css/base.css
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue