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

refont css

Browse Source
fusion
Makaci Michael Gabriel ago%!(EXTRA string=1 year)
parent 15e29a9ac2
commit 611d454087
16 changed files with 229 additions and 315 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. BIN
      assets/fonts/Pixellari.ttf
  2. BIN
      assets/fonts/m42.TTF
  3. 41
      css/auth.css
  4. 83
      css/contract.css
  5. 92
      css/global.css
  6. 196
      css/style.css
  7. 0
      css/system.css
  8. 5
      css/ui.css
  9. 12
      html/template.html
  10. 24
      html/templates/auth/login.html
  11. 32
      html/templates/auth/reg.html
  12. 33
      index.html
  13. 16
      js/controllers/login.js
  14. 4
      js/controllers/menu_mod.js
  15. 4
      js/index.js
  16. 2
      js/skama_code

BIN
assets/fonts/Pixellari.ttf
View File

Binary file not shown.

BIN
assets/fonts/m42.TTF
View File

Binary file not shown.

41
css/auth.css
Unescape View File

@ -0,0 +1,41 @@
.auth-container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: rgba(0, 0, 0, 0.863);
padding: 30px;
border-radius: 5px;
}
.auth-input {
border-radius: 2px;
padding: 5px;
}
.auth-grp-label {
display: flex;
justify-content: space-between;
}
.auth-btn {
margin: 3px;
padding: 4px;
font-size: 20px;
color: white;
border-radius: 5px;
}
.auth-btn-val {
background-color: blue;
}
.auth-btn-can {
background-color: red;
}
.auth-btn-other {
background-color: darkgreen;
}
.auth-select {}

83
css/contract.css
Unescape View File

@ -0,0 +1,83 @@
/* Copyright © 2023 Entreprise SkamCraft */
body,
html {
height: 100%;
}
.btn-infos {
margin: 2px;
/* color: black; */
background-color: transparent;
border: 5px solid #0018e8;
border-radius: 10px;
}
.btn-infos:hover {
border-color: #0018e8;
background-color: #0018e8;
;
}
.btn-accept {
margin: 2px;
/* color: black; */
background-color: transparent;
border: 5px solid #0018e8;
border-radius: 10px;
}
.btn-accept:hover {
border-color: rgb(33, 196, 0);
background-color: rgb(33, 196, 0);
}
.card {
margin-bottom: 30px;
}
.contract-screen {
display: flex;
justify-content: center;
background-image: url("/assets/contracts/contractscreen.png");
background-repeat: no-repeat;
background-position: center;
height: 100vh;
}
.card-body {
display: grid;
grid-template-columns: 1fr 1fr;
margin-left: 200px;
margin-top: -160px;
width: 100%;
}
.card-body button {
margin-top: 50px;
margin-right: 29px;
margin-left: -11px;
width: 240px;
}
.contracts {
margin-left: 240px;
margin-top: 250px;
height: 100vh;
width: 100vh;
}
/* Modal */
.status-onhold {
color: orange;
}
.status-accepted {
color: greenyellow;
}

92
css/global.css
Unescape View File

@ -1,83 +1,47 @@
/* Copyright © 2023 Entreprise SkamCraft */ /* Copyright © 2023 Entreprise SkamCraft */
:root {
--text-color: white;
body,
html {
height: 100%;
}
.btn-infos {
margin: 2px;
/* color: black; */
background-color: transparent;
border: 5px solid #0018e8;
border-radius: 10px;
}
.btn-infos:hover {
border-color: #0018e8;
background-color: #0018e8;
;
}
.btn-accept {
margin: 2px;
/* color: black; */
background-color: transparent;
border: 5px solid #0018e8;
border-radius: 10px;
} }
.btn-accept:hover { @font-face {
border-color: rgb(33, 196, 0); font-family: pixellari;
background-color: rgb(33, 196, 0); src: url("../assets/fonts/Pixellari.ttf");
} }
.card { body {
margin-bottom: 30px; margin: 0;
background-image: url("../assets/img/background.png");
font-family: pixellari;
color: var(--text-color);
} }
.contract-screen { input {
display: flex; border: none;
justify-content: center; font-family: pixellari;
background-image: url("/assets/contracts/contractscreen.png");
background-repeat: no-repeat;
background-position: center;
height: 100vh;
} }
.card-body {
display: grid;
grid-template-columns: 1fr 1fr;
margin-left: 200px;
margin-top: -160px;
width: 100%;
}
.card-body button { button {
margin-top: 50px; border: none;
margin-right: 29px; font-family: pixellari;
margin-left: -11px;
width: 240px;
} }
.contracts { select {
margin-left: 240px; border: none;
margin-top: 250px; font-family: pixellari;
height: 100vh;
width: 100vh;
} }
/* Modal */
.status-onhold { .container {
color: orange; width: 100%;
height: inherit;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
} }
.status-accepted { .title {
color: greenyellow; font-size: 40px;
} }

196
css/style.css
Unescape View File

@ -1,196 +0,0 @@
/* Copyright © 2023 Entreprise SkamKraft */
:root {
--main-back-color: rgb(143, 143, 143);
--second-back-color: black;
}
@font-face {
font-family: M42;
src: url("/assets/fonts/m42.TTF");
}
* {
box-sizing: border-box;
}
body {
background-image: url("/assets/img/background.png");
font-family: 'M42';
font-size: 7px;
margin: 0px;
padding: 0px;
}
/* Main */
.container {
color: white;
background-color: rgba(0, 0, 0, 0.726);
display: flex;
margin: 10px;
width: fit-content;
margin: auto;
margin-top: 10px; margin-bottom: 30px;
flex-direction: column;
align-items: center;
border: 4px solid rgba(68, 68, 68, 0.575);
}
.max-container {
background-color: rgba(0, 0, 0, 0.726);
color: white;
display: flex;
margin: 10px;
width: 95%;
margin: auto;
margin-top: 10px; margin-bottom: 30px;
flex-direction: column;
align-items: center;
border: 4px solid rgba(68, 68, 68, 0.575);
}
.con-title {
font-size: 15px;
border-bottom: 2px solid black;
}
.btn {
padding: 10px;
font-size: 8px;
font-family: 'M42';
color: white;
border: none;
border-radius: 10px;
}
.btn-val {
background-color: rgba(0, 0, 255, 0.637);
}
.btn-cancel {
background-color: rgba(255, 0, 0, 0.699);
}
/*footer*/
footer {
position: fixed;
width: 100%;
bottom: 0;
display: flex;
justify-content: center;
background-color: var(--second-back-color);
color: white;
}
/*nav bar*/
.nav-nav {
--nav-img-width: 75px;
background-color: var(--second-back-color);
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 10px 10px 10px;
}
.nav-nav .nav-brand {
display: flex;
justify-content: center;
align-items: center;
}
.nav-nav .nav-brand img {
width: var(--nav-img-width);
}
.nav-nav .nav-links {
--links-color: rgb(255, 255, 255);
--links-backcolor: rgb(0, 0, 0);
--links-border-color: rgb(255, 255, 255);
height: 70%;
display: flex;
justify-content: space-between;
}
.nav-link {
margin-right: 10px;
background-color: var(--links-backcolor);
color: var(--links-color);
border: 4px solid var(--links-border-color);
list-style: none;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 3px 2px white;
}
.stats {
color: white;
}
/* General */
.smooth {
padding: 5px;
padding-left: 10px;
padding-right: 10px;
border-radius: 5px;
}
.in-big {
font-family: 'M42';
font-size: 6px;
padding: 5px;
width: 100%;
margin-bottom: 10px;
border-radius: 5px;
border: none;
}
.errors p {
background-color: rgba(255, 56, 56, 0.733);
border: 3px solid rgb(255, 111, 111);
padding: 10px;
color: white;
border-radius: 5px;
text-align: center;
}
/* Modal */
.ext-modal {
background-color: rgba(255, 255, 255, 0.767);
border-radius: 10px;
padding: 50px;
}
.my-modal {
display: flex;
flex-direction: column;
align-items: center;
}
.modal-title {
font-size: 15px;
margin-bottom: 40px;
}
.show-token {
width: fit-content;
border: 2px solid black;
border-radius: 10px;
padding: 30px;
font-size: 5px;
white-space:pre-wrap;
word-break:break-word;
}
.my-modal #timer {
text-align: center;
border: 1px solid black;
border-radius: 10px;
width: 10%;
padding: 5px;
margin-bottom: 10px;
}
#canvas {
border-radius: 10px;
}

0
css/system.css
Unescape View File

5
css/ui.css
Unescape View File

@ -3,9 +3,10 @@
#block-content { #block-content {
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%;
height: 100vh;
} }
.modal-disable::backdrop { .modal-disable::backdrop {
background-color: rgba(0, 0, 0, 0.493); background-color: rgba(0, 0, 0, 0.493);
} }

12
html/template.html
Unescape View File

@ -1,12 +1,2 @@
<!-- Copyright © 2023 Entreprise SkamKraft --> <!-- Copyright © 2023 Entreprise SkamKraft -->
<nav class="nav-nav"> <main id="block-content"></main>
<div class="nav-brand">
<img src="assets/logo/elephant.png" />
</div>
<div class="stats"></div>
<ul class="nav-links"></ul>
</nav>
<main id="block-content"></main>
<footer>
<p>Skamcraft Sarl</p>
</footer>

24
html/templates/auth/login.html
Unescape View File

@ -1,12 +1,20 @@
<!-- Copyright © 2023 Entreprise SkamKraft --> <!-- Copyright © 2023 Entreprise SkamKraft -->
<div class="container smooth"> <div class="container">
<p class="con-title">Login</p> <div class="auth-container">
<input type="text" placeholder="Agent token" id="in-token" class="in-big"> <p class="title">Login</p>
<input type="checkbox" id="box-remember">Remember me ?</input> <input type="text" placeholder="Agent token" class="auth-input" id="in-token">
<div class="grp-btn"> <div class="auth-grp-label">
<button class="btn btn-val" id="btn-login">Validate</button> <p>Remember me ?</p>
<button class="btn btn-cancel" id="btn-cancel">Cancel</button> <input type="checkbox" class="auth-input" id="in-remember">
</div>
<div>
<button class="auth-btn auth-btn-val" id="btn-login">Validate</button>
<button class="auth-btn auth-btn-can" id="btn-cancel">Cancel</button>
</div>
<div>
<button class="auth-btn auth-btn-other" id="btn-reg">New agent</button>
</div>
<div class="errors"></div>
</div> </div>
<div class="errors"></div>
</div> </div>

32
html/templates/auth/reg.html
Unescape View File

@ -1,16 +1,24 @@
<!-- Copyright © 2023 Entreprise SkamKraft --> <!-- Copyright © 2023 Entreprise SkamKraft -->
<div class="container smooth"> <div class="container">
<p class="con-title">New Agent</p> <div class="auth-container">
<input type="text" placeholder="Name" id="input-name" class="in-big"> <p class="title">New Agent</p>
<select id="input-faction" class="in-big"> <input type="text" placeholder="Name" id="in-name">
<option value="" disabled selected>Factions</option> <select class="auth-select" id="in-faction">
<optgroup id="group-faction" label="---------"></optgroup> <option value="" disabled selected>Factions</option>
</select> <optgroup id="group-faction" label="---------"></optgroup>
<input type="checkbox" id="box-remember">Remember me ?</input> </select>
<div class="grp-btn"> <div class="auth-grp-label">
<button class="btn btn-val" id="btn-register">Validate</button> <p>Remember me ?</p>
<button class="btn btn-cancel" id="btn-cancel">Cancel</button> <input type="checkbox" class="auth-input" id="in-remember">
</div>
<div>
<button class="auth-btn auth-btn-val" id="btn-register">Validate</button>
<button class="auth-btn auth-btn-can" id="btn-cancel">Cancel</button>
</div>
<div>
<button class="auth-btn auth-btn-other" id="btn-log">Login</button>
</div>
<div class="errors"></div>
</div> </div>
<div class="errors"></div>
</div> </div>

33
index.html
Unescape View File

@ -1,15 +1,22 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<title></title> <head>
<link rel="stylesheet" href="css/style.css"> <title>Skamkraft</title>
<link rel="stylesheet" href="css/ui.css"> <meta charset="UTF-8">
<link rel="stylesheet" href="css/animation.css"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="js/lib/fabric.js"></script> <meta name="viewport" content="height=device-height, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script> <link rel="stylesheet" href="css/global.css">
<script type="module" src="js/index.js" defer></script> <link rel="stylesheet" href="css/auth.css">
</head> <link rel="stylesheet" href="css/ui.css">
<body> <link rel="stylesheet" href="css/animation.css">
<script src="js/lib/fabric.js"></script>
</body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
</html> <script type="module" src="js/index.js" defer></script>
</head>
<body>
</body>
</html>

16
js/controllers/login.js
Unescape View File

@ -2,24 +2,28 @@ import { Auth } from "../skama_code/auth/auth.js";
import { My } from "../skama_code/api/agent.js"; import { My } from "../skama_code/api/agent.js";
import home from "./home.js"; import home from "./home.js";
import menu_mod from "./menu_mod.js"; import menu_mod from "./menu_mod.js";
import { AgentBuilder } from "../skama_code/api/agent.js"; import reg from "./reg.js"
export default function login(temp_engine) { 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) => {
menu_mod(temp_engine); menu_mod(temp_engine);
temp_engine.add_event("#btn-login", "click", () => { temp_engine.add_event("#btn-login", "click", () => {
const is_checked = $("#box-remember").is(":checked"); const is_checked = $("#in-remember").is(":checked");
const token = $("#in-token").val(); const token = $("#in-token").val();
auth.store = is_checked; auth.store = is_checked;
auth.login(token) auth.login(token)
}); });
temp_engine.add_event("#btn-cancel", "click", () => { temp_engine.add_event("#btn-cancel", "click", () => {
$("#input-token").val(""); $("#in-token").val("");
$("#box-remember").prop("checked", false); $("#in-remember").prop("checked", false);
});
temp_engine.add_event("#btn-reg", "click", () => {
reg(temp_engine);
}); });
}); });

4
js/controllers/menu_mod.js
Unescape View File

@ -3,6 +3,7 @@ import home from "./home.js";
import login from "./login.js"; import login from "./login.js";
import reg from "./reg.js"; import reg from "./reg.js";
import systems from "./systems.js"; import systems from "./systems.js";
import contract from "./contracts.js";
function init_menu(temp_engine) { function init_menu(temp_engine) {
temp_engine.add_event("#reg-link", "click", () => { temp_engine.add_event("#reg-link", "click", () => {
@ -22,6 +23,9 @@ function init_menu(temp_engine) {
localStorage.removeItem("token"); localStorage.removeItem("token");
home(temp_engine); home(temp_engine);
}); });
temp_engine.add_event("#contracts-link", "click", () => {
contract(temp_engine);
})
} }
function loged_links() { function loged_links() {

4
js/index.js
Unescape View File

@ -1,9 +1,9 @@
// Copyright © 2023 Entreprise SkamKraft // Copyright © 2023 Entreprise SkamKraft
'use strict'; 'use strict';
import { TemplateEngine } from "./skama_code/ui/templeting_engine.js"; import { TemplateEngine } from "./skama_code/ui/templeting_engine.js";
import home from "./controllers/home.js"; import login from "./controllers/login.js";
let temp_engine = new TemplateEngine("html"); let temp_engine = new TemplateEngine("html");
home(temp_engine); login(temp_engine);

2
js/skama_code

@ -1 +1 @@
Subproject commit b6e56fa736370ef8a5bb0b6d913ed1ee71ce3aed Subproject commit 9143450f8979521f7d944f8f71e8640813235136
Write Preview
Loading…
Cancel
Save