site-perso-poly/projects/crazyspace.html
Djalim Simaila 904d8daee6
All checks were successful
DEPLOY / deploy (push) Successful in 12s
feat: update navigation links and add new pages for improved user experience
- Change "Surprise :)" link to "Vibe check" across multiple HTML files for consistency and clarity.
- Add a new "about.html" page to provide information about the author.
- Introduce a new "quizz.html" page for user interaction and engagement.
- Create new project pages for "Lieutenant Champignon" and "Pong" to showcase additional projects.
- Remove outdated project pages and links to streamline the project section.
- Add new assets including images and PDFs to enhance content presentation.
- Update JavaScript functions for form validation and score calculation in the quizz page.
- Improve styling in CSS for better visual hierarchy and layout consistency.
2025-02-23 19:55:42 +01:00

92 lines
3.0 KiB
HTML

<!doctype html>
<html lang="fr">
<head>
<title>Crazy Space</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
/>
</head>
<body>
<header>
<div class="links">
<a href="/" class="header_button">Home Page</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/quizz" class="header_button">Vibe check</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button
id="display_header_links"
onclick="toggle_all_header_links()"
>
</button>
</header>
<main>
<h1>Crazy space</h1>
<p>
Crazy space is a space shooter game made in scratch for a
programing contest named Jeux Fabrique.
<br />
In Crazy space you play E-404, a space ship fighting asteroids
comming stright to Earth and the mysterious entiries causing
them to fall down to Earth.
</p>
<div
style="
position: relative;
padding-bottom: 56.25%;
height: 0;
width: 100%;
overflow: hidden;
border-radius: 10px;
"
>
<iframe
src="https://geo.dailymotion.com/player.html?video=x6l3gby"
style="
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
overflow: hidden;
border: none;
"
allowfullscreen
title="Dailymotion Video Player"
allow="web-share"
>
</iframe>
</div>
<p>
The final version is now lost to time but a old demo can still
be played
</p>
<iframe
src="https://scratch.mit.edu/projects/1137857711/embed"
style="border-radius: 10px"
allowtransparency="true"
width="485"
height="402"
frameborder="0"
scrolling="no"
allowfullscreen
></iframe>
</main>
<footer>
<p>
Fait par Djalim Simaila et sa haine de l'HTML, CSS, mais pas du
JavaScript ♥️
</p>
<p>©2025</p>
</footer>
</body>
</html>