added proper OCW branding, added description
parent
cf01903187
commit
c5d2fc3391
|
@ -193,7 +193,7 @@ const request = (resource: string, data: any) =>
|
|||
break;
|
||||
case -1:
|
||||
// not logged in
|
||||
showElements([".login-box", ".register-box"]);
|
||||
showElements([".login-box", ".register-box", ".description"]);
|
||||
hideElements([".mail-box", ".sms-box", ".package-list", ".logout-button"]);
|
||||
break;
|
||||
case -2:
|
||||
|
@ -393,7 +393,7 @@ window.addEventListener("load", () => {
|
|||
}).then((res) => {
|
||||
if (res.status == 200) {
|
||||
refreshPackages().then(() => {
|
||||
hideElements([".login-box", ".register-box"]);
|
||||
hideElements([".login-box", ".register-box", ".description"]);
|
||||
showElements([".package-list", ".logout-button"]);
|
||||
});
|
||||
} else {
|
||||
|
@ -493,6 +493,7 @@ window.addEventListener("load", () => {
|
|||
// logged in, verified e-mail and phone, res is the package list
|
||||
refreshPackages(res);
|
||||
showElements([".package-list", ".logout-button"]);
|
||||
hideElements([".description"]);
|
||||
// just to be sure
|
||||
localStorage.removeItem("phone");
|
||||
}
|
||||
|
|
|
@ -10,6 +10,7 @@ $family-sans-serif: BlinkMacSystemFont, -apple-system, sans-serif;
|
|||
@import "../node_modules/bulma/sass/elements/button.sass";
|
||||
@import "../node_modules/bulma/sass/elements/container.sass";
|
||||
@import "../node_modules/bulma/sass/elements/table.sass";
|
||||
@import "../node_modules/bulma/sass/elements/title.sass";
|
||||
@import "../node_modules/bulma/sass/elements/other.sass";
|
||||
@import "../node_modules/bulma/sass/form/shared.sass";
|
||||
@import "../node_modules/bulma/sass/form/input-textarea.sass";
|
||||
|
@ -49,3 +50,13 @@ $family-sans-serif: BlinkMacSystemFont, -apple-system, sans-serif;
|
|||
.details-text tr td:first-child() {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.description {
|
||||
margin-top: 25px;
|
||||
}
|
||||
.paragraph {
|
||||
margin-top: 10px;
|
||||
}
|
||||
.navbar-item > img {
|
||||
max-height: 2rem;
|
||||
}
|
||||
|
|
|
@ -7,25 +7,31 @@
|
|||
<link rel="stylesheet" href="assets/style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div class="container">
|
||||
<nav class="navbar is-success">
|
||||
<div class="navbar-menu">
|
||||
<div class="navbar-brand">
|
||||
<a href="/" class="navbar-item">
|
||||
<b>OCW</b>
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<div class="buttons">
|
||||
<a class="button is-light logout-button">
|
||||
<span>Log out</span>
|
||||
</a>
|
||||
</div>
|
||||
<nav class="navbar is-success">
|
||||
<div class="navbar-menu">
|
||||
<div class="navbar-brand">
|
||||
<a href="/" class="navbar-item">
|
||||
<img src="/ocw.png" alt="OCW">
|
||||
</a>
|
||||
</div>
|
||||
<div class="navbar-end">
|
||||
<div class="navbar-item">
|
||||
<div class="buttons">
|
||||
<a class="button is-light logout-button">
|
||||
<span>Log out</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</nav>
|
||||
<div class="container">
|
||||
<div class="description">
|
||||
<div class="title is-1">Welcome to OCW!</div>
|
||||
<p class="paragraph">OCW (Otwarty Czapkomat Mobilny) is an open-source webapp, made for easy opening of Czapkomat compartments. It's free, easy to use, and we collect minimal required data (your username, e-mail and necessary API tokens - not even your phone number*)</p>
|
||||
<p class="paragraph">Made by <a href="https://selfisekai.rocks">selfisekai</a> and <a href="https://sdomi.pl">sdomi</a>. Please note that this is still Work in Progress.</p>
|
||||
<hr>
|
||||
</div>
|
||||
<div class="columns">
|
||||
<div class="login-box column">
|
||||
<label class="label is-large">Login</label>
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 9.8 KiB |
Loading…
Reference in New Issue