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=1 year)
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
Unified 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. 29
      html/templates/ships/ships.html
  6. 1
      index.html
  7. 1
      js/controllers/contracts.js
  8. 1
      js/controllers/home.js
  9. 3
      js/controllers/login.js
  10. 1
      js/controllers/register.js
  11. 61
      js/controllers/ships.js

7
css/global.css
Unescape View File

@ -85,12 +85,17 @@ select {
100% {right: 25px; top: 0px;} 100% {right: 25px; top: 0px;}
} }
.title{ .Title{
position: absolute; position: absolute;
font-size: 50px; font-size: 50px;
margin-left: 50px; margin-left: 50px;
} }
.title{
font-size: 50px;
margin-left: 50px;
}
::placeholder { ::placeholder {
color: var(--text-color); 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{ .block-ships{
position: relative;
width: 50%;
display:flex; display:flex;
flex-direction: column; flex-direction: column;
color: white; color: white;
font-size:large; font-size:large;
text-align: center; text-align: center;
padding-top: 100px;
max-width: 1000px;
position: relative;
margin: auto; margin: auto;
margin-top: 100px;
} }
button{ button{
color: white; color: white;
@ -34,12 +27,12 @@ button:hover{
} }
.my-modal{ .ships-modal{
font-size:small; font-size:small;
} background-image: url("/assets/spaceships/blueprint.png");
body{ background-repeat: no-repeat;
background-image: url("/assets/spaceships/hangar.png"); background-size: contain;
background-size: cover;
} }
.ships-list { .ships-list {
@ -56,12 +49,19 @@ body{
padding: 16px; padding: 16px;
color: white; color: white;
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 60px;
transition: 0.6s ease; transition: 0.6s ease;
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
user-select: none; user-select: none;
} }
.imgShip {
left: 0;
width: 50%;
}
.ships-list h5 {
font-size:xx-large;
}
/* Position the "next button" to the right */ /* Position the "next button" to the right */
.next { .next {
right: 0; right: 0;
@ -71,15 +71,4 @@ body{
/* On hover, add a black background color with a little bit see-through */ /* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover { .prev:hover, .next:hover {
background-color: rgba(0,0,0,0.8); 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"> <div class="contract-screen">
<img class="screen-img" src="/assets/contracts/screen.png"> <img class="screen-img" src="/assets/contracts/screen.png">
<div class="contracts"> <div class="contracts">

2
html/templates/home.html
Unescape View File

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

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

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

1
index.html
Unescape View File

@ -12,6 +12,7 @@
<link rel="stylesheet" href="css/auth.css"> <link rel="stylesheet" href="css/auth.css">
<link rel="stylesheet" href="css/profile.css"> <link rel="stylesheet" href="css/profile.css">
<link rel="stylesheet" href="css/contracts.css"> <link rel="stylesheet" href="css/contracts.css">
<link rel="stylesheet" href="css/ships.css">
</head> </head>
<body> <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); let modal = new Modal("contract-modal", temp_engine);
temp_engine.after_render((temp_engine) => { temp_engine.after_render((temp_engine) => {
$("body").css("background-image", "url('/assets/img/background.png')")
modal.load("templates/contracts/contracts_modal.html"); modal.load("templates/contracts/contracts_modal.html");
Contract.list(10, 1, (contracts) => { 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) { export default function home(temp_engine) {
temp_engine.after_render(() => { temp_engine.after_render(() => {
$("body").css("background-image", "url('/assets/img/background.png')")
menu_mod(temp_engine); menu_mod(temp_engine);
}); });
temp_engine.render("templates/home.html"); temp_engine.render("templates/home.html");

3
js/controllers/login.js
Unescape View File

@ -8,6 +8,7 @@ export default function login(temp_engine) {
const auth = new Auth(); const auth = new Auth();
temp_engine.after_render((temp_engine) => { temp_engine.after_render((temp_engine) => {
$("body").css("background-image", "url('/assets/img/background.png')")
menu_mod(temp_engine); menu_mod(temp_engine);
temp_engine.add_event("#btn-login", "click", () => { temp_engine.add_event("#btn-login", "click", () => {
@ -36,7 +37,7 @@ export default function login(temp_engine) {
$(".errors").html(""); $(".errors").html("");
errors.forEach((error) => { errors.forEach((error) => {
$(".errors").append(`<p>${error}</p>`); $(".errors").append(`<p>${error}</p>`);
}); });
}); });
temp_engine.render("templates/auth/login.html"); temp_engine.render("templates/auth/login.html");

1
js/controllers/register.js
Unescape View File

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

61
js/controllers/ships.js
Unescape View File

@ -9,26 +9,19 @@ export default (temp_engine) => {
temp_engine.after_render((temp_engine) => { temp_engine.after_render((temp_engine) => {
menu_mod(temp_engine); menu_mod(temp_engine);
$("body").css("background-image", "url('/assets/spaceships/hangar.png')")
modal.load("templates/ships/ships_modal.html"); modal.load("templates/ships/ships_modal.html");
Ship.list((ships) => { Ship.list((ships) => {
ships.forEach(ship => { ships.forEach(ship => {
$(".block-ships").append( $(".block-ships").append(
` `
<div class="ships-list fade" data-id="${ship.symbol}"> <div class="ships-list" data-id="${ship.symbol}">
<h5>${ship.symbol}</h5> <h5>${ship.symbol}</h5>
<img <img
id="imgShip" class="imgShip"
src="/assets/spaceships/spaceship.png" src="/assets/spaceships/spaceship.png"
alt="" /> 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> </div>
` `
) )
@ -149,31 +142,37 @@ export default (temp_engine) => {
}); });
}); });
temp_engine.add_event(".btn-close", "click", () => { function showSlides(n) {
modal.close(); let i;
}); slideIndex += n;
function plusSlides(n) { let slides = $(".ships-list");
showSlides(slideIndex += n); 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(".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}
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slides[slideIndex-1].style.display = "block";
} }
}
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"); temp_engine.render("templates/ships/ships.html");

Write Preview
Loading…
Cancel
Save