mirror of
https://github.com/Expand-sys/ccashfrontend
synced 2026-03-22 12:37:13 +11:00
actually made pretty
This commit is contained in:
Expand-sys
parent
1372c8fc7f
commit
e3fd02ae70
7 changed files with 73 additions and 107 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB After Width: | Height: | Size: 279 KiB |
|
|
@ -5,10 +5,13 @@
|
|||
height: 100vh;
|
||||
}
|
||||
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{
|
||||
background: #bc5b0b;
|
||||
background: rgb(38,9,108);
|
||||
background: linear-gradient(180deg, rgba(38,9,108,1) 0%, rgba(14,3,40,1) 100%);;
|
||||
}
|
||||
.blue{
|
||||
background: #46cff2;
|
||||
|
|
@ -59,66 +62,13 @@ body{
|
|||
p{
|
||||
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{
|
||||
color:black;
|
||||
}
|
||||
.text-white{
|
||||
color:white;
|
||||
}
|
||||
.form-check-input{
|
||||
margin-left:0;
|
||||
padding:inherit;
|
||||
|
|
@ -130,14 +80,18 @@ input[type="checkbox"]:checked ~ .reveal-if-active {
|
|||
max-height: 100px; /* little bit of a magic number :( */
|
||||
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{
|
||||
font-family: PapyrusW01;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
color
|
||||
}
|
||||
|
||||
|
||||
h1{
|
||||
color: white;
|
||||
}
|
||||
.shadow{
|
||||
box-shadow: 5px 10px #888888;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,11 +6,11 @@ block content
|
|||
h1 Settings, logged in as: #{user}
|
||||
if admin == true
|
||||
br
|
||||
.card
|
||||
.card.shadow-lg
|
||||
center
|
||||
h4 here are your settings king
|
||||
br
|
||||
.card
|
||||
.card.shadow-lg
|
||||
h4 Add User
|
||||
form(method='POST', action='/admin/user')
|
||||
#form-group
|
||||
|
|
@ -25,7 +25,7 @@ block content
|
|||
br
|
||||
input.btn.btn-primary(type='submit',value='Submit')
|
||||
br
|
||||
.card
|
||||
.card.shadow-lg
|
||||
h4 Check User Balance
|
||||
form(method='POST', action='/admin/baluser')
|
||||
#form-group
|
||||
|
|
@ -34,7 +34,7 @@ block content
|
|||
br
|
||||
input.btn.btn-primary(type='submit',value='Submit')
|
||||
br
|
||||
.card
|
||||
.card.shadow-lg
|
||||
h4 Change Balance of User
|
||||
form(method='POST', action='/admin/bal')
|
||||
#form-group
|
||||
|
|
@ -45,7 +45,7 @@ block content
|
|||
br
|
||||
input.btn.btn-primary(type='submit',value='Submit')
|
||||
br
|
||||
.card
|
||||
.card.shadow-lg
|
||||
h4 Delete user
|
||||
p This will permanently delete user make sure you get it right
|
||||
form(method='POST', action='/admin/userdelete')
|
||||
|
|
@ -57,7 +57,7 @@ block content
|
|||
br
|
||||
input.btn.btn-primary(type='submit',value='Submit')
|
||||
br
|
||||
.card
|
||||
.card.shadow-lg
|
||||
h4 Close Server
|
||||
form(method='POST', action='/admin/close')
|
||||
#form-group
|
||||
|
|
|
|||
|
|
@ -4,23 +4,27 @@ extends layout
|
|||
block content
|
||||
.container
|
||||
h1 Welcome to the bank interface #{user}
|
||||
.card
|
||||
.card.shadow-lg
|
||||
.row
|
||||
.col
|
||||
h2 Send Funds
|
||||
|
||||
.col
|
||||
h4 Balance: #{balance}
|
||||
|
||||
hr
|
||||
form(method='POST', action='/sendfunds')
|
||||
#form-group
|
||||
label amount to send:
|
||||
input(type="number" min="0" max=balance name="amount")
|
||||
br
|
||||
#form-group
|
||||
input.form-control-lg.shadow(type="number" min="0" max=balance name="amount")
|
||||
br
|
||||
br
|
||||
label reciever:
|
||||
input(name='name', type='text')
|
||||
br
|
||||
#form-group
|
||||
input.form-control-lg.shadow(name='name', type='text')
|
||||
br
|
||||
br
|
||||
label Your Password:
|
||||
input(name='senderpass', type='password')
|
||||
br
|
||||
input.form-control-lg.shadow(name='senderpass', type='password')
|
||||
br
|
||||
br
|
||||
|
||||
|
|
|
|||
|
|
@ -4,7 +4,7 @@ extends layout
|
|||
block content
|
||||
.container
|
||||
h1 Welcome to CCashBank Front End
|
||||
.card
|
||||
.card.shadow-lg
|
||||
center
|
||||
h4 Is the server online?
|
||||
if alive
|
||||
|
|
|
|||
|
|
@ -4,10 +4,13 @@ html
|
|||
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(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')
|
||||
meta(name='viewport', content='width=device-width, initial-scale=1.0')
|
||||
body
|
||||
nav.navbar.navbar-expand-lg.navbar-light.navbarrr
|
||||
nav.navbar.navbar-expand-lg.navbar-light.navbarrr.shadow-lg
|
||||
.container
|
||||
a.navbar-brand(href='/')
|
||||
img(src="../CCashLogo2.png" style="width:75px")
|
||||
|
|
@ -16,22 +19,22 @@ html
|
|||
#navbars.collapse.navbar-collapse
|
||||
ul.navbar-nav.mr-auto
|
||||
|
||||
ul.navbar-nav.mr-right
|
||||
ul.navbar-nav.mr-right.text-white
|
||||
if user == undefined
|
||||
li.nav-item
|
||||
a.nav-link(href='/login') Login
|
||||
a.nav-link(href='/login').text-white Login
|
||||
li.nav-item
|
||||
a.nav-link(href='/register') Register
|
||||
a.nav-link(href='/register').text-white Register
|
||||
if user
|
||||
li.nav-item
|
||||
a.nav-link(href='/logout') Log out
|
||||
a.nav-link(href='/logout').text-white Log out
|
||||
li.nav-item
|
||||
a.nav-link(href='/BankF') Bank Dashboard
|
||||
a.nav-link(href='/BankF').text-white Bank Dashboard
|
||||
li.nav-item
|
||||
a.nav-link(href='/settings') Settings
|
||||
a.nav-link(href='/settings').text-white Settings
|
||||
if admin == true
|
||||
li.nav-item
|
||||
a.nav-link(href='/admin') Admin
|
||||
a.nav-link(href='/admin').text-white Admin
|
||||
.container
|
||||
!= messages('message', locals)
|
||||
if errors
|
||||
|
|
|
|||
|
|
@ -2,7 +2,11 @@ extends layout
|
|||
|
||||
block content
|
||||
.container
|
||||
h1 Login
|
||||
.row
|
||||
.col-sm
|
||||
.col
|
||||
.card.shadow-lg
|
||||
h1.text-black Login
|
||||
hr
|
||||
p
|
||||
form(method='POST', action='/login')
|
||||
|
|
@ -17,4 +21,5 @@ block content
|
|||
|
||||
|
||||
input.btn.btn-primary(type='submit', value='Submit')
|
||||
.col-sm
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue