camill/spacetaxi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added lore

Browse Source
This commit is contained in:
camill 2025-12-01 20:12:19 +01:00
parent ae2a051b96
commit 0199d7e056
1 changed files with 58 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
feedback.html
View File

@ -32,8 +32,8 @@
text-align: center;
position: absolute;
}
.plane:after
{
.plane:after {
bottom: 60%;
left: 0;
right: 0;
@ -44,8 +44,7 @@
position: absolute;
}
.content
{
.content {
/* 60 Sekunden Animation, die in 3 Sekunden eingeblendet wird */
animation: scroll 60s linear 3s;
position: absolute;
@ -62,19 +61,64 @@
}
}
particle {
border-radius: 50%;
left: 0;
pointer-events: none;
position: fixed;
top: 0;
opacity: 0;
}
</style>
<script>
document.addEventListener('DOMContentLoaded', init);
function init() {
create_star_field(100);
}
function create_star_field(n) {
for (let i = 0; i < n; i++) {
create_star();
}
}
function create_star() {
const x = Math.floor(Math.random() * window.innerWidth);
const y = Math.floor(Math.random() * window.innerHeight);
const star = document.createElement('particle');
document.body.appendChild(star);
star.style.position = 'absolute';
star.style.opacity = '1';
star.style.zIndex = '-1';
const size = Math.round(Math.random() * 5);
star.style.height = `${size}px`;
star.style.width = `${size}px`;
star.style.background = '#ffffff';
star.style.left = `${x}px`;
star.style.top = `${y}px`;
}
</script>
</head>
<body>
<div class="plane">
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus sit amet dictum nunc. Phasellus a
metus purus. Mauris auctor neque ut efficitur condimentum. Vivamus in tortor consequat, rutrum neque in,
vehicula ipsum. Vestibulum venenatis, lorem sit amet ultricies feugiat, tortor nisi euismod velit, at
elementum mi mi id sem. Etiam nec dolor quis lacus volutpat lacinia eget eget ante. Suspendisse id
iaculis enim. Aenean cursus leo accumsan eros pharetra, non tempus ipsum rutrum. Cras vel eros id odio
lobortis imperdiet. Nunc urna dui, pretium a volutpat eu, imperdiet non ex. </p>
<p>Der Astronaut <span>username</span> reiste durch die Galaxies und kämpfte für das Gute.</p>
<p>Mit seinem Raumschiff, die <span>Ariane 5 ECA</span>, befreite er ganze <span>5 Planeten</span> von dem Bösen.</p>
<p>Ausgestattet mit <span>Schwebepizza</span>, <span>PV-Panel</span>, <span>Rover</span> und einer mutigen Crew, flog er ganze <span>5 Jahre</span> durch das All.</p>
<p>Mit dem Kopfgeld der Bösen, von ingesamt <span>5M Dollarn</span>, finanzierte er sich seine Heldensreise.</p>
<p>Auf ein neues Abenteuer, <span>username</span>!</p>
</div>
</div>