diff --git a/about.html b/about.html index a1d1312..47a9d83 100644 --- a/about.html +++ b/about.html @@ -19,7 +19,7 @@ - 馃彔 Home + Ghost Archery Logo diff --git a/home.css b/home.css index 08d3240..50158cd 100644 --- a/home.css +++ b/home.css @@ -46,12 +46,6 @@ footer { 0 0 100px #00FF00; } -/* Simulation Error */ - -.error-message { - color: red; - margin-top: 10px; -} /* Simulator Settings */ diff --git a/home.html b/home.html index 5a3d4c3..d410ae0 100644 --- a/home.html +++ b/home.html @@ -26,7 +26,7 @@
- Acerca de... +
diff --git a/simulator.css b/simulator.css new file mode 100644 index 0000000..d200dbf --- /dev/null +++ b/simulator.css @@ -0,0 +1,129 @@ +body { + background-color: #fade95; + font-family: "Century Gothic"; + color: black; + display: flex; + flex-direction: column; + min-height: 100vh; +} + +footer { + background-color: #fade95; + font-family: "Century Gothic"; + color: black; + padding: 20px; + margin-top: auto; + display: flex; + justify-content: space-between; + align-items: center; + border-top: 1px solid black; +} + + +/* Finish Button */ + +.shadow__btn { + padding: 10px 20px; + border: none; + font-size: 17px; + color: #fff; + border-radius: 7px; + letter-spacing: 4px; + font-weight: 700; + text-transform: uppercase; + transition: 0.5s; + transition-property: box-shadow; + background-color: #00FF00; + box-shadow: 0 0 25px #00FF00; + cursor: pointer; + outline: none; +} + +.shadow__btn:hover { + box-shadow: 0 0 5px #00FF00, + 0 0 25px #00FF00, + 0 0 50px #00FF00, + 0 0 100px #00FF00; +} + +/* Issue Message */ + +.issue_message{ + font-family: "Century Gothic"; + color: green; + padding: 14px; +} + +/* Simulation Form */ + +.simulation_form { + margin: 100px auto; + width: 800px; + height: auto; + border: 1px solid #ccc; + border-radius: 5px; + padding: 10px; + font-family: "Century Gothic"; + font-size: 16px; + color: #333; + background-color: white; +} + +.simulation_form .header { + font-size: 24px; + font-weight: bold; +} + +.simulation_form .body { + font-size: 14px; + line-height: 1.5; +} + +/* Data div */ + +.simulator_table{ + font-family: "Century Gothic"; + color: black; + background-color: white; + height: auto; + width: auto; +} + + +td{ + line-height: 200%; + padding: 0 60px; +} + +th{ + line-height: 200%; + padding: 0 60px; + font-size: 24px; + font-weight: bold; +} + +/* Next Button */ + +.shadow__btn { + padding: 10px 20px; + border: none; + font-size: 17px; + color: #fff; + border-radius: 7px; + letter-spacing: 4px; + font-weight: 700; + text-transform: uppercase; + transition: 0.5s; + transition-property: box-shadow; + background-color: #00FF00; + box-shadow: 0 0 25px #00FF00; + cursor: pointer; + outline: none; +} + +.shadow__btn:hover { + box-shadow: 0 0 5px #00FF00, + 0 0 25px #00FF00, + 0 0 50px #00FF00, + 0 0 100px #00FF00; +} diff --git a/simulator.php b/simulator.php new file mode 100644 index 0000000..a5bd464 --- /dev/null +++ b/simulator.php @@ -0,0 +1,258 @@ + + + + + + + + + + + + + + + + + + + + +Ghost Archery Simulator + + +
+ + + + + + + +
+ +
+

馃挕 Consejo: Para poder acceder m谩s rapido a la configuraci贸n que estas usando ahora mismo a帽ade esta p谩gina como marcador

+ +
+ Ghost Simulator Logo +

Simulator

+
+
+ + +

鈿欙笍 Ajustes

+ + +
+ + + +
+

Ghost

+
+ + Entrada + Total + + + Celda 1 + Celda 2 + + + Celda 3 + Celda 4 + + + '; + + + ?> + + + + +
+
+ + +
+ + +