expand/ccashfrontend
1
0
Fork 0
mirror of https://github.com/Expand-sys/ccashfrontend synced 2026-03-22 12:37:13 +11:00
Code Issues Projects Releases Packages Wiki Activity Actions

actually made pretty

Browse source
This commit is contained in:
Expand-sys 2021-04-20 20:26:43 +10:00
parent 1372c8fc7f
commit e3fd02ae70
7 changed files with 73 additions and 107 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
public/CCashLogo2.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 279 KiB

74
public/css/style.css
View file

@ -5,10 +5,13 @@
height: 100vh; height: 100vh;
} }
body{ body{
background: #f4da46; background: rgb(182,151,255);
background: linear-gradient(180deg, rgba(182,151,255,1) 0%, rgba(113,63,230,1) 100%);
height:100vh
} }
.navbarrr{ .navbarrr{
background: #bc5b0b; background: rgb(38,9,108);
background: linear-gradient(180deg, rgba(38,9,108,1) 0%, rgba(14,3,40,1) 100%);;
} }
.blue{ .blue{
background: #46cff2; background: #46cff2;
@ -59,66 +62,13 @@ body{
p{ p{
font-size: 14px; font-size: 14px;
} }
/* The sidepanel menu */
.sidepanel {
height: 100%; /* Specify a height */
width: 0; /* 0 width - change this with JavaScript */
position: fixed; /* Stay in place */
z-index: 1; /* Stay on top */
top: 0;
left: 0;
background-color: #111; /* Black*/
overflow-x: hidden; /* Disable horizontal scroll */
padding-top: 60px; /* Place content 60px from the top */
transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
}
/* The sidepanel links */
.sidepanel a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
/* When you mouse over the navigation links, change their color */
.sidepanel a:hover {
color: #f1f1f1;
}
/* Position and style the close button (top right corner) */
.sidepanel .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
/* Style the button that is used to open the sidepanel */
.openbtn {
font-size: 20px;
cursor: pointer;
background-color: #111;
color: white;
padding: 10px 15px;
border: none;
}
.openbtn:hover {
background-color: #444;
}
.reveal-if-active {
opacity: 0;
max-height: 0;
overflow: hidden;
}
.text-black{ .text-black{
color:black; color:black;
} }
.text-white{
color:white;
}
.form-check-input{ .form-check-input{
margin-left:0; margin-left:0;
padding:inherit; padding:inherit;
@ -130,14 +80,18 @@ input[type="checkbox"]:checked ~ .reveal-if-active {
max-height: 100px; /* little bit of a magic number :( */ max-height: 100px; /* little bit of a magic number :( */
overflow: visible; overflow: visible;
} }
@font-face {font-family: "PapyrusW01"; src: url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.eot"); src: url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.woff") format("woff"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/a0e1b1883c0cf520e9c50d0cd91cd0d0.svg#PapyrusW01") format("svg"); }
h1, h2, h3, h4, h5, h6, p, label{ h1, h2, h3, h4, h5, h6, p, label{
font-family: PapyrusW01; font-family: 'Montserrat', sans-serif;
color
} }
h1{ h1{
color: white; color: white;
} }
.shadow{
box-shadow: 5px 10px #888888;
}

12
views/adminsettings.pug
View file

@ -6,11 +6,11 @@ block content
h1 Settings, logged in as: #{user} h1 Settings, logged in as: #{user}
if admin == true if admin == true
br br
.card .card.shadow-lg
center center
h4 here are your settings king h4 here are your settings king
br br
.card .card.shadow-lg
h4 Add User h4 Add User
form(method='POST', action='/admin/user') form(method='POST', action='/admin/user')
#form-group #form-group
@ -25,7 +25,7 @@ block content
br br
input.btn.btn-primary(type='submit',value='Submit') input.btn.btn-primary(type='submit',value='Submit')
br br
.card .card.shadow-lg
h4 Check User Balance h4 Check User Balance
form(method='POST', action='/admin/baluser') form(method='POST', action='/admin/baluser')
#form-group #form-group
@ -34,7 +34,7 @@ block content
br br
input.btn.btn-primary(type='submit',value='Submit') input.btn.btn-primary(type='submit',value='Submit')
br br
.card .card.shadow-lg
h4 Change Balance of User h4 Change Balance of User
form(method='POST', action='/admin/bal') form(method='POST', action='/admin/bal')
#form-group #form-group
@ -45,7 +45,7 @@ block content
br br
input.btn.btn-primary(type='submit',value='Submit') input.btn.btn-primary(type='submit',value='Submit')
br br
.card .card.shadow-lg
h4 Delete user h4 Delete user
p This will permanently delete user make sure you get it right p This will permanently delete user make sure you get it right
form(method='POST', action='/admin/userdelete') form(method='POST', action='/admin/userdelete')
@ -57,7 +57,7 @@ block content
br br
input.btn.btn-primary(type='submit',value='Submit') input.btn.btn-primary(type='submit',value='Submit')
br br
.card .card.shadow-lg
h4 Close Server h4 Close Server
form(method='POST', action='/admin/close') form(method='POST', action='/admin/close')
#form-group #form-group

40
views/bankf.pug
View file

@ -4,25 +4,29 @@ extends layout
block content block content
.container .container
h1 Welcome to the bank interface #{user} h1 Welcome to the bank interface #{user}
.card .card.shadow-lg
h2 Send Funds .row
.col
h4 Balance: #{balance} h2 Send Funds
.col
h4 Balance: #{balance}
hr
form(method='POST', action='/sendfunds') form(method='POST', action='/sendfunds')
#form-group label amount to send:
label amount to send: br
input(type="number" min="0" max=balance name="amount") input.form-control-lg.shadow(type="number" min="0" max=balance name="amount")
br br
#form-group br
label reciever: label reciever:
input(name='name', type='text') br
br input.form-control-lg.shadow(name='name', type='text')
#form-group br
label Your Password: br
input(name='senderpass', type='password') label Your Password:
br br
br input.form-control-lg.shadow(name='senderpass', type='password')
br
br
input.btn.btn-primary(type='submit', value='Submit') input.btn.btn-primary(type='submit', value='Submit')

2
views/index.pug
View file

@ -4,7 +4,7 @@ extends layout
block content block content
.container .container
h1 Welcome to CCashBank Front End h1 Welcome to CCashBank Front End
.card .card.shadow-lg
center center
h4 Is the server online? h4 Is the server online?
if alive if alive

19
views/layout.pug
View file

@ -4,10 +4,13 @@ html
title CCashBank title CCashBank
link(href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet") link(href="https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet")
link(rel="stylesheet", href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css", integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z", crossorigin="anonymous") link(rel="stylesheet", href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css", integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z", crossorigin="anonymous")
link(rel="preconnect" href="https://fonts.gstatic.com")
link(href="https://fonts.googleapis.com/css2?family=Lato&family=Montserrat&display=swap" rel="stylesheet")
link(rel='stylesheet' href='/css/style.css') link(rel='stylesheet' href='/css/style.css')
meta(name='viewport', content='width=device-width, initial-scale=1.0') meta(name='viewport', content='width=device-width, initial-scale=1.0')
body body
nav.navbar.navbar-expand-lg.navbar-light.navbarrr nav.navbar.navbar-expand-lg.navbar-light.navbarrr.shadow-lg
.container .container
a.navbar-brand(href='/') a.navbar-brand(href='/')
img(src="../CCashLogo2.png" style="width:75px") img(src="../CCashLogo2.png" style="width:75px")
@ -16,22 +19,22 @@ html
#navbars.collapse.navbar-collapse #navbars.collapse.navbar-collapse
ul.navbar-nav.mr-auto ul.navbar-nav.mr-auto
ul.navbar-nav.mr-right ul.navbar-nav.mr-right.text-white
if user == undefined if user == undefined
li.nav-item li.nav-item
a.nav-link(href='/login') Login a.nav-link(href='/login').text-white Login
li.nav-item li.nav-item
a.nav-link(href='/register') Register a.nav-link(href='/register').text-white Register
if user if user
li.nav-item li.nav-item
a.nav-link(href='/logout') Log out a.nav-link(href='/logout').text-white Log out
li.nav-item li.nav-item
a.nav-link(href='/BankF') Bank Dashboard a.nav-link(href='/BankF').text-white Bank Dashboard
li.nav-item li.nav-item
a.nav-link(href='/settings') Settings a.nav-link(href='/settings').text-white Settings
if admin == true if admin == true
li.nav-item li.nav-item
a.nav-link(href='/admin') Admin a.nav-link(href='/admin').text-white Admin
.container .container
!= messages('message', locals) != messages('message', locals)
if errors if errors

33
views/login.pug
View file

@ -2,19 +2,24 @@ extends layout
block content block content
.container .container
h1 Login .row
hr .col-sm
p .col
form(method='POST', action='/login') .card.shadow-lg
#form-group h1.text-black Login
label Username: hr
input.form-control(name='name', type='text') p
br form(method='POST', action='/login')
#form-group #form-group
label Password: label Username:
input.form-control(name='password', type='password') input.form-control(name='name', type='text')
br br
#form-group
label Password:
input.form-control(name='password', type='password')
br
input.btn.btn-primary(type='submit', value='Submit') input.btn.btn-primary(type='submit', value='Submit')
.col-sm