From 3ed30ba82619d776e7e0bd92361c70028ddcf064 Mon Sep 17 00:00:00 2001 From: leandro-rdz Date: Sat, 23 Dec 2023 22:36:17 +0100 Subject: [PATCH 01/49] Update css + add command and about pages, clear focus problem --- public_html/about.html | 36 ++++++++++ public_html/commands.html | 43 +++++++++++ public_html/css/style.css | 147 +++++++++++++++++++++++++++++++++++--- public_html/index.html | 21 +++++- 4 files changed, 236 insertions(+), 11 deletions(-) create mode 100644 public_html/about.html create mode 100644 public_html/commands.html diff --git a/public_html/about.html b/public_html/about.html new file mode 100644 index 0000000..b111d78 --- /dev/null +++ b/public_html/about.html @@ -0,0 +1,36 @@ + + + + + + + + + + + +
+ +
+
+
+

Ce site a été fait par RODRIGUEZ Leandro, LASSERRE Victor, Marty Killian , et REBILLARD Baptiste.

+

Ce jeu a été fait dans le cadre de la formation de L'INSA Toulouse option IR.

+

Ce projet a été fait dans le cadre du cours de Web, et est donc assez basique.

+
+
+ + + + \ No newline at end of file diff --git a/public_html/commands.html b/public_html/commands.html new file mode 100644 index 0000000..7777f42 --- /dev/null +++ b/public_html/commands.html @@ -0,0 +1,43 @@ + + + + + + + + + + + +
+ +
+
+
+

Commandes :

+
    +
  • Haut: Z ou fleche du haut
    • +
  • Bas: S ou fleche du bas
    • +
  • Gauche: Q ou fleche de gauche
    • +
  • Droite: D ou fleche de droite
    • +
  • Tirer: Clic Gauche
    • +
  • Viser: Souris
    • +
  • Ouvrir le telephone: P
    • +
+
+
+ + + + \ No newline at end of file diff --git a/public_html/css/style.css b/public_html/css/style.css index 7247e97..bafa723 100644 --- a/public_html/css/style.css +++ b/public_html/css/style.css @@ -17,13 +17,15 @@ body { } -footer{ + + +footer { color: rgb(180, 167, 167); font-weight: bold; - + } -header{ +header { display: block; width: 100vw; } @@ -33,21 +35,127 @@ h1 { color: #ffffff; } -h2{ +h2 { display: none; } -#logo{ - display:none; +#logo { + display: none; } -@media screen and (min-width: 1200px) { +#about{ + color: rgb(255, 255, 255); + font-weight: bold; + font-family:sans-serif,calibri; +} + + +@media screen and (max-width: 700px) { /*petit*/ + + + nav { + height: 60px; + background: #00000050; + } + + #toggle { + display: none; + } + + .menu { + display: none; + flex-direction: column; + background: #00000050; + height: 10vh; + margin-top: 1.29vh; + } + + nav a { + margin: 0.8vh; + font-size: 1.5em; + color: white; + text-decoration: none; + } + + nav a:hover { + color: #dadd0f; + } + + .lab { + width: 30px; + display: flex; + margin: 0 auto; + font-size: 40px; + color: white; + cursor: pointer; + } + + #toggle:checked+.menu { + display: flex; + font-weight: bold; + } + .box{ + font-size: 1.5em; + } + +} + +@media screen and (min-width: 700px) { /*grand*/ + + .box{ + font-size: 2.5em; + } + .lab { + display: none; + } + + #toggle { + display: none; + } + + nav { + + margin: 0; + width: 100%; + height: 9.5vh; + display: flex; + background: #00000050; + } + + + + nav a { + width: 15%; + margin-left: 1vw; + margin-right: 1vw; + display: flex; + align-items: center; + justify-content: center; + height: 100px; + text-decoration: none; + font-size: 1.5em; + font-weight: bold; + color: white; + } + + nav a:hover { + color: #dadd0f; + } + + nav .menu { + display: flex; + align-items: center; + width: 100%; + height: 100%; + } + #logo { display: block; width: 100px; margin: 10px; } + h2 { display: block; /*background-color: rgba(255, 255, 255, 0.466);*/ @@ -83,8 +191,31 @@ main { } +ul{ + color:rgb(255, 255, 255); + font-weight: bold; + list-style-type: none; +} - +h3 { + color: rgb(255, 255, 255); + font-weight: bold ; + text-decoration: underline; + margin-bottom: 0; +} +.box { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + width: 60vw; + height: 60vh; + background-color: rgba(0, 0, 0, 0.5); + border-radius: 20px; + margin: 10px; + padding: 10px; + +} #background-image { background-image: url('../assets/bg.webp'); diff --git a/public_html/index.html b/public_html/index.html index edb8748..a7e4489 100644 --- a/public_html/index.html +++ b/public_html/index.html @@ -10,7 +10,16 @@
- +

Grand Tabernacle Auto

@@ -23,7 +32,7 @@ - + @@ -40,4 +49,10 @@ window.addEventListener('keyup', (event) => { document.cookie = "pseudo=" + pseudo.value }) - + + function moveFocus(){ + setTimeout(function () { + document.getElementById('form_input').focus(); + }, 200) + } + \ No newline at end of file From 615c5f7889e64fba9638d3fc29c7cc4538b3a396 Mon Sep 17 00:00:00 2001 From: leandro-rdz Date: Sun, 24 Dec 2023 11:48:58 +0100 Subject: [PATCH 02/49] Update font family commands --- public_html/about.html | 2 +- public_html/css/style.css | 4 +++- 2 files changed, 4 insertions(+), 2 deletions(-) diff --git a/public_html/about.html b/public_html/about.html index b111d78..f8412e2 100644 --- a/public_html/about.html +++ b/public_html/about.html @@ -25,7 +25,7 @@

Ce site a été fait par RODRIGUEZ Leandro, LASSERRE Victor, Marty Killian , et REBILLARD Baptiste.

Ce jeu a été fait dans le cadre de la formation de L'INSA Toulouse option IR.

-

Ce projet a été fait dans le cadre du cours de Web, et est donc assez basique.

+