diff --git a/static/css/main.css b/static/css/main.css index b2a2b91..c95ca8d 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -14,11 +14,12 @@ body { align-items: center; justify-content: center; height: 100%; + overflow: visible; } .bg-full { position: fixed; - background: url('../img/backgrounf-full.jpeg'); + background: url('../img/spy-background.png'); background-size: cover; width: 100%; height: 100%; @@ -34,12 +35,14 @@ h1 { } .container { + position: absolute; + z-index: 0; + top: 0px; margin: 5vh 0vh; justify-content: center; width: 90vw; - min-height: 100vh; - box-shadow: 1px 1px 10px #d75b00; - border-radius: 1px; + min-height: 100%; + border-radius: 2px; border: none; padding: 5vw; background: url("../img/background-letter.jpg"); @@ -47,7 +50,7 @@ h1 { background-position-x: right; } -@media screen and (max-width: 600px) { +@media screen and (max-width: 800px) { .container { margin: 0px; width: 100%; @@ -120,6 +123,9 @@ img { .prank-button a { color: black; position: relative; + padding: 20px 10px; + width: 100%; + } .prank-button a:hover { @@ -129,10 +135,10 @@ img { .hover-circle { position: absolute; z-index: 10; - top: -50px; + top: 2px; left: 0px; - max-height: 100%; - max-width: 100%; + height: 100%; + width: 100%; display: none; } @@ -163,7 +169,7 @@ img { padding-left: 5vw; } -@media screen and (max-width: 600px) { +@media screen and (max-width: 800px) { .row { flex-direction: column; } diff --git a/static/img/spy-background.png b/static/img/spy-background.png new file mode 100644 index 0000000..254198a Binary files /dev/null and b/static/img/spy-background.png differ diff --git a/static/index.html b/static/index.html index 42baa1a..415f6c9 100644 --- a/static/index.html +++ b/static/index.html @@ -17,8 +17,8 @@
- -
+
+ @@ -65,15 +65,40 @@

À propos de nous !

la liste du bde de 2025
+
- -
+ + + + + + + + diff --git a/static/js/main.js b/static/js/main.js index ce0de74..176a0c7 100644 --- a/static/js/main.js +++ b/static/js/main.js @@ -1,3 +1,13 @@ +const base_url = "https://oss110metz.rezo-rm.fr/" + +function show_page(id) { + $('#main-page').hide(); + $('#admin-page').hide(); + $('#login-page').hide(); + $('#demande-page').hide(); + $(id).show(); +} + $(window).on("load", function() { /* load timer */ @@ -24,4 +34,26 @@ $(window).on("load", function() { second: '2-digit' })); }, 1000); -}); \ No newline at end of file + + $("#login-form").submit(function (e) { + e.preventDefault(); + var data = JSON.stringify({ + username: $("#login").val(), + password: $("#password").val() + }); + $.post(base_url + "login", data, function (data) { + console.log(data); + }); + + }); + + $("#prank-button").click(function () { + if(Cookies.get('token')) { + show_page('#demande-page'); + } + else { + show_page('#login-page'); + } + }); +}); +