lunax/ocw
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

added proper OCW branding, added description

Browse source
This commit is contained in:
Dominika Liberda 2020-11-20 00:19:39 +01:00
parent cf01903187
commit c5d2fc3391
4 changed files with 36 additions and 18 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
front/src/index.ts
View file

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

11
front/src/style.scss
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/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;
}

38
webroot/index.html
View file

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

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 9.8 KiB