chore: update HTML links to use absolute paths for consistency and reliability
All checks were successful
DEPLOY / deploy (push) Successful in 7s
All checks were successful
DEPLOY / deploy (push) Successful in 7s
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:
parent
a8b24deb12
commit
5ed9f72230
10
CV.html
10
CV.html
@ -3,16 +3,16 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>CV</title>
|
<title>CV</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
|
|||||||
12
TP3.html
12
TP3.html
@ -3,17 +3,17 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>TP3</title>
|
<title>TP3</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
<script src="static/js/TP3.js" defer></script>
|
<script src="/static/js/TP3.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
|
|||||||
12
TP4.html
12
TP4.html
@ -3,17 +3,17 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>TP4</title>
|
<title>TP4</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
<script src="static/js/TP4.js" defer></script>
|
<script src="/static/js/TP4.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
|
|||||||
12
TP5.html
12
TP5.html
@ -3,9 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>TP5</title>
|
<title>TP5</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
<script src="static/js/TP5.js" defer></script>
|
<script src="/static/js/TP5.js" defer></script>
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||||
@ -15,9 +15,9 @@
|
|||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
|
|||||||
12
TP6.html
12
TP6.html
@ -3,9 +3,9 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>TP6</title>
|
<title>TP6</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
<script src="static/js/TP6.js" defer></script>
|
<script src="/static/js/TP6.js" defer></script>
|
||||||
<link
|
<link
|
||||||
rel="stylesheet"
|
rel="stylesheet"
|
||||||
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css"
|
||||||
@ -15,9 +15,9 @@
|
|||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
|
|||||||
10
blocs.html
10
blocs.html
@ -3,16 +3,16 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Homepage</title>
|
<title>Homepage</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
|
|||||||
10
index.html
10
index.html
@ -3,16 +3,16 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Homepage</title>
|
<title>Homepage</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
|
|||||||
@ -3,16 +3,16 @@
|
|||||||
<head>
|
<head>
|
||||||
<title>Projects</title>
|
<title>Projects</title>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="stylesheet" href="static/style.css" />
|
<link rel="stylesheet" href="/static/style.css" />
|
||||||
<script src="static/js/utils.js" defer></script>
|
<script src="/static/js/utils.js" defer></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<div class="links">
|
<div class="links">
|
||||||
<a href="/" class="header_button">Home Page</a>
|
<a href="/" class="header_button">Home Page</a>
|
||||||
<a href="projects.html" class="header_button">Projets</a>
|
<a href="/projects.html" class="header_button">Projets</a>
|
||||||
<a href="about.html" class="header_button">A propos de moi</a>
|
<a href="/about.html" class="header_button">A propos de moi</a>
|
||||||
<a href="surprise.html" class="header_button">Surprise :)</a>
|
<a href="/surprise.html" class="header_button">Surprise :)</a>
|
||||||
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
<a href="https://djalim.fr" class="header_button">Blog Perso</a>
|
||||||
</div>
|
</div>
|
||||||
<button
|
<button
|
||||||
@ -30,35 +30,71 @@
|
|||||||
|
|
||||||
<a href="/TP3.html" class="box project">
|
<a href="/TP3.html" class="box project">
|
||||||
<h2>TP3</h2>
|
<h2>TP3</h2>
|
||||||
<p>Lorem Ipsum</p>
|
<p>Simple game about finding numbers</p>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="/TP4.html" class="box project">
|
<a href="/TP4.html" class="box project">
|
||||||
<h2>TP4</h2>
|
<h2>TP4</h2>
|
||||||
<p>Lorem Ipsum</p>
|
<p>Check out a random Pokemon from my perfect team</p>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="/TP5.html" class="box project">
|
<a href="/TP5.html" class="box project">
|
||||||
<h2>TP5</h2>
|
<h2>TP5</h2>
|
||||||
<p>Lorem Ipsum</p>
|
<p>A groceery list that is stored in your browser</p>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="/TP6.html" class="box project">
|
<a href="/TP6.html" class="box project">
|
||||||
<h2>TP6</h2>
|
<h2>TP6</h2>
|
||||||
<p>Lorem Ipsum</p>
|
<p>Simulate a roulette game</p>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<a href="/blocs.html" class="box project">
|
<a href="/blocs.html" class="box project">
|
||||||
<h2>Blocs flexbox</h2>
|
<h2>Blocs flexbox</h2>
|
||||||
<p>Lorem Ipsum</p>
|
<p>A flexbox example</p>
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
<div id="title">
|
<div id="title">
|
||||||
<h1>Mes projets</h1>
|
<h1>Mes projets</h1>
|
||||||
</div>
|
</div>
|
||||||
<a href="/TP6.html" class="box project">
|
<a href="/projects/crazyspace.html" class="box project">
|
||||||
<h2>TP6</h2>
|
<h2>Crazy Space</h2>
|
||||||
<p>Lorem Ipsum</p>
|
<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>
|
</a>
|
||||||
</main>
|
</main>
|
||||||
|
|
||||||
|
|||||||
0
projects/clipsync.html
Normal file
0
projects/clipsync.html
Normal file
91
projects/crazyspace.html
Normal file
91
projects/crazyspace.html
Normal 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
0
projects/httpserver.html
Normal file
79
projects/pokemonkreteed.html
Normal file
79
projects/pokemonkreteed.html
Normal 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
48
projects/pycord.html
Normal 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
0
projects/retrodb.html
Normal file
0
projects/superspaceinvader.html
Normal file
0
projects/superspaceinvader.html
Normal file
0
projects/truthinquiry.html
Normal file
0
projects/truthinquiry.html
Normal 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 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_name(pokemons[randnum]);
|
||||||
get_desc(pokemons[randnum]);
|
get_desc(pokemons[randnum]);
|
||||||
document.getElementById("pokemon_frame").src = imageToDisplay;
|
document.getElementById("pokemon_frame").src = imageToDisplay;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function get_name(number) {
|
||||||
function get_name(number){
|
fetch("https://pokeapi.co/api/v2/pokemon/" + number)
|
||||||
fetch("https://pokeapi.co/api/v2/pokemon/"+number)
|
.then(function (response) {
|
||||||
.then(function(response) {
|
|
||||||
return response.json();
|
return response.json();
|
||||||
})
|
})
|
||||||
.then(function(pokemon_data) {
|
.then(function (pokemon_data) {
|
||||||
let name = pokemon_data.name;
|
let name = pokemon_data.name;
|
||||||
document.getElementById("pokemon_name").textContent = name;
|
document.getElementById("pokemon_name").textContent = name;
|
||||||
})
|
})
|
||||||
.catch(function(err) {
|
.catch(function (err) {
|
||||||
console.log('Fetch Error :-S', err);
|
console.log("Fetch Error :-S", err);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function get_desc(number){
|
function get_desc(number) {
|
||||||
fetch("https://pokeapi.co/api/v2/pokemon-species/"+number)
|
fetch("https://pokeapi.co/api/v2/pokemon-species/" + number)
|
||||||
.then(function(response) {
|
.then(function (response) {
|
||||||
return response.json();
|
return response.json();
|
||||||
})
|
})
|
||||||
.then(function(pokemon_data) {
|
.then(function (pokemon_data) {
|
||||||
let desc = pokemon_data.flavor_text_entries[0].flavor_text;
|
let desc = pokemon_data.flavor_text_entries[0].flavor_text;
|
||||||
document.getElementById("pokemon_desc").textContent = desc;
|
document.getElementById("pokemon_desc").textContent = desc;
|
||||||
})
|
})
|
||||||
.catch(function(err) {
|
.catch(function (err) {
|
||||||
console.log('Fetch Error :-S', err);
|
console.log("Fetch Error :-S", err);
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user