- ID de l'analyse :
- a4c1261b-ade1-4640-8a0a-1595b089129aTerminée
- URL soumise :
- https://floof.eparker.dev/
- Fin du rapport :
Liens : 0 trouvé(s)
Liens sortants identifiés à partir de la page
Variables JavaScript : 3 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
| Nom | Type |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
Messages de journal de console : 1 trouvé(s)
Messages consignés dans la console web
| Type | Catégorie | Enregistrement |
|---|---|---|
| log | other |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>floof</title> <link rel="icon" href="./assets/favicon.ico" type="image/x-icon"> <style> * { font-family: sans-serif; font-weight: bold; transition: all .25s ease-in-out; -webkit-user-select: none; -ms-user-select: none; user-select: none; -webkit-overflow-scrolling: touch; } ::-webkit-scrollbar { width: 6px; height: 0; } ::-webkit-scrollbar-track { border-radius: 3px; background: rgba(0, 0, 0, 0.15); } ::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0, 0, 0, 0.3); } html, body, canvas { margin: 0; padding: 0; width: 100%; height: 100%; overflow: hidden; display: block; } .preMenu { position: absolute; top: -50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, .2); padding: 1vmin; border-radius: 1vmin; color: white; text-align: center; } .preMenu.active { top: 50%; } .preMenu button { padding: 1vmin; margin: 1vmin 0; background-color: rgba(0, 0, 0, .2); border: none; border-radius: 1vmin; color: white; cursor: pointer; } .preMenu button:hover { background-color: rgba(0, 0, 0, .4); } .preMenu button:active { background-color: rgba(0, 0, 0, .6); } .preMenu input[type=text] { padding: 1vmin; margin: 1vmin 0; background-color: rgba(255, 255, 255, .8); border: none; border-radius: 1vmin; color: rgba(128, 128, 128, 1); text-align: center; font-size: 1.5vmin; } .preMenu input[type=text]:focus { outline: none; background-color: rgba(255, 255, 255, 1); } #lobbiesDisplay div { padding: 1vmin; margin: 1vmin 0; background-color: rgba(0, 0, 0, .2); border: none; border-radius: 1vmin; color: white; cursor: pointer; } #lobbiesDisplay div:hover { background-color: rgba(0, 0, 0, .4); } @keyframes shakeAnimation { 0% { transform: translateX(0) } 25% { transform: translateX(.5vmin) } 50% { transform: translateX(-.5vmin) } 75% { transform: translateX(.5vmin) } 100% { transform: translateX(0) } } .shake { animation: shakeAnimation .25s infinite; } select { margin: 1vmin 0; background-color: rgba(255, 255, 255, .8); border: none; border-radius: 1vmin; color: rgba(128, 128, 128, 1); text-align: center; font-size: 1.5vmin; vertical-align: middle; } select:focus { outline: none; background-color: rgba(255, 255, 255, 1); } label { margin: 1vmin 0; color: white; vertical-align: middle; } input[type=checkbox] { width: 2vmin; height: 2vmin; accent-color: rgba(85, 200, 119, 1); color: white; vertical-align: middle; } #menuContainer { position: absolute; top: 1.5vmin; left: -65vmin; } #menuContainer.active { left: 1.5vmin; } #topButtons { background-color: rgba(0, 0, 0, .15); border-radius: 1vmin; padding: 1.5vmin; } #topButtons button { border-radius: .5vmin; width: 5vmin; height: 5vmin; border: .5vmin solid black; } #topButtons button img { width: 100%; height: 100%; align-self: center; } #topButtons button:hover { filter: brightness(.9); } #topButtons button:active { filter: brightness(.8); } #topButtons button img.alert { width: 3vmin; height: 3vmin; } #menus .menu { position: absolute; top: 0vmin; left: -150vmin; border-radius: .5vmin; width: 32vmin; height: 32vmin; border: .5vmin solid black; overflow-y: auto; padding: 1vmin; font-size: 1.65vmin; } #menus .menu.active { left: 0vmin; top: 9vmin; } #menus .menu h2 { margin-top: 0; font-size: 3vmin; } #menus .menu label { display: inline-block; vertical-align: middle; } #menus .menu input[type=checkbox] { width: 3vmin; height: 3vmin; vertical-align: middle; accent-color: #EFEFEF; } #closeButton.inactive { position: absolute; top: -100vmin; } #closeButton { position: absolute; left: 25.5vmin; top: 1.5vmin; } #menus .menu button { width: 100%; padding: 1vmin; background-color: #88C8BA; border-radius: .5vmin; border: .5vmin solid #6CA094; margin-top: 1vmin; } #menus .menu button:hover { filter: brightness(.9); } #menus .menu button:active { filter: brightness(.8); } #accountTopPart { width: calc(100% - 1.5vmin); display: flex; justify-content: space-between; align-items: center; padding: 0vmin 0vmin 0vmin 1.5vmin; margin-bottom: 1.5vmin; } #accountDiscord { padding: 1vmin; background-color: rgba(0, 0, 0, .15); border-radius: 1vmin; } #accountDiscord img { width: 4vmin; height: 4vmin; vertical-align: middle; border-radius: 50%; margin-right: 2vmin; } #accountDiscord a { color: #555555; text-decoration: wavy; } #accountDiscord a:hover { color: #777777; } #accountDiscord a:active { color: #999999; } #accountDiscord a:visited { color: #555555; } .alert { position: absolute; top: 100%; left: 50%; transform: translate(-50%, -50%); } #chatInput { display: none; position: absolute; border-radius: .5vmin; border: none; background-color: rgba(0, 0, 0, .5); color: white; line-height: 1; padding: 0; margin: 0; resize: none; } #chatInput:focus { outline: none; } </style> <script src="./bundle.js" type="module" defer=""></script></head><body oncontextmenu="return false;"> <canvas width="800" height="600"></canvas> <div id="menuContainer"> <div id="topButtons"> <button id="optionsMenu" style="background-color: rgb(200, 200, 200); border-color: rgb(160, 160, 160);"><img src="./assets/optionsMenu.svg"></button> <button id="accountMenu" style="background-color: rgb(136, 200, 186); border-color: rgb(108, 160, 148);"><img src="./assets/accountMenu.svg"></button> <button id="changelogMenu" style="position: relative; background-color: rgb(200, 186, 136); border-color: rgb(160, 148, 108);"><img src="./assets/changelogMenu.svg"></button> <button id="discordButton" style="background-color: rgb(114, 137, 218); border-color: rgb(91, 109, 174);"><img src="./assets/discordButton.svg"></button> <button id="closeButton" class="inactive" style="background-color: rgb(200, 136, 136); border-color: rgb(160, 108, 108);"><img src="./assets/closeButton.svg"></button> </div> <div id="menus"> <div class="menu" id="optionsMenu" style="height: 38vmin; background-color: rgb(200, 200, 200); border-color: rgb(160, 160, 160);"> <h2>Options:</h2> <label for="show-debug">Show Debug Info:</label> <input type="checkbox" id="show-debug" name="show-debug" value="show-debug"><br> <label for="hide-grid">Hide Grid:</label> <input type="checkbox" id="hide-grid" name="hide-grid" value="hide-grid"><br> <label for="rigid-interpolation">Rigid Interpolation:</label> <input type="checkbox" id="rigid-interpolation" name="rigid-interpolation" value="rigid-interpolation"><br> <label for="mouse-movement">Mouse Movement:</label> <input type="checkbox" id="mouse-movement" name="mouse-movement" value="mouse-movement"><br> <label for="hide-entity-ui">Hide Entity UI:</label> <input type="checkbox" id="hide-entity-ui" name="hide-entity-ui" value="hide-entity-ui"><br> <label for="use-tile-background">Tiled Background:</label> <input type="checkbox" id="use-tile-background" name="use-tile-background" value="use-tile-background"> <label for="extra-graphics">Fancy Graphics:</label> <input type="checkbox" id="extra-graphics" name="extra-graphics" value="extra-graphics"><br> <label for="show-hitboxes">Show Hitboxes:</label> <input type="checkbox" id="show-hitboxes" name="show-hitboxes" value="show-hitboxes"> </div> <div class="menu" id="accountMenu" style="height: 38vmin; background-color: rgb(136, 200, 186); border-color: rgb(108, 160, 148);"> <span>Accounts are currently under construction</span> </div> <div class="menu" id="changelogMenu" style="width: 42vmin; background-color: rgb(200, 186, 136); border-color: rgb(160, 148, 108);"> <h2>Changelogs:</h2> </div> </div> </div> <div class="preMenu active" id="mainMenu"> <h1>floof beta</h1> <button data-switchmenu="createLobby" tabindex="-1">Create Lobby</button> <button data-switchmenu="findLobbies" tabindex="-1">Find Lobbies</button> </div> <div class="preMenu" id="createLobby"> <h1>Create Lobby</h1> <input type="text" placeholder="Lobby Name" id="lobbyName"> <button id="createLobbyButton" tabindex="-1">Create</button> <button data-switchmenu="mainMenu" tabindex="-1">Back</button><br> <label for="gamemodeSelect">Gamemode</label> <select id="gamemodeSelect"> <option value="ffa" selected="">FFA</option> <option value="tdm">TDM</option> <option value="waves">Waves</option> <option value="line">Line</option> </select> <label for="biomeSelect">Biome</label> <select id="biomeSelect"> <option value="default" selected="">All Mobs</option> <option value="garden">Garden</option> <option value="desert">Desert</option> <option value="ocean">Ocean</option> <option value="antHell">Ant Hell</option> <option value="sewers">Sewers</option> <option value="hell">Hell</option> <option value="dark_forest">Dark Forest</option> </select><br> <label for="enableMods">Enable Mods</label> <input type="checkbox" id="enableMods"> <label for="privateLobby">Private</label> <input type="checkbox" id="privateLobby"> </div> <div class="preMenu" id="findLobbies"> <h1>Find Lobbies</h1> <button data-switchmenu="mainMenu" tabindex="-1">Back</button> <button id="refreshLobbies" tabindex="-1">Refresh</button> <div id="lobbiesDisplay"></div> </div> <div class="preMenu" id="usernameInput"> <h1>Enter Username</h1> <input type="text" placeholder="Username" id="usernameInputInput"> <button id="usernameButton" tabindex="-1">Enter</button> </div> <input type="text" maxlength="128" id="chatInput" placeholder="Enter to chat; Esc to close"></body></html>