added proper OCW branding, added description
This commit is contained in:
parent
cf01903187
commit
c5d2fc3391
|
@ -193,7 +193,7 @@ const request = (resource: string, data: any) =>
|
||||||
break;
|
break;
|
||||||
case -1:
|
case -1:
|
||||||
// not logged in
|
// not logged in
|
||||||
showElements([".login-box", ".register-box"]);
|
showElements([".login-box", ".register-box", ".description"]);
|
||||||
hideElements([".mail-box", ".sms-box", ".package-list", ".logout-button"]);
|
hideElements([".mail-box", ".sms-box", ".package-list", ".logout-button"]);
|
||||||
break;
|
break;
|
||||||
case -2:
|
case -2:
|
||||||
|
@ -393,7 +393,7 @@ window.addEventListener("load", () => {
|
||||||
}).then((res) => {
|
}).then((res) => {
|
||||||
if (res.status == 200) {
|
if (res.status == 200) {
|
||||||
refreshPackages().then(() => {
|
refreshPackages().then(() => {
|
||||||
hideElements([".login-box", ".register-box"]);
|
hideElements([".login-box", ".register-box", ".description"]);
|
||||||
showElements([".package-list", ".logout-button"]);
|
showElements([".package-list", ".logout-button"]);
|
||||||
});
|
});
|
||||||
} else {
|
} else {
|
||||||
|
@ -493,6 +493,7 @@ window.addEventListener("load", () => {
|
||||||
// logged in, verified e-mail and phone, res is the package list
|
// logged in, verified e-mail and phone, res is the package list
|
||||||
refreshPackages(res);
|
refreshPackages(res);
|
||||||
showElements([".package-list", ".logout-button"]);
|
showElements([".package-list", ".logout-button"]);
|
||||||
|
hideElements([".description"]);
|
||||||
// just to be sure
|
// just to be sure
|
||||||
localStorage.removeItem("phone");
|
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/button.sass";
|
||||||
@import "../node_modules/bulma/sass/elements/container.sass";
|
@import "../node_modules/bulma/sass/elements/container.sass";
|
||||||
@import "../node_modules/bulma/sass/elements/table.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/elements/other.sass";
|
||||||
@import "../node_modules/bulma/sass/form/shared.sass";
|
@import "../node_modules/bulma/sass/form/shared.sass";
|
||||||
@import "../node_modules/bulma/sass/form/input-textarea.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() {
|
.details-text tr td:first-child() {
|
||||||
font-weight: bold;
|
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" />
|
<link rel="stylesheet" href="assets/style.css" />
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<nav class="navbar is-success">
|
||||||
<nav class="navbar is-success">
|
<div class="navbar-menu">
|
||||||
<div class="navbar-menu">
|
<div class="navbar-brand">
|
||||||
<div class="navbar-brand">
|
<a href="/" class="navbar-item">
|
||||||
<a href="/" class="navbar-item">
|
<img src="/ocw.png" alt="OCW">
|
||||||
<b>OCW</b>
|
</a>
|
||||||
</a>
|
</div>
|
||||||
</div>
|
<div class="navbar-end">
|
||||||
<div class="navbar-end">
|
<div class="navbar-item">
|
||||||
<div class="navbar-item">
|
<div class="buttons">
|
||||||
<div class="buttons">
|
<a class="button is-light logout-button">
|
||||||
<a class="button is-light logout-button">
|
<span>Log out</span>
|
||||||
<span>Log out</span>
|
</a>
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</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="columns">
|
||||||
<div class="login-box column">
|
<div class="login-box column">
|
||||||
<label class="label is-large">Login</label>
|
<label class="label is-large">Login</label>
|
||||||
|
|
BIN
webroot/ocw.png
Normal file
BIN
webroot/ocw.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 9.8 KiB |
Loading…
Reference in a new issue