MiOM/2-year-flyer
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Initial commit

Browse source
This commit is contained in:
Benjamin Bädorf 2023-06-12 21:03:20 +02:00
commit 6180a25023
No known key found for this signature in database
GPG key ID: 4406E80E13CD656C
1 changed files with 64 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
index.html Normal file
View file

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html lang="{{ language }}">
<head>
<meta charset="utf-8" />
<link
rel="stylesheet"
href="https://unpkg.com/98.css"
/>
<style>
body {
background: #008080;
position: relative;
overflow: hidden;
}
.window {
width: 300px;
transform: scale(2.75);
transform-origin: 0 0;
position: absolute;
}
#window {
display: none;
}
</style>
</head>
<body>
<div class="window" id="window">
<div class="title-bar">
<div class="title-bar-text">You're invited!</div>
<div class="title-bar-controls">
<button aria-label="Minimize"></button>
<button aria-label="Maximize"></button>
<button aria-label="Close"></button>
</div>
</div>
<div class="window-body">
<h4>MiOM 2-Year Anniversary</h4>
<p>📅 24.06. @ 19:30</p>
<p>🧑‍🤝‍🧑 Friends invite friends</p>
<p>🏖️ Beachparty without beach</p>
<p>🍾 Bottle party (BYOD)</p>
<p>📌 Wilhelm-Mauser-Straße 47 Halle 5</p>
<a href="https://miom.space">https://miom.space/</a>
</div>
<script>
const w = document.getElementById('window');
document.addEventListener('mousemove', (ev) => {
if (!ev.shiftKey) {
return;
}
const newW = w.cloneNode(true);
newW.id = '';
newW.style.top = `${ev.clientY}px`;
newW.style.left = `${ev.clientX}px`;
document.body.appendChild(newW);
});
</script>
</div>
</body>
</html>