diff --git a/.gitignore b/.gitignore index aa68d02..890ec63 100644 --- a/.gitignore +++ b/.gitignore @@ -1,4 +1,6 @@ jsconfig.json .git/ aide.txt -test_index.html \ No newline at end of file +test_index.html +.SQL/ +.localtest \ No newline at end of file diff --git a/README.md b/README.md index 55e14db..2b67c38 100644 --- a/README.md +++ b/README.md @@ -1 +1,7 @@ -## TODO list : \ No newline at end of file +## TODO list : +- base sql +- accés au dossier public du rpi : upload/download + - file drop + - affichage de l'arborescence rpi/public/ +- faire du css moche +- diff --git a/css/LoginRegister.css b/css/LoginRegister.css new file mode 100644 index 0000000..b9e3dc5 --- /dev/null +++ b/css/LoginRegister.css @@ -0,0 +1,61 @@ +body { + font-family: Arial, sans-serif; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + background-color: #f0f2f5; +} + +.container { + background: white; + padding: 2rem; + border-radius: 8px; + box-shadow: 0 2px 4px rgba(0,0,0,0.1); + width: 300px; +} + +.form-toggle { + text-align: center; + margin-bottom: 1.5rem; +} + +.toggle-btn { + cursor: pointer; + color: #1877f2; + border: none; + background: none; + font-size: 1.1rem; +} + +.form-container { + position: relative; +} + +.form { + display: flex; + flex-direction: column; + gap: 1rem; +} + +input { + padding: 0.8rem; + border: 1px solid #dddfe2; + border-radius: 6px; + font-size: 1rem; +} + +button[type="submit"] { + background: #1877f2; + color: white; + padding: 0.8rem; + border: none; + border-radius: 6px; + font-size: 1rem; + cursor: pointer; +} + +.hidden { + display: none; +} \ No newline at end of file diff --git a/css/index.css b/css/index.css index 9e64e28..45e9257 100644 --- a/css/index.css +++ b/css/index.css @@ -1,3 +1,7 @@ +html, body { + height:100% +} + body { display: flex; border: 0; @@ -42,7 +46,7 @@ header>p { .main-container>div { display: flex; - + height:100% } .side-bubble { @@ -53,7 +57,6 @@ header>p { } .middle-pane { - align-self: center; width: 70%; } @@ -189,4 +192,109 @@ header>p { #server-adress>p { position: absolute; display: none; +} + +.BIOS-div { + font-family: 'Courier New', Courier, monospace; + /* background-color: #00008b; */ + color: #fff; + margin: 0; + padding: 0; + display: auto; + justify-content: center; + align-items: center ; + height: auto; +} + +.bios-container { + width: auto; + background-color: #c0c0c0; + color: #000; + border: 2px solid #000; + padding: 10px; + box-shadow: 0 0 15px rgba(0, 0, 0, 0.8); + margin: 31px; +} + +.header { + background-color: #00008b; + color: #fff; + padding: 10px; + font-size: 1.2em; + text-align: center; +} + +.menu { + background-color: #6495ed; + padding: 5px; + display: flex; + justify-content: space-around; + font-size: 1.1em; +} + +.menu span { + color: #000; +} + +.content { + display: flex; + margin-top: 10px; +} + +.left-section { + flex: 3; + padding: 10px; + background-color: #f0f0f0; + border-right: 2px solid #000; +} + +.right-section { + flex: 2; + padding: 10px; + background-color: #e6e6e6; +} + +.footer { + background-color: #00008b; + color: #fff; + text-align: center; + padding: 5px; + margin-top: 10px; + font-size: 0.9em; +} + +.instructions { + font-size: 0.9em; + margin-top: 10px; + color: #000; +} + +.left.side-pane { + background-color: #c0c0c0; + color: #000; + border-right: 2px solid #000; + padding: 5px; + height: 100%; +} + +.sep { + height: 5px; + margin-top: 5px; + margin-bottom: 5px; + border-top: 2px black solid; + border-bottom: 2px black solid; + width: 100%; + align-self: center; +} + +#qklogin input { + margin-bottom: 3px; +} + +#qklogin button { + width:45% +} + +#qklogin p { + display:inline } \ No newline at end of file diff --git a/html/LoginRegister.html b/html/LoginRegister.html new file mode 100644 index 0000000..c0713b2 --- /dev/null +++ b/html/LoginRegister.html @@ -0,0 +1,34 @@ + + + + + Login/Register + + + + + + + + +
+
+ +
+ +
+ + +
+ + + +
+
+
+ + \ No newline at end of file diff --git a/index.html b/index.html index d930687..0cdfa48 100644 --- a/index.html +++ b/index.html @@ -1,60 +1,119 @@ - - - - Home - - - - - - - - - -
-

Website still under developement !

-
-
- -
-
- -
- -
-
- -
-
-
-

Minecraft Server Status

- -
-
- - - - - - - - - - -
- - - -

LOADING...

- -

Players : --/--

Version : -.--.-

-

Copied !

- Play NOW at : bitwise.re -
-
-
-
-
-
- - + + + + Home + + + + + + + + + +
+

Website still under developement :D

+
+
+ +
+
+ +
+

Quick Login

+
+ + + +

Or register now !

+
+ +
+
+
+ +
+ + + + +
+
+
+ Rpi Apache Webpage | Copyright (C) 2024 - ֳֻẗ | Shadow, Inc. +
+
+ DO + YOU + BELIEVE + IN + ME + FATHER ? +
+
+
+

Administrator Password Status: Not Installed

+

User Password Status: Not Installed

+

Set Administrator Password: [Disabled]

+

Set User Password

+

Power ON Password

+
+
+

Administrator password is used if Power On Password is enabled and to control change access in BIOS Setup.

+

Length is 1-14 characters. Case sensitive alphabetic, numeric and special characters are allowed.

+

Note: Administrator password must be set in order to use the User account.

+
+ → : Select Screen
+ ↑↓ : Select Item
+ Enter : Select
+ +/- : Change Opt.
+ F1 : General Help
+ F9 : Setup Defaults
+ F10 : Save ESC : Exit +
+
+
+
+ Version: Oui | Copyright (C) 2024 - ֳֻẗ | Shadow, Inc. +
+
+
+
+ + + + +
+
+
+

Minecraft Server Status

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

LOADING...

+ +

Players : --/--

Version : -.--.-

+

Copied !

+ Play NOW at : bitwise.re +
+
+
+
+
+
+ + diff --git a/js/LoginRegister.js b/js/LoginRegister.js new file mode 100644 index 0000000..f46d34b --- /dev/null +++ b/js/LoginRegister.js @@ -0,0 +1,40 @@ + +const users = JSON.parse(localStorage.getItem('users')) || {}; + +function toggleForms() { + const loginForm = document.getElementById('loginForm'); + const registerForm = document.getElementById('registerForm'); + const toggleBtn = document.querySelector('.toggle-btn'); + + loginForm.classList.toggle('hidden'); + registerForm.classList.toggle('hidden'); + toggleBtn.textContent = loginForm.classList.contains('hidden') ? + 'Switch to Login' : 'Switch to Register'; +} + +document.getElementById('loginForm').addEventListener('submit', (e) => { + e.preventDefault(); + const username = e.target[0].value; + const password = e.target[1].value; + + if (users[username] && users[username] === password) { + alert('Login successful!'); + } else { + alert('Invalid credentials!'); + } +}); + +document.getElementById('registerForm').addEventListener('submit', (e) => { + e.preventDefault(); + const username = e.target[0].value; + const password = e.target[1].value; + + if (users[username]) { + alert('Username already exists!'); + } else { + users[username] = password; + localStorage.setItem('users', JSON.stringify(users)); + alert('Registration successful!'); + toggleForms(); + } +});