first commit

main
poni 5 months ago
commit 1fbe6d6b12

Binary file not shown.

Binary file not shown.

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.2 MiB

@ -0,0 +1,68 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Funnrwood 30</h1>
<p><i>26 Luglio<br> Civitanova Marche</i></p>
<h2><marquee behavior="" direction="left">MASKED FACE EDITION</marquee></h2>
<div class="animaz">
<img src="ale.png" alt="">
<!-- <div class="maskContainer"> -->
<img class="mask uno draggable" src="mask.png" alt="">
<img class="mask due draggable" src="mask2.png" alt="">
<!-- </div> -->
</div>
<p> Portare costume e asciugamano.<br>Chi vuole rimanere a dormire ci saranno delle tende in giardino per accorgliervi ♥️ </p>
<p>Conferma la tua partecipazione entro il 12.07 e avrai tutte le info dellevento ;)</p>
<script>
const bodyWidth = document.body.clientWidth;
let currentZIndex = 1; // Initialize a variable to keep track of the highest z-index
document.querySelectorAll('.draggable').forEach(draggable => {
draggable.addEventListener('touchstart', (event) => {
draggable.style.zIndex = ++currentZIndex; // Set the z-index to a higher value
const shiftX = event.clientX - draggable.getBoundingClientRect().left;
const shiftY = event.clientY - draggable.getBoundingClientRect().top;
function moveAt(pageX, pageY) {
draggable.style.left = `${pageX - shiftX}px`;
draggable.style.top = `${pageY - shiftY}px`;
}
function onMouseMove(event) {
moveAt(event.pageX, event.pageY);
}
// document.addEventListener('mousemove', onMouseMove);
draggable.addEventListener('touchstart', () => {
document.removeEventListener('touchend', onMouseMove);
}, { once: true });
});
draggable.addEventListener('dragstart', () => false);
});
</script>
</body>
</html>

Binary file not shown.

After

Width:  |  Height:  |  Size: 176 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

@ -0,0 +1,60 @@
@font-face {
font-family: 'inter';
src: url(Inter-Thin.otf);
}
@font-face {
font-family: 'kind';
src: url(KindRegards.otf);
}
body, html{
width: 100%;
height: 100%;
text-align: center;
font-family: 'inter';
margin: 0;
padding: 0;
}
img{
width: 50%;
border-radius: 20%;
}
.due{
width: 15%;
}
h1{
font-family: 'kind';
font-size: 4rem;
margin-bottom: 0;
}
p{
margin: 1rem;
}
.animaz{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
@keyframes maskMove {
from{
left: 0;
} to{
left: 100vw;
}
}
.mask{
position: absolute;
top: 32%;
/* animation: infinite linear maskMove 10s; */
}
Loading…
Cancel
Save