anulax
/
skamkraft.anulax.ch
1
0
Fork 0
Code Issues Pull Requests Packages project_board Releases Wiki Activity

Oh oui sacha mets la plus profond

Browse Source
main
Daniel Serdoura ago%!(EXTRA string=11 months)
parent c6df3d1db2
commit f85469ae25
11 changed files with 72 additions and 79 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 7
      css/global.css
  2. 43
      css/ships.css
  3. 2
      html/templates/contracts/contracts.html
  4. 2
      html/templates/home.html
  5. 23
      html/templates/ships/ships.html
  6. 1
      index.html
  7. 1
      js/controllers/contracts.js
  8. 1
      js/controllers/home.js
  9. 1
      js/controllers/login.js
  10. 1
      js/controllers/register.js
  11. 53
      js/controllers/ships.js

7
css/global.css
Unescape View File

@ -85,12 +85,17 @@ select {
100% {right: 25px; top: 0px;}
}
.title{
.Title{
position: absolute;
font-size: 50px;
margin-left: 50px;
}
.title{
font-size: 50px;
margin-left: 50px;
}
::placeholder {
color: var(--text-color);
}

43
css/ships.css
Unescape View File

@ -1,20 +1,13 @@
* {
box-sizing: border-box;
}
@font-face {
font-family: M42;
src: url("/assets/fonts/Pixellari.ttf");
}
.block-ships{
position: relative;
width: 50%;
display:flex;
flex-direction: column;
color: white;
font-size:large;
text-align: center;
padding-top: 100px;
max-width: 1000px;
position: relative;
margin: auto;
margin-top: 100px;
}
button{
color: white;
@ -34,12 +27,12 @@ button:hover{
}
.my-modal{
.ships-modal{
font-size:small;
}
body{
background-image: url("/assets/spaceships/hangar.png");
background-size: cover;
background-image: url("/assets/spaceships/blueprint.png");
background-repeat: no-repeat;
background-size: contain;
}
.ships-list {
@ -56,12 +49,19 @@ body{
padding: 16px;
color: white;
font-weight: bold;
font-size: 18px;
font-size: 60px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}
.imgShip {
left: 0;
width: 50%;
}
.ships-list h5 {
font-size:xx-large;
}
/* Position the "next button" to the right */
.next {
right: 0;
@ -72,14 +72,3 @@ body{
.prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8);
}
/* Fading animation */
.fade {
animation-name: fade;
animation-duration: 1.5s;
}
@keyframes fade {
from {opacity: .4}
to {opacity: 1}
}

2
html/templates/contracts/contracts.html
Unescape View File

@ -1,4 +1,4 @@
<p class="title">Contracts</p>
<p class="Title">Contracts</p>
<div class="contract-screen">
<img class="screen-img" src="/assets/contracts/screen.png">
<div class="contracts">

2
html/templates/home.html
Unescape View File

@ -1,3 +1,3 @@
<div>
<p class="title">Home</p>
<p class="Title">Home</p>
</div>

23
html/templates/ships/ships.html
Unescape View File

@ -1,17 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/ships.css">
<title>Ship</title>
</head>
<body class="test">
<div class="block-ships">
<div class="block-ships">
<a class="prev">❮</a>
<a class="next">❯</a>
<div class="buttonShip">
<button class="reg" data-symbol="">Name</button>
<button class="nav" data-symbol="">Navigation</button>
<button class="crew" data-symbol="">Crew</button>
<button class="frame" data-symbol="">Frame</button>
<button class="react" data-symbol="">Reactor</button>
<button class="fuel" data-symbol="">Fuel</button>
</div>
</body>
</html>
</div>

1
index.html
Unescape View File

@ -12,6 +12,7 @@
<link rel="stylesheet" href="css/auth.css">
<link rel="stylesheet" href="css/profile.css">
<link rel="stylesheet" href="css/contracts.css">
<link rel="stylesheet" href="css/ships.css">
</head>
<body>

1
js/controllers/contracts.js
Unescape View File

@ -10,6 +10,7 @@ export default function contracts(temp_engine) {
let modal = new Modal("contract-modal", temp_engine);
temp_engine.after_render((temp_engine) => {
$("body").css("background-image", "url('/assets/img/background.png')")
modal.load("templates/contracts/contracts_modal.html");
Contract.list(10, 1, (contracts) => {

1
js/controllers/home.js
Unescape View File

@ -2,6 +2,7 @@ import menu_mod from "./menu_mod.js";
export default function home(temp_engine) {
temp_engine.after_render(() => {
$("body").css("background-image", "url('/assets/img/background.png')")
menu_mod(temp_engine);
});
temp_engine.render("templates/home.html");

1
js/controllers/login.js
Unescape View File

@ -8,6 +8,7 @@ export default function login(temp_engine) {
const auth = new Auth();
temp_engine.after_render((temp_engine) => {
$("body").css("background-image", "url('/assets/img/background.png')")
menu_mod(temp_engine);
temp_engine.add_event("#btn-login", "click", () => {

1
js/controllers/register.js
Unescape View File

@ -9,6 +9,7 @@ export default function register(temp_engine) {
let auth = new Auth();
temp_engine.after_render((temp_engine) => {
$("body").css("background-image", "url('/assets/img/background.png')")
menu_mod(temp_engine);
Faction.list_all((factions) => {

53
js/controllers/ships.js
Unescape View File

@ -9,26 +9,19 @@ export default (temp_engine) => {
temp_engine.after_render((temp_engine) => {
menu_mod(temp_engine);
$("body").css("background-image", "url('/assets/spaceships/hangar.png')")
modal.load("templates/ships/ships_modal.html");
Ship.list((ships) => {
ships.forEach(ship => {
$(".block-ships").append(
`
<div class="ships-list fade" data-id="${ship.symbol}">
<div class="ships-list" data-id="${ship.symbol}">
<h5>${ship.symbol}</h5>
<img
id="imgShip"
class="imgShip"
src="/assets/spaceships/spaceship.png"
alt="" />
<div class="buttonShip">
<button class="reg" data-symbol="${ship.symbol}">Name</button>
<button class="nav" data-symbol="${ship.symbol}">Navigation</button>
<button class="crew" data-symbol="${ship.symbol}">Crew</button>
<button class="frame" data-symbol="${ship.symbol}">Frame</button>
<button class="react" data-symbol="${ship.symbol}">Reactor</button>
<button class="fuel" data-symbol="${ship.symbol}">Fuel</button>
</div>
</div>
`
)
@ -149,31 +142,37 @@ export default (temp_engine) => {
});
});
temp_engine.add_event(".btn-close", "click", () => {
modal.close();
});
function plusSlides(n) {
showSlides(slideIndex += n);
}
temp_engine.add_event(".prev", "click", () => {
plusSlides(-1);
});
temp_engine.add_event(".next", "click", () => {
plusSlides(1);
});
function showSlides(n) {
let i;
let slides = document.getElementsByClassName("ships-list");
if (n > slides.length) {slideIndex = 1}
if (n < 1) {slideIndex = slides.length}
slideIndex += n;
let slides = $(".ships-list");
if (slideIndex > slides.length) slideIndex = 1;
if (slideIndex < 1) {slideIndex = slides.length}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
let img = slideIndex[slideIndex - 1].children(".imgShip");
if (n > 0)
{
img.animate({left: '250px'})
}
else
{
}
}
temp_engine.add_event(".btn-close", "click", () => {
modal.close();
});
temp_engine.add_event(".prev", "click", () => {
showSlides(-1);
});
temp_engine.add_event(".next", "click", () => {
showSlides(1);
});
});
temp_engine.render("templates/ships/ships.html");

Write Preview
Loading…
Cancel
Save