diff --git a/css/ship.css b/css/ship.css new file mode 100644 index 0000000..b842d69 --- /dev/null +++ b/css/ship.css @@ -0,0 +1,42 @@ +* { + box-sizing: border-box; +} +@font-face { + font-family: M42; + src: url("/assets/fonts/m42.TTF"); +} +.block-ships{ + display:flex; + justify-content: center; + align-items: center; + color: white; + font-size:large; +} +.ships{ + display: flex; + flex-direction: column; + flex-wrap: wrap; + text-align: center; +} +button{ + color: white; + font-family: 'M42'; + background-color: black; + font-size:x-small; + box-shadow: 3px 2px white; + border: 4px solid white; + border-radius: 10px; + padding: 10px; + padding-left: 15px; + padding-right: 15px; +} +button:hover{ + background-color:aqua ; + transition: 1s; +} +.ships>*{ + flex: 100px; +} +.my-modal{ + font-size:small; +} diff --git a/html/templates/ship/ship.html b/html/templates/ship/ship.html new file mode 100644 index 0000000..15fda81 --- /dev/null +++ b/html/templates/ship/ship.html @@ -0,0 +1,16 @@ + + + + + + Ship + + +
+
+ +
+
+ + + \ No newline at end of file diff --git a/html/templates/ship/ship_modal.html b/html/templates/ship/ship_modal.html new file mode 100644 index 0000000..a5a542c --- /dev/null +++ b/html/templates/ship/ship_modal.html @@ -0,0 +1,9 @@ + +
+
+ +
+
+ +
+
\ No newline at end of file diff --git a/index.html b/index.html index bd71585..984b7f8 100644 --- a/index.html +++ b/index.html @@ -5,6 +5,7 @@ + diff --git a/js/controllers/menu_mod.js b/js/controllers/menu_mod.js index 4310621..9267415 100644 --- a/js/controllers/menu_mod.js +++ b/js/controllers/menu_mod.js @@ -3,6 +3,7 @@ import login from "./login.js"; import reg from "./reg.js"; import home from "./home.js"; import { systems } from "./systems.js"; +import ships from "./ships.js"; function init_menu(temp_engine) { temp_engine.add_event("#reg-link", "click", () => { @@ -14,6 +15,9 @@ function init_menu(temp_engine) { temp_engine.add_event("#systems-link", "click", () => { systems(temp_engine); }); + temp_engine.add_event("#ships-link", "click", () => { + ships(temp_engine); + }); temp_engine.add_event(".nav-brand", "click", () => { home(temp_engine); });