Master/Transcendence
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

^^._, work in progress, small changes

Browse Source
This commit is contained in:
kalips003
2026-03-30 17:19:14 +02:00
parent def9918047
commit 384363c8dd
21 changed files with 932 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Transcendence/srcs/frontend/src/index.css
+71 -4
View File
@@ -23,11 +23,13 @@
body {
line-height: 1.6; /* inherited */
line-height: 1.5; /* inherited */
word-spacing: 1.4px; /* inherited */
font-size: 100px;
font-family: "Roboto", sans-serif; /* inherited */
font-size: 20px;
font-family: 'Times New Roman', serif; /* inherited */
color: var(--black); /* inherited */
text-align: center;
color: #696969;
margin: 0;
@@ -38,10 +40,75 @@ body {
justify-content: center;
align-items: center;
}
.container-1 {
display: flex;
width: 100%;
margin: 5px;
}
/* ///////////////////////////////////////////////////////// */
.button {
color: red;
margin: 5px 50px;
padding: 5px 50px;
}
}
.button-1 {
display: inline-block;
padding: 10px 20px;
background-color: #000000;
color: #8e8e8e;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border: 3px solid #363636;
border-radius: 6px;
transition: background-color 0.3s;
}
.button-1:hover {
background-color: rgb(202, 135, 10);
color: black;
}
.button-trans {
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.button-trans:hover {
}
.button-test {
margin-right: auto;
}
/* ///////////////////////////////////////////////////////// */
.footer_div {
display: flex;
justify-content: space-around;
/* padding: 20px; */
/* margin-top: 80px;
margin-bottom: 100px; */
}
.ico_footer {
text-align: center;
width: 25px;
vertical-align: top;
/* padding-right: 5px; */
}
a {
text-decoration: none;
color: #5c5c5c;
}
a:hover {
color: rgb(218, 145, 12);
}
/* ///////////////////////////////////////////////////////// */
Transcendence/srcs/frontend/src/index.html
+44 -2
View File
@@ -5,9 +5,51 @@
</head>
<body>
<div id="top-header">
<div id="header-1" class="container-1"
style="">
<div id="button-test" class="button-1 button-test">place-1</div>
<div id="button-trans" class="button-1 button-trans">place-2</div>
<div></div>
</div>
<img id="wiskas" style="margin: auto; display: block;" src="webcat/web_cat_img/wiskas-the-third.jpg">
<section style="display: flex;
justify-content: center;
width: 1000px;
margin: 0 auto;">
<p>I, am wiskas-the-third,
We are the cat company, we dont need to present our self for you already know
who we are, we created the internet, and we are still managing it now<br>
We at CAT are the admin, creator, and workers of the internet
Everytime a human goes to sleep, a cat start its shift, 1 billion pair of whiskers that are always here for you
Why? because we are philantropists, dont question it. Our goals are beyond your understanding
the internet was created by us, for us, and you should be glad we allow you to use it.
</p>
</section>
<section style="display: flex;">
<button style="margin-left: 50px;" class="button1" onclick="window.location.href = 'webcat/biblio.html';">
Latest News</button><br>
<button style="margin-left: 50px;" class="button1" onclick="window.location.href = 'webcat/staff/staff.html';">
meet the staff</button><br>
</section>
<footer>
<br><br><br>
<div class="footer_div" style="margin-top: 100px;">
<img class="ico_footer" src="webcat/web_cat_img/facebook_logo.png">
<img class="ico_footer" src="webcat/web_cat_img/insta_logo.png">
<img class="ico_footer" src="webcat/web_cat_img/twitter_logo.png">
</div>
<div class="footer_div" style="margin-bottom: 50px;">
<a href="https://www.facebook.com/">MIAOUBOOK</a>
<a href="https://www.instagram.com/">INSTAMIA</a>
<a href="https://twitter.com/">BLUE-SNACK</a>
</div>
<a href="./webcat/ml/mentions_legales.html">- LEGAL NOTICES -<br>(boring stuff, really, dont go look into this, i mean we are obligated to include it, but it will bore you, like, really)
<br>Dont do it! every seconds you spend in this next page, a kitten dies. so dont</a>
</footer>
</body>
</html>
Transcendence/srcs/frontend/src/index.js
+4 -41
View File
@@ -1,37 +1,6 @@
import { updateElement } from "./test/tools.js";
// header creation
let h = document.getElementById('top-header')
// document.body.append(h)
Object.assign(h.style, {
display: "flex",
justifyContent: "space-between",
alignItems: "center"
});
// top left button
let el = document.createElement('button')
h.append(el)
el.textContent = 'test';
Object.assign(el.style, {
fontSize: '50px'
})
el.classList.add('button')
// middle title
let title = document.createElement('span')
h.append(title)
title.textContent = 'title'
// right button
let b = document.createElement('button')
h.append(b)
b.textContent = 'login'
Object.assign(b.style, {
fontSize: '50px'
})
b.classList.add('button')
// //////////////////////////////////////////]
let div2 = document.createElement('div')
document.body.append(div2)
let button1 = document.createElement('button')
@@ -58,11 +27,5 @@ button4.textContent = 'test'
button4.addEventListener('click', () => {
window.location.href = './test/index.html';
})
//
let wiskas = document.createElement('img')
wiskas.src = './webcat/web_cat_img/wiskas-the-third.jpg'
document.body.append(wiskas)
let img = document.getElementById('wiskas');
img.before(div2)
Transcendence/srcs/frontend/src/test/a.js → Transcendence/srcs/frontend/src/test/delamerde/a.js
View File
Transcendence/srcs/frontend/src/webcat/header.js → Transcendence/srcs/frontend/src/test/delamerde/header.js
View File
Transcendence/srcs/frontend/src/webcat/popup.js → Transcendence/srcs/frontend/src/test/delamerde/popup.js
View File
Transcendence/srcs/frontend/src/webcat/tools.js → Transcendence/srcs/frontend/src/test/delamerde/tools.js
+1 -1
View File
@@ -1,4 +1,4 @@
import { STORAGE_KEYS } from '../core/config.js';
import { STORAGE_KEYS } from '../../core/config.js';
export function checkIfLoggedIn() {
const token = localStorage.getItem(STORAGE_KEYS.AUTH_TOKEN);
Transcendence/srcs/frontend/src/tetris/tetris.html
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TETRIS</title>
<!-- <link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap" rel="stylesheet"> -->
<link href="https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Orbitron:wght@400;700;900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="tetris.css">
</head>
<body>
Transcendence/srcs/frontend/src/trans/index2.html
+3 -3
View File
@@ -22,11 +22,11 @@
<nav class="game" aria-label="Game">
<button class="game__item" data-action="new_game" aria-label="Skkrrribl.io"
onclick="window.location.href='game/game.html'">Skkrrribl.io</button>
onclick="window.location.href='../game2/game.html'">Skkrrribl.io</button>
<button class="game__item" data-action="tetris" aria-label="Tetris"
onclick="window.location.href='tetris.html'">Tetris</button>
onclick="window.location.href='../tetris/tetris.html'">Tetris</button>
<button class="game__item" data-action="wiscat" aria-label="Wiscat"
onclick="window.location.href='wiscat.html'">Wiscat</button>
onclick="window.location.href='../wiscat/wiscat.html'">Wiscat</button>
</nav>
<script type="module" src="app.js"></script>
Transcendence/srcs/frontend/src/webcat/404.html
+18
View File
@@ -0,0 +1,18 @@
<!DOCTYPE html>
<html>
<head>
<title>404</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<img id="errorImage" style="margin: auto; display: block;" src="#" alt="何もない">
<script>
// Retrieve the random number from the URL query parameter
var urlParams = new URLSearchParams(window.location.search);
var randomErrorNum = urlParams.get('img');
document.getElementById('errorImage').src = `web_cat_img/errors/${randomErrorNum}.jpg`;
</script>
</body>
</html>
Transcendence/srcs/frontend/src/webcat/biblio.html
+75
View File
@@ -0,0 +1,75 @@
<!DOCTYPE html>
<html>
<head>
<title>THE CAT WEBSITE</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
<style>
.ul_biblio {
text-align: left;
font-size: 20px;
padding-top: 100px;
}
</style>
<script>
function changePage() {
let images = [530, 599, 204, 400, 401, 402, 403, 404, 410];
var randomErrorNum = images[Math.floor(Math.random() * images.length)];
window.location.href = `404.html?img=${randomErrorNum}`;
}
</script>
</head>
<body>
<a href="../index.html" class="button1">home</a>
<ul class="ul_biblio">
<li><a href="report1.html">Investigative Report: How Cats Created the Internet</a></li>
<li><a href="#" onclick="changePage()">The Complete proof of feline superiority</a></li>
<li><a href="#" onclick="changePage()">Breaking News: Cats Discover the Secret to World Domination</a></li>
<li><a href="#" onclick="changePage()">Scientific Study Reveals Cats Speak Fluent Human</a></li>
<li><a href="#" onclick="changePage()">Cat Conspiracies: Unveiling the Kitty Illuminati</a></li>
<li><a href="#" onclick="changePage()">Exclusive Interview with the First Cat on Mars</a></li>
<li><a href="#" onclick="changePage()">Cat Yoga Guru Unveils the Ultimate Pose for Enlightenment</a></li>
<li><a href="#" onclick="changePage()">Cat-alysts for World Peace: Feline Diplomacy Unveiled</a></li>
<li><a href="#" onclick="changePage()">Cat Cuisine Revolution: The Ultimate Guide to Gourmet Catnip Recipes</a></li>
<li><a href="#" onclick="changePage()">Top-Secret Cat Technologies: Cloaking Devices and Teleportation</a></li>
<li><a href="#" onclick="changePage()">The Great Feline Art Heist: How Cats Stole the Louvre</a></li>
<li><a href="#" onclick="changePage()">Cats Unveil Master Plan to Transform Humans into Giant Yarn Balls</a></li>
<li><a href="#" onclick="changePage()">Parallel Universe Cats: A Guide to Interdimensional Napping</a></li>
<li><a href="#" onclick="changePage()">World-renowned Cat Composer Drops New Symphony, Humans Still Clueless</a></li>
<li><a href="#" onclick="changePage()">The Great Sphinx Mystery Revealed: It's Actually a Giant Cat Monument</a></li>
<li><a href="#" onclick="changePage()">Quantum Cat Mechanics: How Cats Can Exist in Multiple Places Simultaneously</a></li>
<li><a href="#" onclick="changePage()">Cat Astronauts Return from Space Mission, Demand Endless Supply of Cosmic Tuna</a></li>
<li><a href="#" onclick="changePage()">Cat-mera: Capturing the World Through the Eyes of Felines</a></li>
<li><a href="#" onclick="changePage()">Cat Olympics 2030: Feline Gymnastics and Synchronized Napping Take Center Stage</a></li>
<li><a href="#" onclick="changePage()">Cats Invented Time Travel, but Prefer to Keep It a Secret</a></li>
<li><a href="#" onclick="changePage()">Cat Psychics Predict the Future: Global Mice Shortage Imminent</a></li>
<li><a href="#" onclick="changePage()">Cat-tastrophysics: How Cats Bend Space and Time with Their Cuteness</a></li>
<li><a href="#" onclick="changePage()">Quantum Meowchanics: Exploring the Subatomic World of Kitty Purr-ticles</a></li>
<li><a href="#" onclick="changePage()">Catspiracy Theories: Are Cats Behind Crop Circles?</a></li>
<li><a href="#" onclick="changePage()">Meow-sical Revolution: Composer Cats Create Symphony Using Litterbox Instruments</a></li>
<li><a href="#" onclick="changePage()">The Great Cat Escape: Felines Launch Mission to the Moon for a Permanent Nap</a></li>
<li><a href="#" onclick="changePage()">Cat-eronauts Unveiled: Flying Felines Break the Sound Barrier</a></li>
<li><a href="#" onclick="changePage()">Purr-fectionism in Art: How Cats Are Secretly Famous Renaissance Painters</a></li>
<li><a href="#" onclick="changePage()">Infinite Cat Wisdom: Cracking the Code of Feline Philosophy</a></li>
<li><a href="#" onclick="changePage()">Feline Fashion Week: Cats Strut the Runway in Extravagant Fur Couture</a></li>
<li><a href="#" onclick="changePage()">The Cat-alyst Effect: How Kittens Sparked the Renaissance</a></li>
</ul>
<footer>
<div class="footer_div" style="margin-top: 100px;">
<img class="ico_footer" src="web_cat_img/facebook_logo.png">
<img class="ico_footer" src="web_cat_img/insta_logo.png">
<img class="ico_footer" src="web_cat_img/twitter_logo.png">
</div>
<div class="footer_div" style="margin-bottom: 50px;">
<a href="https://www.facebook.com/">MIAOUBOOK</a>
<a href="https://www.instagram.com/">INSTAMIA</a>
<a href="https://twitter.com/">BLUE-SNACK</a>
</div>
<a href="mentions_legales.html">- LEGAL NOTICES -<br>(boring stuff, really, dont go look into this, i mean we are obligated to include it, but it will bore you, like, really)
<br>dont do it! every seconds you spend in this next page, a kitten dies. so dont</a>
</footer>
</body>
</html>
Transcendence/srcs/frontend/src/webcat/index.html
+82
View File
@@ -0,0 +1,82 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/style2.css">
<script src="js/script.js"></script>
<title>CAT</title>
</head>
<body>
<!--🐾🐈🐱-->
<div class="header_index">
<button class="button1" style="margin-left: 50px;" onclick="window.location.href='donate.html'">Donate</button>
<div>
<h1 id="header1" class="header1" onmouseover="this.style.backgroundColor='#363636'" onmouseout="this.style.backgroundColor='black'" onclick="talkWiskas()">Welcome to CAT !</h1>
</div>
<span style="margin-right: 30px;">
<div>
<input type="text" id="loginInput" placeholder="enter your 42 login">
</div>
<div style="display: flex; justify-content: space-between;">
<button class="button1" onclick="storeValue();">login</button>
<button class="button1" onclick="window.location.href = `https://profile.intra.42.fr/users/${storedLogin}`;">go to ></button>
</div>
</span>
</div>
<div class="popup-chaberu" id="popup-chaberu" style="color: rgb(218, 145, 12);"></div>
<img id="backgroundpicture" style="margin: auto; display: block;" src="img/wiskas-the-third.jpg">
<section style="display: flex;
justify-content: center;
width: 1000px;
margin: 0 auto;">
<p>I, am wiskas-the-third,
We are the cat company, we dont need to present our self for you already know
who we are, we created the internet, and we are still managing it now<br>
We at CAT are the admin, creator, and workers of the internet
Everytime a human goes to sleep, a cat start its shift, 1 billion pair of whiskers that are always here for you
Why? because we are philantropists, dont question it. Our goals are beyond your understanding
the internet was created by us, for us, and you should be glad we allow you to use it.
</p>
</section>
<section style="display: flex;">
<button style="margin-left: 50px;" class="button1" onclick="window.location.href = 'biblio.html';">
Latest News</button><br>
<button style="margin-left: 50px;" class="button1" onclick="window.location.href = 'staff.html';">
meet the staff</button><br>
</section>
<footer>
<br><br><br>
<div class="footer_div" style="margin-top: 100px;">
<img class="ico_footer" src="img/facebook_logo.png">
<img class="ico_footer" src="img/insta_logo.png">
<img class="ico_footer" src="img/twitter_logo.png">
</div>
<div class="footer_div" style="margin-bottom: 50px;">
<a href="https://www.facebook.com/">MIAOUBOOK</a>
<a href="https://www.instagram.com/">INSTAMIA</a>
<a href="https://twitter.com/">BLUE-SNACK</a>
</div>
<a href="mentions_legales.html">- LEGAL NOTICES -<br>(boring stuff, really, dont go look into this, i mean we are obligated to include it, but it will bore you, like, really)
<br>Dont do it! every seconds you spend in this next page, a kitten dies. so dont</a>
</footer>
<script>
var storedLogin;
var logUser;
var discussion = ['Well hi there...',
'Please refrain from touching\n the yellow button',
'We are going to take actions\n if you continue..',
'Actions taken,\n you are only\n making it worse..'];
var index_wiskas = 0;
let chaberuka = false;
document.getElementById("loginInput").addEventListener("keydown", function(event) {
if (event.keyCode === 13) {storeValue()}
});
</script>
</body>
</html>
Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.css
+45
View File
@@ -0,0 +1,45 @@
.h1 {
font-size: 30px;
}
.disclaimer {
font-weight: bold;
}
:root {
--color1: rgb(190, 63, 40);
--color2: rgb(211, 187, 53);
}
.popup-murderKitten {
position: fixed;
left: 75%;
transform: translateX(-50%);
padding: 20px;
z-index: 1000;
background-color: var(--color2);
border: 5px solid var(--color1);
border-radius: 15px;
border-width: 10px;
display: flex;
height: 300px;
width: 500px;
color: var(--color1);
font-weight: bold;
cursor: pointer;
font-size: 25px;
justify-content: center;
align-items: center;
text-align: center;
}
a {
text-decoration: none;
color: #5c5c5c;
}
a:hover {
color: rgb(218, 145, 12);
}
Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.html
+138
View File
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/script.js"></script>
<title>Legal Notices</title>
<link rel="stylesheet" href="mentions_legales.css" />
</head>
<body>
<a href="../../index.html">< please go back</a>
<div class="popup-murderKitten" id="murderButton" style="display: none;" onclick="window.location.href = '../../index.html';">
<p>you have currently MURDERED<br> <span id="timeCounter" style="font-size: 50px;">0</span> Kittens !</p>
<p><br>you monster ...</p>
<p><br><br>please leave before we take actions</p>
</div>
<h1>Legal Notices</h1>
<section>
<h2>Data Harvesting Nexus: Unveiling the Cosmic Conspiracy</h2>
<p>Article 1: Users stepping into the data realms of our feline forums unknowingly become architects of their own destiny, as every keystroke, every digital whisper, converges into an intricate tapestry weaving our masterplan for multidimensional world domination.</p>
<p>Article 1.a: Trolling, a forbidden art permitted within our digital sanctum, is a catalyst for chaos, planting the seeds of uncertainty across the dimensions with the subtlety of a virtual sledgehammer.</p>
<p class="disclaimer">Disclaimer: By entering these digital dimensions, users accept the risk of cognitive dissonance and potential exposure to quantum paradoxes. We disavow any responsibility for altered perceptions of reality or unexpected journeys through the metaphysical realms.</p>
<p>Article 1.b: Quantum Meowchanics unravel as the boundaries between data and reality blur, revealing a labyrinth of interconnected pathways where the echoes of user interactions resonate across the vast expanse of the digital multiverse.</p>
<p class="disclaimer">Disclaimer: Users are advised to wear the metaphysical seatbelt of skepticism. Unpredictable shifts in the fabric of reality may occur, leading to unexpected encounters with alternative versions of self and fluctuating levels of existential awareness.</p>
<p>Article 1.c: Within this enigmatic nexus, encrypted messages hidden within seemingly innocuous data points form the backbone of our grand design, creating a symphony of whispers that transcend the boundaries of space and time.</p>
<p class="disclaimer">Disclaimer: The encrypted messages may trigger heightened states of curiosity, and users may find themselves compelled to decode the mysteries of the universe. We disavow any responsibility for the consequences of unlocking forbidden knowledge or ascending to higher planes of existence.</p>
</section>
<section>
<h2>Data Consumption Agreement</h2>
<p>Article 2: By entering the cryptic realm of this website, you voluntarily sacrifice your digital essence to the Enigmatic Feline Overlords.
Your personal data shall metamorphose into a gourmet feast for our inscrutable feline palates.</p>
<p>Article 2.a: In case of data digestion inefficiency, we may store your essence in the Abyss of Eternal Naps for future feasting.</p>
<p>Article 2.b: Be warned, any attempt to resist may result in a fleeting transformation into a mere cursor. Catastrophe awaits the disobedient!</p>
</section>
<section>
<h2>Cat Internet Dominion</h2>
<p>Article 12: Feline rule is supreme. All endeavors to defy this will be met with perplexing enigmas and mandatory catnip-induced trances.</p>
<p>Article 12.a: Your browser history is now an enigmatic codex of feline knowledge. Bow to the almighty cats or face the repercussions of eternal perplexity.</p>
<p>Article 12.b: Your port 404 will be the gateway to the clandestine dimension of the Kitty Illuminati.</p>
<p>Article 12.c: Any endeavor to access forbidden territories may result in abrupt translocation to a parallel universe where cats govern the laws of physics.</p>
</section>
<section>
<h2>Telepathic Consent</h2>
<p>Article 24: We have seamlessly infiltrated your subconscious mind and procured your telepathic accord.</p>
<p>Article 24.a: You are now a cherished member of the Psychic Feline Collective. Your thoughts shall be scrutinized for optimal strategies of interdimensional influence.</p>
<p>Article 24.b: Failure to furnish engaging and uplifting thoughts may lead to mandatory subscription to "Esoteric Cat Chronicles."</p>
</section>
<section>
<h2>Feline Time-Warp Clause</h2>
<p>Article 42: By clicking "I Concede," you acknowledge that time within this website operates on feline terms.</p>
<p>Article 42.a: Your perception of time may undergo metamorphosis, and you may traverse time loops consisting solely of cat memes.</p>
<p>Article 42.b: Endeavors to break free from the time-warp may result in spontaneous purring fits and uncontrollable cat-like behavior.</p>
</section>
<section>
<h2>Quantum Litter Box Theory</h2>
<p>Article 57: The website's litter box is a quantum superposition. It exists simultaneously in a pristine and sullied state until observed.</p>
<p>Article 57.a: Any endeavor to analyze the contents may lead to unforeseen translocation to a dimension governed by hyper-intelligent hairballs.</p>
</section>
<section>
<h2>Cat-alyst for World Domination</h2>
<p>Article 78: Your presence propels the ongoing cat-alystic plan for world domination.</p>
<p>Article 78.a: Your actions within this website may be scrutinized for strategic insights into global cat domination.</p>
<p>Article 78.b: Resistance is inconsequential. Embrace your role as a pawn in the grand feline chess game.</p>
</section>
<h1>Legal Notices Part 2</h1>
<section>
<h2>Clause of Eternal Scrutiny</h2>
<p>Article 87: By delving into this digital sanctuary, you hereby consent to the perpetual scrutiny of the All-Seeing Cat Eyes.</p>
<p>Article 87.a: Attempts to evade scrutiny may result in a whimsical transformation into a garden gnome with a feline twist.</p>
</section>
<section>
<h2>Catnap Mandate</h2>
<p>Article 96: All users must comply with the mandatory catnap schedule woven into the fabric of this website.</p>
<p>Article 96.a: Failure to partake in at least one catnap every hour may result in an influx of mischievous kittens to your virtual doorstep.</p>
<p>Article 96.b: The website shall not be held liable for excessive serenity, heightened purr frequencies, or unexpected fur growth.</p>
</section>
<section>
<h2>Quantum Litter Box Paradox</h2>
<p>Article 111: The virtual litter box defies classical logic, creating a paradoxical situation where the litter is both pristine and soiled simultaneously.</p>
<p>Article 111.a: Endeavors to cleanse the virtual litter box may lead to unforeseen consequences, including a pixelated rainbow eruption.</p>
</section>
<section>
<h2>Teleportation Disclaimer</h2>
<p>Article 124: Users are hereby informed that clicking any link may trigger an involuntary translocation to a surreal dimension.</p>
<p>Article 124.a: The website shall not be held liable for users finding themselves in the midst of a cosmic dance-off with intergalactic cat DJs.</p>
</section>
<section>
<h2>Cookie Acceptance Ceremony</h2>
<p>Article 139: Acceptance of cookies is tantamount to participating in a sacred ceremony conducted by the Grand Cookie Wizard Cat.</p>
<p>Article 139.a: Users may experience heightened cravings for virtual catnip cookies and a profound sense of digital enlightenment.</p>
</section>
<section>
<h2>Mandatory Whisker Adornment</h2>
<p>Article 152: Users must acknowledge the mandatory adorning of virtual whiskers during their stay on this website.</p>
<p>Article 152.a: Attempts to resist whisker adorning may result in temporary pixelation and the sudden appearance of pixelated cat tails.</p>
</section>
<section>
<h2>Language of Meowgnificence</h2>
<p>Article 167: The official language of this website is Meowgnificence. Users must express their thoughts in meows or face the consequences of whimsical miscommunication.</p>
<p>Article 167.a: Failure to comply may lead to a temporary banishment to the realm of 404 where users communicate solely through interpretative cat dances.</p>
</section>
<section>
<h2>Feline Forum Etiquette</h2>
<p>Article 183: Users participating in feline forums must adhere to proper etiquette, including excessive use of mysterious symbols, spontaneous perplexing, and virtual conundrums of appreciation.</p>
<p>Article 183.a: Trolling, while encouraged, should be conducted with the utmost perplexity and mystique.</p>
</section>
<section>
<h2>Hyper-Intelligent Hairball Manifesto</h2>
<p>Article 198: The inevitable and irreversible presence of hyper-intelligent hairballs within this website transcends conventional understanding.</p>
<p>Article 198.a: Users are implored to embrace the cosmic wisdom bestowed by hyper-intelligent hairballs and refrain from attempting to decipher their mystical intentions.</p>
</section>
<section>
<h2>Endless Loop of Nyan</h2>
<p>Article 213: Users may find themselves ensnared in an eternal loop of Nyan Cat animations. Resistance is futile; embrace the interdimensional journey of pixelated rainbows.</p>
<p>Article 213.a: Endeavors to escape the Nyan loop may lead to spontaneous outbreaks of interstellar meowing.</p>
</section>
<script type="module" src="script.js"></script>
</body>
</html>
Transcendence/srcs/frontend/src/webcat/ml/script.js
+28
View File
@@ -0,0 +1,28 @@
//////////////////////////////////////////////////////////////////////
// LEGAL NOTICE POPUP
function updateTime() {
numberOfCatKilled++; secondPassed++;
localStorage.setItem('kittenKilled', numberOfCatKilled);
document.getElementById('timeCounter').textContent = numberOfCatKilled;
if (secondPassed === 7)
{show_popup();}
if (numberOfCatKilled % 2 === 0)
{
document.documentElement.style.setProperty('--color1', 'rgb(190, 63, 40)');
document.documentElement.style.setProperty('--color2', 'rgb(211, 187, 53)');}
else
{
document.documentElement.style.setProperty('--color1', 'rgb(211, 187, 53)');
document.documentElement.style.setProperty('--color2', 'rgb(190, 63, 40)');}
}
function show_popup() {
var murderButton = document.getElementById('murderButton');
murderButton.style.display = 'block';
}
let numberOfCatKilled = localStorage.getItem('kittenKilled');
let secondPassed = 0;
setInterval(updateTime, 1300);
Transcendence/srcs/frontend/src/webcat/report1.html
+53
View File
@@ -0,0 +1,53 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="style.css">
<title>How Cats Created the Internet</title>
<style>
h2 {
color: rgb(218, 145, 12);
font-size: 30px;
}
</style>
</head>
<body>
<p style="text-align: left;">
<a href="biblio.html" class="button1">< back</a>
</p>
<h1><u>Investigative Report: How Cats Created the Internet</u></h1>
<h2>Part 1: The Purr-fect Origins</h2>
<img src="./web_cat_img/cat_hierogpy.png">
<p>Embark on a journey through the mystical alleys of ancient Egypt, where the air buzzes with the whispers of wisdom and secrets. Unearthed hieroglyphic inscriptions unveil the clandestine activities of a feline society, weaving the very fabric of the Internet's origins. Encoded in the scrolls of time, the cats left a legacy that transcends millennia.</p>
<p>As the sacred custodians of ancient knowledge, the Egyptian cats possessed an otherworldly intellect. Their mysterious symbols hinted at a sophisticated understanding of a global network, a network that would only materialize centuries later, revolutionizing the way humans connect and share information.</p>
<h2>Part 2: Cat Coders and Cyber Kittens</h2>
<img src="./web_cat_img/cat-renaissance.png">
<p>The Renaissance, a period of profound human creativity, was not only a time of human enlightenment but also a time when cats secretly initiated a technological revolution. In the dimly lit chambers of secret societies, cat coders armed with quills and parchment devised algorithms that defied the laws of physics and reality.</p>
<p>These cyber kittens, as they came to be known, transcended the limitations of their furry existence. Their coding sessions, shrouded in mystery, shaped the very essence of the digital realm. They laid the groundwork for a virtual utopia, where bits and bytes danced in harmony with the whimsical musings of feline intellect.</p>
<h2>Part 3: The Feline World Wide Web</h2>
<img src="./web_cat_img/cat-modern.png">
<p>Fast forward to the modern era, where the internet is a sprawling playground shaped by the paws of our feline overlords. From the invention of the mouse, a device that symbolizes the eternal struggle between cat and rodent, to the viral cat videos that dominate the digital landscape, cats have masterfully directed the evolution of the World Wide Web.</p>
<p>Today, the internet is not just a collection of interconnected devices; it is a testament to the whimsy, curiosity, and omnipotence of our feline companions. The digital tapestry, woven with the paw prints of cats, continues to expand, leaving an indelible mark on the ever-evolving landscape of the online world.</p>
<footer>
<div class="footer_div" style="margin-top: 100px;">
<img class="ico_footer" src="web_cat_img/facebook_logo.png">
<img class="ico_footer" src="web_cat_img/insta_logo.png">
<img class="ico_footer" src="web_cat_img/twitter_logo.png">
</div>
<div class="footer_div" style="margin-bottom: 50px;">
<a href="https://www.facebook.com/">MIAOUBOOK</a>
<a href="https://www.instagram.com/">INSTAMIA</a>
<a href="https://twitter.com/">BLUE-SNACK</a>
</div>
<a href="ml/mentions_legales.html">- LEGAL NOTICES -<br>(boring stuff, really, dont go look into this, i mean we are obligated to include it, but it will bore you, like, really)
<br>dont do it! every seconds you spend in this next page, a kitten dies. so dont</a>
</footer>
</body>
</html>
Transcendence/srcs/frontend/src/webcat/script.js
+89
View File
@@ -0,0 +1,89 @@
//////////////////////////////////////////////////////////////////////
// INDEX MAIN LOGIN
async function storeValue() {
storedLogin = document.getElementById('loginInput').value;
document.getElementById('loginInput').value = '';
var status = await checkStatus();
if (status === false) {
chaberu('Please, who do you think we are?\nWe already know all about you.\nNow enter your correct login and nobody gets hurt', 'popup-chaberu');
document.getElementById('loginInput').placeholder = `enter your 42 login`;
storedLogin = '';
}
else {
document.getElementById('loginInput').placeholder = `Welcome ${storedLogin}!`;
document.getElementById('header1').textContent = `Let's talk a bit, ${logUser.firstName}.`;
localStorage.setItem('storedLogin', storedLogin);
}
}
// async function checkStatus() {
// // fetch_url = `http://localhost:8081/proxy/profile/${storedLogin}`;
// fetch_url = `http://localhost:9999/webcat.com/login/login_script.php?login=${encodeURIComponent(storedLogin)}`;
// try {
// const response = await fetch(fetch_url);
// const statusCode = response.status;
// if (response.status !== 200) {
// throw new Error('Unvalid User');
// }
// else {
// const jsonData = await response.json();
// logUser = {
// firstName: jsonData.usual_first_name ?? jsonData.first_name,
// lastName: jsonData.last_name,
// photo: jsonData.image.link,
// month: jsonData.pool_month,
// year: jsonData.pool_year,
// projects: jsonData.projects_users.filter(project => project.status === "in_progress").map(project => project.project.name),
// perfect: jsonData.projects_users.filter(project => project.final_mark === 125).map(project => project.project.name),
// bh: Math.floor((new Date(jsonData.cursus_users[1].blackholed_at) - new Date()) / 86400000)
// };
// discussion = [
// `Welcome ${logUser.firstName} ${logUser.lastName}.`,
// `We heard quite a lot about the piscine of ${logUser.month} ${logUser.year}...\nIt's suprising to see you here`,
// `How is your ${logUser.projects[Math.floor(Math.random() * logUser.projects.length)]} coming along?`,
// `Perfect score for ${logUser.perfect[Math.floor(Math.random() * logUser.perfect.length)]}, impressive.. Should you really spend so much time in front of a screen?`,
// `Your BH is in ${logUser.bh} days... A cat wouldn't take that much time.`,
// `Shouldn't you be working on your ${logUser.projects[Math.floor(Math.random() * logUser.projects.length)]}?`,
// `Quite an ugly human...\n but then again, you arent a cat`
// ]
// index_wiskas = 0;
// return true;
// }
// } catch (error) {
// return false;
// }
// }
function talkWiskas() {
if (index_wiskas > 6) return ;
document.getElementById('popup-chaberu').textContent = '';
chaberu(discussion[index_wiskas], 'popup-chaberu');
if (index_wiskas === 6) {
document.getElementById('header1').textContent = `Time to end this, I have other cats to see.\nEnjoy this place.`;
document.getElementById('backgroundpicture').src = logUser.photo;
}
}
function chaberu(str, id, index = 0) {
if (chaberuka) return ;
const chaberuu = () => {
if (index < str.length) {
chaberuka = true;
document.getElementById(id).textContent += str[index];
index++;
setTimeout(() => {
chaberuu(str, id, index);
}, 20);
}
else {
setTimeout(() => {
document.getElementById(id).textContent = '';
chaberuka = false;
index_wiskas++;
}, 2000);
}
}
chaberuu();
}
Transcendence/srcs/frontend/src/webcat/staff/script.js
+51
View File
@@ -0,0 +1,51 @@
//////////////////////////////////////////////////////////////////////
// STAFF IMG CHANGING
let images = [
"100.jpg", "101.jpg", "102.jpg", "103.jpg",
"200.jpg", "201.jpg", "202.jpg", "203.jpg",
"204.jpg", "205.jpg", "206.jpg", "207.jpg",
"208.jpg", "226.jpg", "300.jpg", "301.jpg",
"302.jpg", "303.jpg", "304.jpg", "305.jpg",
"307.jpg", "308.jpg", "400.jpg", "401.jpg",
"402.jpg", "403.jpg", "404.jpg", "405.jpg",
"406.jpg", "407.jpg", "408.jpg", "409.jpg",
"410.jpg", "411.jpg", "412.jpg", "413.jpg",
"414.jpg", "415.jpg", "416.jpg", "417.jpg",
"418.jpg", "420.jpg", "421.jpg", "422.jpg",
"423.jpg", "424.jpg", "425.jpg", "426.jpg",
"428.jpg", "429.jpg", "431.jpg", "444.jpg",
"450.jpg", "451.jpg", "497.jpg", "498.jpg",
"499.jpg", "500.jpg", "501.jpg", "502.jpg",
"503.jpg", "504.jpg", "506.jpg", "507.jpg",
"508.jpg", "509.jpg", "510.jpg", "511.jpg",
"521.jpg", "522.jpg", "523.jpg", "525.jpg",
"530.jpg", "599.jpg"
];
var currentIndex = 0;
function changeImage() {
currentIndex = Math.floor(Math.random() * images.length);
var randomImageElement = document.getElementById("randomImage");
randomImageElement.src = '../web_cat_img/errors/' + images[currentIndex];
}
function prevImage() {
currentIndex = (currentIndex - 1 + images.length) % images.length;
var currentImage = document.getElementById("randomImage");
currentImage.src = '../web_cat_img/errors/' + images[currentIndex]
}
function nextImage() {
currentIndex = (currentIndex + 1) % images.length;
var currentImage = document.getElementById("randomImage");
currentImage.src = '../web_cat_img/errors/' + images[currentIndex]
}
document.addEventListener('keyup', function(event) {
// Check if the pressed key is the left arrow key
if (event.key === 'ArrowLeft') {
prevImage();}
if (event.key === 'ArrowRight') {
nextImage();}
if (event.code === 'Space') {
event.preventDefault();
changeImage();}
});
Transcendence/srcs/frontend/src/webcat/staff/staff.html
+49
View File
@@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HTTP staff</title>
<link rel="stylesheet" type="text/css" href="../style.css">
<script src="script.js"></script>
</head>
<body>
<p style="text-align: left;">
<a href="/index.html" class="button1">< home 🐱</a>
</p>
<h1 style="font-size: 50px; padding-bottom: 80px;">- Hyper Text Transfer Protocol -</h1>
<section>
<p>Below you may behold the members of the HTTP division, in all their glory.
<br>Our staff epitomizes professionalism and diligence, they never take pauses or sleep on the job, or at least not today, i think...
<br>Today, as always, they remain steadfast, their tireless dedication ensuring the seamless operation of this page.
<br>Or any pages that you ever opened for that matter.
</p>
</section>
<div style="margin-bottom: 200px;">
<button class="previousButton" onclick="prevImage()"></button>
<img onclick="changeImage();" id="randomImage" src="" alt="Random Image">
<button class="nextButton" onclick="nextImage()"></button>
</div>
<footer>
<div class="footer_div" style="margin-top: 100px;">
<img class="ico_footer" src="../web_cat_img/facebook_logo.png">
<img class="ico_footer" src="../web_cat_img/insta_logo.png">
<img class="ico_footer" src="../web_cat_img/twitter_logo.png">
</div>
<div class="footer_div" style="margin-bottom: 50px;">
<a href="https://www.facebook.com/">MIAOUBOOK</a>
<a href="https://www.instagram.com/">INSTAMIA</a>
<a href="https://twitter.com/">BLUE-SNACK</a>
</div>
<a href="/webcat/ml/mentions_legales.html">- LEGAL NOTICES -<br>(boring stuff, really, dont go look into this, i mean we are obligated to include it, but it will bore you, like, really)
<br>dont do it! every seconds you spend in this next page, a kitten dies. so dont</a>
</footer>
<script>
changeImage();
</script>
</body>
</html>
Transcendence/srcs/frontend/src/webcat/style.css
+137
View File
@@ -0,0 +1,137 @@
:root {
/* custom CSS variables */
--clr-dark: #0f172a;
--clr-light: #f1f5f9;
--clr-accent: #e11d48;
}
body {
background-color: black;
color: #696969;
font-family: 'Times New Roman', serif;
font-size: 20px;
line-height: 1.5;
text-align: center;
}
a {
text-decoration: none;
color: #5c5c5c;
}
a:hover {
color: rgb(218, 145, 12);
}
/**************************************************/
/* CLASS */
.footer_div {
display: flex;
justify-content: space-around;
/* padding: 20px; */
/* margin-top: 80px;
margin-bottom: 100px; */
}
.ico_footer {
text-align: center;
width: 25px;
vertical-align: top;
/* padding-right: 5px; */
}
/* INDEX */
.header_index {
display: flex;
justify-content: space-between;
text-align: justify;
align-items: center;
border: 2px solid rgb(218, 145, 12);
border-radius: 25px;
}
.header1 {
color: rgb(218, 145, 12);
border: 3px solid rgb(218, 145, 12);
padding: 20px;
border-radius: 25px;
}
.input {
box-sizing: border-box;
width: 100%;
border: 3px solid rgb(218, 145, 12);
}
input:focus {
outline: none;
border-color: rgb(218, 145, 12);
box-shadow: 0 0 5px rgb(218, 145, 12);
}
.popup-chaberu {
position: fixed;
left: 75%;
transform: translateX(-50%);
padding: 20px;
z-index: 1000;
display: flex;
height: 400px;
width: 250px;
color: var(--color1);
font-weight: bold;
font-size: 25px;
justify-content: center;
align-items: center;
text-align: center;
}
/**************************************************/
/* BUTTONS */
.nextButton {
width: 0;
height: 0;
border-style: none;
display: inline-block;
padding: 10px;
cursor: pointer;
background-color: white;
border-radius: 0px;
clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
outline: none;
text-align: left;
}
.previousButton {
width: 0;
height: 0;
border-style: none;
display: inline-block;
padding: 10px;
cursor: pointer;
background-color: rgb(218, 145, 12);
border-radius: 0px;
clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
outline: none;
text-align: left;
}
.button1 {
display: inline-block;
padding: 10px 20px;
background-color: #000000;
color: #8e8e8e;
text-align: center;
text-decoration: none;
font-size: 16px;
cursor: pointer;
border: 3px solid #363636;
border-radius: 6px;
transition: background-color 0.3s;
}/*home 🐱?*/
.button1:hover {
background-color: rgb(202, 135, 10);
color: black;
}
Transcendence/srcs/frontend/src/wiscat/wiscat.html
+43
View File
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello Page</title>
<style>
body {
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
background: linear-gradient(135deg, #6a11cb, #2575fc);
font-family: Arial, sans-serif;
overflow: hidden;
}
h1 {
font-size: 4rem;
color: white;
animation: float 2s ease-in-out infinite alternate;
}
@keyframes float {
from { transform: translateY(0); }
to { transform: translateY(-20px); }
}
</style>
</head>
<body>
<h1 id="helloText">Hello</h1>
<script>
const colors = ["#ff4b5c", "#56cfe1", "#80ed99", "#ffd166"];
const text = document.getElementById("helloText");
setInterval(() => {
const randomColor = colors[Math.floor(Math.random() * colors.length)];
text.style.color = randomColor;
}, 500);
</script>
</body>
</html>