added proper OCW branding, added description

master
Dominika Liberda 2020-11-20 00:19:39 +01:00
parent cf01903187
commit c5d2fc3391
4 changed files with 36 additions and 18 deletions

View File

@ -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");
}

View File

@ -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;
}

View File

@ -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>

BIN
webroot/ocw.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB