DjalimSimaila/site-perso-poly
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: update HTML links to use absolute paths for consistency and reliability
All checks were successful
DEPLOY / deploy (push) Successful in 7s
Details

Browse Source 
feat: add new project pages for Crazy Space, Pokemon Kreye edition, Pycord, and others
fix: update project descriptions for clarity and accuracy
style: format JavaScript code for better readability and consistency
This commit is contained in:
Djalim Simaila 2025-02-23 14:56:54 +01:00
parent a8b24deb12
commit 5ed9f72230
17 changed files with 322 additions and 68 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
CV.html
View File

@ -3,16 +3,16 @@
<head>
<title>CV</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
</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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button

12
TP3.html
View File

@ -3,17 +3,17 @@
<head>
<title>TP3</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<script src="static/js/TP3.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
<script src="/static/js/TP3.js" defer></script>
</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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button

12
TP4.html
View File

@ -3,17 +3,17 @@
<head>
<title>TP4</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<script src="static/js/TP4.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
<script src="/static/js/TP4.js" defer></script>
</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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button

12
TP5.html
View File

@ -3,9 +3,9 @@
<head>
<title>TP5</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<script src="static/js/TP5.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
<script src="/static/js/TP5.js" defer></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
@ -15,9 +15,9 @@
<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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button

12
TP6.html
View File

@ -3,9 +3,9 @@
<head>
<title>TP6</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<script src="static/js/TP6.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
<script src="/static/js/TP6.js" defer></script>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
@ -15,9 +15,9 @@
<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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button

10
blocs.html
View File

@ -3,16 +3,16 @@
<head>
<title>Homepage</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
</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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button

10
index.html
View File

@ -3,16 +3,16 @@
<head>
<title>Homepage</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
</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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button

62
projects.html
View File

@ -3,16 +3,16 @@
<head>
<title>Projects</title>
<meta charset="UTF-8" />
<link rel="stylesheet" href="static/style.css" />
<script src="static/js/utils.js" defer></script>
<link rel="stylesheet" href="/static/style.css" />
<script src="/static/js/utils.js" defer></script>
</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="surprise.html" class="header_button">Surprise :)</a>
<a href="/projects.html" class="header_button">Projets</a>
<a href="/about.html" class="header_button">A propos de moi</a>
<a href="/surprise.html" class="header_button">Surprise :)</a>
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
</div>
<button
@ -30,35 +30,71 @@
<a href="/TP3.html" class="box project">
<h2>TP3</h2>
<p>Lorem Ipsum</p>
<p>Simple game about finding numbers</p>
</a>
<a href="/TP4.html" class="box project">
<h2>TP4</h2>
<p>Lorem Ipsum</p>
<p>Check out a random Pokemon from my perfect team</p>
</a>
<a href="/TP5.html" class="box project">
<h2>TP5</h2>
<p>Lorem Ipsum</p>
<p>A groceery list that is stored in your browser</p>
</a>
<a href="/TP6.html" class="box project">
<h2>TP6</h2>
<p>Lorem Ipsum</p>
<p>Simulate a roulette game</p>
</a>
<a href="/blocs.html" class="box project">
<h2>Blocs flexbox</h2>
<p>Lorem Ipsum</p>
<p>A flexbox example</p>
</a>
<div id="title">
<h1>Mes projets</h1>
</div>
<a href="/TP6.html" class="box project">
<h2>TP6</h2>
<p>Lorem Ipsum</p>
<a href="/projects/crazyspace.html" class="box project">
<h2>Crazy Space</h2>
<p>A Space shooter game for a programing contest</p>
</a>
<a href="/projects/pokemonkreteed.html" class="box project">
<h2>Pokemon Kreye edition</h2>
<p>An unfinished rom hack for a friend named Kreye</p>
</a>
<a href="/projects/pycord.html" class="box project">
<h2>Pycord</h2>
<p>A discord look-alike made in python</p>
</a>
<a href="/projects/superspaceinvader.html" class="box project">
<h2>Super Space Invader</h2>
<p>A space invader made in C</p>
</a>
<a href="/projects/httpserver.html" class="box project">
<h2>Simple Http server</h2>
<p>A work in progress lightweight HTTP server made in C++</p>
</a>
<a href="/projects/clipsync.html" class="box project">
<h2>ClipSync</h2>
<p>
A linux deamon and an android app to sync clipboard beteen
devices
</p>
</a>
<a href="/projects/truthinquiry.html" class="box project">
<h2>TruthInquiry</h2>
<p>
A serious game made in Flask about facial expression and a
murder
</p>
</a>
<a href="/projects/retrodb.html" class="box project">
<h2>The Great Retro library</h2>
<p>
A website where you can play all your favorites retro games
</p>
</a>
</main>

0
projects/clipsync.html Normal file
View File

91
projects/crazyspace.html Normal file
View File

@ -0,0 +1,91 @@
<!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="/surprise.html" class="header_button">Surprise :)</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>

0
projects/httpserver.html Normal file
View File

79
projects/pokemonkreteed.html Normal file
View File

@ -0,0 +1,79 @@
<!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"
/>
<script language="javascript" defer>
function init() {
const iframe = document.getElementById("iframe");
const iframeContent = iframe.contentWindow.document;
iframeContent.body.getElementById("game").style.borderRadius =
"10px";
}
</script>
</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="/surprise.html" class="header_button">Surprise :)</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>Pokemon : Kreye edition</h1>
<p>
Pokemon Kreye edtion is a Pokemon Fire Red rom hack made for my
friend nicknamed "Kreye".
<br />
The game is unfinished but we had a lot of fun making this game.
<br />
It is only shown for the technical prowess of making a rom hack.
</p>
<h1>
WARNING THIS GAME WAS MADE BY A TEENAGER AT THE TIME, THE HUMOR
IS GROSS
</h1>
<iframe
src="https://retrodb.djalim.fr/emulator?rom_id=1&console_core=gba"
style="
width: 600px;
height: 496px;
border: none;
& html body div div#game.ejs_parent {
border-radius: 10px;
}
"
id="iframe"
onload="init()"
allowfullscreen
title="Pokemon kreye edition player"
allow="web-share"
>
</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>

48
projects/pycord.html Normal file
View File

@ -0,0 +1,48 @@
<!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="/surprise.html" class="header_button">Surprise :)</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>Pycord</h1>
<p>
Pycord is Termunal UI a discord clone made in python.
<br />
It uses npyscreen as a tui library and Mysql as a database.
</p>
<a>source code</a>
</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>

0
projects/retrodb.html Normal file
View File

0
projects/superspaceinvader.html Normal file
View File

0
projects/truthinquiry.html Normal file
View File

32
static/js/TP4.js
View File

@ -1,38 +1,38 @@
var pokemons = [6,26,260,282,297,380]
var pokemons = [6, 26, 260, 282, 297, 380];
function chose_random_pokemon(){
function chose_random_pokemon() {
let randnum = Math.floor(Math.random() * pokemons.length);
let imageToDisplay = "static/assets/images/pokemons/"+pokemons[randnum]+".png"
let imageToDisplay =
"/static/assets/images/pokemons/" + pokemons[randnum] + ".png";
get_name(pokemons[randnum]);
get_desc(pokemons[randnum]);
document.getElementById("pokemon_frame").src = imageToDisplay;
}
function get_name(number){
fetch("https://pokeapi.co/api/v2/pokemon/"+number)
.then(function(response) {
function get_name(number) {
fetch("https://pokeapi.co/api/v2/pokemon/" + number)
.then(function (response) {
return response.json();
})
.then(function(pokemon_data) {
.then(function (pokemon_data) {
let name = pokemon_data.name;
document.getElementById("pokemon_name").textContent = name;
})
.catch(function(err) {
console.log('Fetch Error :-S', err);
.catch(function (err) {
console.log("Fetch Error :-S", err);
});
}
function get_desc(number){
fetch("https://pokeapi.co/api/v2/pokemon-species/"+number)
.then(function(response) {
function get_desc(number) {
fetch("https://pokeapi.co/api/v2/pokemon-species/" + number)
.then(function (response) {
return response.json();
})
.then(function(pokemon_data) {
.then(function (pokemon_data) {
let desc = pokemon_data.flavor_text_entries[0].flavor_text;
document.getElementById("pokemon_desc").textContent = desc;
})
.catch(function(err) {
console.log('Fetch Error :-S', err);
.catch(function (err) {
console.log("Fetch Error :-S", err);
});
}