diff --git a/Transcendence/srcs/frontend/src/index.css b/Transcendence/srcs/frontend/src/index.css index 4a4aeb3..789dc92 100644 --- a/Transcendence/srcs/frontend/src/index.css +++ b/Transcendence/srcs/frontend/src/index.css @@ -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; -} \ No newline at end of file +} + +.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); +} + +/* ///////////////////////////////////////////////////////// */ diff --git a/Transcendence/srcs/frontend/src/index.html b/Transcendence/srcs/frontend/src/index.html index 50a05b9..5273c3e 100644 --- a/Transcendence/srcs/frontend/src/index.html +++ b/Transcendence/srcs/frontend/src/index.html @@ -5,9 +5,51 @@ - -
+
+
place-1
+
place-2
+
+ + +
+

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
+ 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. +

+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/Transcendence/srcs/frontend/src/index.js b/Transcendence/srcs/frontend/src/index.js index 93fcdc4..277bf92 100644 --- a/Transcendence/srcs/frontend/src/index.js +++ b/Transcendence/srcs/frontend/src/index.js @@ -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) \ No newline at end of file +let img = document.getElementById('wiskas'); +img.before(div2) diff --git a/Transcendence/srcs/frontend/src/test/a.js b/Transcendence/srcs/frontend/src/test/delamerde/a.js similarity index 100% rename from Transcendence/srcs/frontend/src/test/a.js rename to Transcendence/srcs/frontend/src/test/delamerde/a.js diff --git a/Transcendence/srcs/frontend/src/webcat/header.js b/Transcendence/srcs/frontend/src/test/delamerde/header.js similarity index 100% rename from Transcendence/srcs/frontend/src/webcat/header.js rename to Transcendence/srcs/frontend/src/test/delamerde/header.js diff --git a/Transcendence/srcs/frontend/src/webcat/popup.js b/Transcendence/srcs/frontend/src/test/delamerde/popup.js similarity index 100% rename from Transcendence/srcs/frontend/src/webcat/popup.js rename to Transcendence/srcs/frontend/src/test/delamerde/popup.js diff --git a/Transcendence/srcs/frontend/src/webcat/tools.js b/Transcendence/srcs/frontend/src/test/delamerde/tools.js similarity index 75% rename from Transcendence/srcs/frontend/src/webcat/tools.js rename to Transcendence/srcs/frontend/src/test/delamerde/tools.js index b501ea7..08e2c5b 100644 --- a/Transcendence/srcs/frontend/src/webcat/tools.js +++ b/Transcendence/srcs/frontend/src/test/delamerde/tools.js @@ -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); diff --git a/Transcendence/srcs/frontend/src/tetris/tetris.html b/Transcendence/srcs/frontend/src/tetris/tetris.html index a4c8368..45ca2c5 100644 --- a/Transcendence/srcs/frontend/src/tetris/tetris.html +++ b/Transcendence/srcs/frontend/src/tetris/tetris.html @@ -4,7 +4,7 @@ TETRIS - + diff --git a/Transcendence/srcs/frontend/src/trans/index2.html b/Transcendence/srcs/frontend/src/trans/index2.html index 77a5021..73b9fa4 100644 --- a/Transcendence/srcs/frontend/src/trans/index2.html +++ b/Transcendence/srcs/frontend/src/trans/index2.html @@ -22,11 +22,11 @@ diff --git a/Transcendence/srcs/frontend/src/webcat/404.html b/Transcendence/srcs/frontend/src/webcat/404.html new file mode 100644 index 0000000..fe0d588 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/404.html @@ -0,0 +1,18 @@ + + + + 404 + + + + + 何もγͺい + + + diff --git a/Transcendence/srcs/frontend/src/webcat/biblio.html b/Transcendence/srcs/frontend/src/webcat/biblio.html new file mode 100644 index 0000000..9414825 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/biblio.html @@ -0,0 +1,75 @@ + + + + THE CAT WEBSITE + + + + + + + home + + + + + + diff --git a/Transcendence/srcs/frontend/src/webcat/index.html b/Transcendence/srcs/frontend/src/webcat/index.html new file mode 100644 index 0000000..c3276c0 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/index.html @@ -0,0 +1,82 @@ + + + + + + CAT + + + +
+ +
+

Welcome to CAT !

+
+ +
+ +
+
+ + +
+ +
+ + + + + +
+

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
+ 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. +

+
+ +
+
+
+
+ + + + + + diff --git a/Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.css b/Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.css new file mode 100644 index 0000000..03b5712 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.css @@ -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); +} diff --git a/Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.html b/Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.html new file mode 100644 index 0000000..c6108fe --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/ml/mentions_legales.html @@ -0,0 +1,138 @@ + + + + + + + Legal Notices + + + + < please go back + +

Legal Notices

+ +
+

Data Harvesting Nexus: Unveiling the Cosmic Conspiracy

+

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.

+

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.

+

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.

+

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.

+

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.

+

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.

+

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.

+
+ +
+

Data Consumption Agreement

+

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.

+

Article 2.a: In case of data digestion inefficiency, we may store your essence in the Abyss of Eternal Naps for future feasting.

+

Article 2.b: Be warned, any attempt to resist may result in a fleeting transformation into a mere cursor. Catastrophe awaits the disobedient!

+
+ +
+

Cat Internet Dominion

+

Article 12: Feline rule is supreme. All endeavors to defy this will be met with perplexing enigmas and mandatory catnip-induced trances.

+

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.

+

Article 12.b: Your port 404 will be the gateway to the clandestine dimension of the Kitty Illuminati.

+

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.

+
+ +
+

Telepathic Consent

+

Article 24: We have seamlessly infiltrated your subconscious mind and procured your telepathic accord.

+

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.

+

Article 24.b: Failure to furnish engaging and uplifting thoughts may lead to mandatory subscription to "Esoteric Cat Chronicles."

+
+ +
+

Feline Time-Warp Clause

+

Article 42: By clicking "I Concede," you acknowledge that time within this website operates on feline terms.

+

Article 42.a: Your perception of time may undergo metamorphosis, and you may traverse time loops consisting solely of cat memes.

+

Article 42.b: Endeavors to break free from the time-warp may result in spontaneous purring fits and uncontrollable cat-like behavior.

+
+ +
+

Quantum Litter Box Theory

+

Article 57: The website's litter box is a quantum superposition. It exists simultaneously in a pristine and sullied state until observed.

+

Article 57.a: Any endeavor to analyze the contents may lead to unforeseen translocation to a dimension governed by hyper-intelligent hairballs.

+
+ +
+

Cat-alyst for World Domination

+

Article 78: Your presence propels the ongoing cat-alystic plan for world domination.

+

Article 78.a: Your actions within this website may be scrutinized for strategic insights into global cat domination.

+

Article 78.b: Resistance is inconsequential. Embrace your role as a pawn in the grand feline chess game.

+
+ +

Legal Notices Part 2

+ +
+

Clause of Eternal Scrutiny

+

Article 87: By delving into this digital sanctuary, you hereby consent to the perpetual scrutiny of the All-Seeing Cat Eyes.

+

Article 87.a: Attempts to evade scrutiny may result in a whimsical transformation into a garden gnome with a feline twist.

+
+ +
+

Catnap Mandate

+

Article 96: All users must comply with the mandatory catnap schedule woven into the fabric of this website.

+

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.

+

Article 96.b: The website shall not be held liable for excessive serenity, heightened purr frequencies, or unexpected fur growth.

+
+ +
+

Quantum Litter Box Paradox

+

Article 111: The virtual litter box defies classical logic, creating a paradoxical situation where the litter is both pristine and soiled simultaneously.

+

Article 111.a: Endeavors to cleanse the virtual litter box may lead to unforeseen consequences, including a pixelated rainbow eruption.

+
+ +
+

Teleportation Disclaimer

+

Article 124: Users are hereby informed that clicking any link may trigger an involuntary translocation to a surreal dimension.

+

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.

+
+ +
+

Cookie Acceptance Ceremony

+

Article 139: Acceptance of cookies is tantamount to participating in a sacred ceremony conducted by the Grand Cookie Wizard Cat.

+

Article 139.a: Users may experience heightened cravings for virtual catnip cookies and a profound sense of digital enlightenment.

+
+ +
+

Mandatory Whisker Adornment

+

Article 152: Users must acknowledge the mandatory adorning of virtual whiskers during their stay on this website.

+

Article 152.a: Attempts to resist whisker adorning may result in temporary pixelation and the sudden appearance of pixelated cat tails.

+
+ +
+

Language of Meowgnificence

+

Article 167: The official language of this website is Meowgnificence. Users must express their thoughts in meows or face the consequences of whimsical miscommunication.

+

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.

+
+ +
+

Feline Forum Etiquette

+

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.

+

Article 183.a: Trolling, while encouraged, should be conducted with the utmost perplexity and mystique.

+
+ +
+

Hyper-Intelligent Hairball Manifesto

+

Article 198: The inevitable and irreversible presence of hyper-intelligent hairballs within this website transcends conventional understanding.

+

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.

+
+ +
+

Endless Loop of Nyan

+

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.

+

Article 213.a: Endeavors to escape the Nyan loop may lead to spontaneous outbreaks of interstellar meowing.

+
+ + + + diff --git a/Transcendence/srcs/frontend/src/webcat/ml/script.js b/Transcendence/srcs/frontend/src/webcat/ml/script.js new file mode 100644 index 0000000..293f203 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/ml/script.js @@ -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); \ No newline at end of file diff --git a/Transcendence/srcs/frontend/src/webcat/report1.html b/Transcendence/srcs/frontend/src/webcat/report1.html new file mode 100644 index 0000000..eb3f95a --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/report1.html @@ -0,0 +1,53 @@ + + + + + + + How Cats Created the Internet + + + + +

+ < back +

+ +

Investigative Report: How Cats Created the Internet

+ +

Part 1: The Purr-fect Origins

+ +

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.

+

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.

+ +

Part 2: Cat Coders and Cyber Kittens

+ +

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.

+

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.

+ +

Part 3: The Feline World Wide Web

+ +

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.

+

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.

+ + + + diff --git a/Transcendence/srcs/frontend/src/webcat/script.js b/Transcendence/srcs/frontend/src/webcat/script.js new file mode 100644 index 0000000..c11b20f --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/script.js @@ -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(); +} diff --git a/Transcendence/srcs/frontend/src/webcat/staff/script.js b/Transcendence/srcs/frontend/src/webcat/staff/script.js new file mode 100644 index 0000000..fd5bc52 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/staff/script.js @@ -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();} +}); \ No newline at end of file diff --git a/Transcendence/srcs/frontend/src/webcat/staff/staff.html b/Transcendence/srcs/frontend/src/webcat/staff/staff.html new file mode 100644 index 0000000..3c4fd31 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/staff/staff.html @@ -0,0 +1,49 @@ + + + + + + HTTP staff + + + + +

+ < home 🐱 +

+ +

- Hyper Text Transfer Protocol -

+
+

Below you may behold the members of the HTTP division, in all their glory. +
Our staff epitomizes professionalism and diligence, they never take pauses or sleep on the job, or at least not today, i think... +
Today, as always, they remain steadfast, their tireless dedication ensuring the seamless operation of this page. +
Or any pages that you ever opened for that matter. +

+
+ +
+ + Random Image + +
+ + + + + + diff --git a/Transcendence/srcs/frontend/src/webcat/style.css b/Transcendence/srcs/frontend/src/webcat/style.css new file mode 100644 index 0000000..0084510 --- /dev/null +++ b/Transcendence/srcs/frontend/src/webcat/style.css @@ -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; +} diff --git a/Transcendence/srcs/frontend/src/wiscat/wiscat.html b/Transcendence/srcs/frontend/src/wiscat/wiscat.html new file mode 100644 index 0000000..93c2004 --- /dev/null +++ b/Transcendence/srcs/frontend/src/wiscat/wiscat.html @@ -0,0 +1,43 @@ + + + + + Hello Page + + + +

Hello

+ + + + \ No newline at end of file