Initial commit
This commit is contained in:
6
server/views/404.pug
Normal file
6
server/views/404.pug
Normal file
@@ -0,0 +1,6 @@
|
||||
extend templates/layout.pug
|
||||
|
||||
block content
|
||||
.container
|
||||
.center
|
||||
h1 404: Page Not Found
|
||||
20
server/views/css/site-layout.css
Normal file
20
server/views/css/site-layout.css
Normal file
@@ -0,0 +1,20 @@
|
||||
body {
|
||||
display: flex;
|
||||
width: 100%;
|
||||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
main {
|
||||
flex: 1 0 auto;
|
||||
}
|
||||
|
||||
header, main, footer {
|
||||
padding-left: 300px;
|
||||
}
|
||||
|
||||
@media only screen and (max-width : 992px) {
|
||||
header, main, footer {
|
||||
padding-left: 0;
|
||||
}
|
||||
}
|
||||
47
server/views/css/site.css
Normal file
47
server/views/css/site.css
Normal file
@@ -0,0 +1,47 @@
|
||||
/* Color scheme from https://material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=212121&secondary.color=263238 */
|
||||
.primary-color {
|
||||
background-color: #212121 !important;
|
||||
}
|
||||
|
||||
.primary-color-light {
|
||||
background-color: #484848 !important;
|
||||
}
|
||||
|
||||
.primary-color-dark {
|
||||
background-color: #000000 !important;
|
||||
}
|
||||
|
||||
.secondary-color {
|
||||
background-color: #263238 !important;
|
||||
}
|
||||
|
||||
.secondary-color-light {
|
||||
background-color: #4f5b62 !important;
|
||||
}
|
||||
|
||||
.secondary-color-dark {
|
||||
background-color: #000a12 !important;
|
||||
}
|
||||
|
||||
.money-chip {
|
||||
display: inline-block;
|
||||
/* height: 33px;
|
||||
font-size: 1;
|
||||
font-weight: 500; */
|
||||
line-height: 32px;
|
||||
padding: 12px;
|
||||
border-radius: 16px;
|
||||
}
|
||||
|
||||
.auto-image {
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
/* This gives use dots in our markdown lists... */
|
||||
.flow-text ul li {
|
||||
list-style-type: disc !important;
|
||||
}
|
||||
|
||||
.bitcoin-address {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
6
server/views/error.pug
Normal file
6
server/views/error.pug
Normal file
@@ -0,0 +1,6 @@
|
||||
extend templates/layout.pug
|
||||
|
||||
block content
|
||||
.container
|
||||
.center
|
||||
h1 Internal Server Error
|
||||
6
server/views/home.pug
Normal file
6
server/views/home.pug
Normal file
@@ -0,0 +1,6 @@
|
||||
extend templates/layout.pug
|
||||
|
||||
block content
|
||||
.container
|
||||
.center
|
||||
h1 Home
|
||||
18
server/views/includes/pagination.pug
Normal file
18
server/views/includes/pagination.pug
Normal file
@@ -0,0 +1,18 @@
|
||||
ul.pagination
|
||||
- var disableLeft = page<=0 ? "disabled" : "";
|
||||
- var hrefLeft = page<=0 ? "#" : "?page="+(Number(page)-1);
|
||||
li(class=disableLeft)
|
||||
//- TODO: Compute the left value...
|
||||
a(href=hrefLeft)
|
||||
i.material-icons chevron_left
|
||||
- var n = 0;
|
||||
while n < totalPages
|
||||
- var derivedClass = n == page ? "active" : ""
|
||||
li(class=derivedClass)
|
||||
a(href="?page="+n)= (++n)
|
||||
- var disableRight = page>=(Number(totalPages)-1) ? "disabled" : "";
|
||||
li(class=disableRight)
|
||||
//- TODO: Compute the right value..
|
||||
- var hrefRight = page>=(Number(totalPages)-1) ? "#" : "?page="+(Number(page)+1);
|
||||
a(href=hrefRight)
|
||||
i.material-icons chevron_right
|
||||
4
server/views/js/site.js
Normal file
4
server/views/js/site.js
Normal file
@@ -0,0 +1,4 @@
|
||||
document.addEventListener('DOMContentLoaded', function() {
|
||||
//
|
||||
M.Sidenav.init(document.querySelectorAll('.sidenav'));
|
||||
});
|
||||
122
server/views/templates/layout.pug
Normal file
122
server/views/templates/layout.pug
Normal file
@@ -0,0 +1,122 @@
|
||||
|
||||
doctype html
|
||||
html(lang="en" dir="ltr")
|
||||
head
|
||||
<meta http-equiv="x-ua-compatible" content="ie=edge">
|
||||
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
|
||||
<link async href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
||||
link(rel="icon", href="/static/img/mantra-icon.png", type="image/png")
|
||||
|
||||
block seo
|
||||
title Mantra
|
||||
|
||||
//- Using Material Design Lite for the CSS stuff
|
||||
//- https://getmdl.io
|
||||
//- <script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
|
||||
//- <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
|
||||
link(rel="stylesheet", href="/static/css/materialize.min.css")
|
||||
style(media="screen")
|
||||
include ../css/site-layout.css
|
||||
style(media="screen")
|
||||
include ../css/site.css
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
|
||||
|
||||
block additionalStyle
|
||||
body
|
||||
ul.sidenav.sidenav-fixed#slide-out
|
||||
li
|
||||
.user-view.primary-color-light
|
||||
.background
|
||||
a#name
|
||||
p.flow-text.white-text.name Mantra
|
||||
a#bio
|
||||
span.white-text Mantra Mantra Mantra
|
||||
a#email
|
||||
span.white-text.email mantra@exonumia.africa
|
||||
|
||||
if user
|
||||
li
|
||||
.divider
|
||||
li
|
||||
a(href="/account")
|
||||
i.material-icons.black-text person
|
||||
span account
|
||||
li
|
||||
a(href="/account/tokens")
|
||||
i.material-icons.black-text vpn_key
|
||||
span tokens
|
||||
li
|
||||
form.center(action="/account/logout" method="POST")
|
||||
<button class="btn-flat" type="submit">logout</button>
|
||||
//- li.red-text
|
||||
a DELETE ACCOUNT
|
||||
else
|
||||
li
|
||||
a(href="/account/authenticate") login/register
|
||||
//- li
|
||||
a(href="/login/hd-auth") login with hd-auth
|
||||
|
||||
header(role="banner")
|
||||
block navigation
|
||||
nav.primary-color
|
||||
.nav-wrapper
|
||||
a.brand-logo.center.hide-on-small-only(href="/") Mantra
|
||||
ul.left
|
||||
li
|
||||
a.sidenav-trigger(href="#", data-target="slide-out")
|
||||
i.material-icons menu
|
||||
|
||||
main(role="main")
|
||||
.row
|
||||
.col.s12
|
||||
//- I just need the space at the top of the page to be good on mobile...
|
||||
block content
|
||||
.container
|
||||
p.flow-text Center content
|
||||
|
||||
.row
|
||||
.col.s12
|
||||
//- I just need some space at the bottom...
|
||||
|
||||
block footer
|
||||
footer.primary-color.page-footer(role="footer")
|
||||
.container
|
||||
.row
|
||||
.col.s12.m6
|
||||
p.flow-text Follow
|
||||
ul
|
||||
li
|
||||
a.white-text(href="https://www.twitter.com/exonumia280") Twitter
|
||||
li
|
||||
a.white-text(href="https://www.facebook.com/exonumia.africa") Facebook
|
||||
li
|
||||
a.white-text(href="https://www.instagram.com/exonumia.africa") Instagram
|
||||
li
|
||||
a.white-text(href="https://www.linkedin.com/company/exonumia-africa") LinkedIn
|
||||
|
||||
.col.s12.m6
|
||||
//- p.flow-text Links
|
||||
//- ul
|
||||
li
|
||||
a.white-text(href="/faq") FAQ
|
||||
li
|
||||
a.white-text(href="/privacy") Privacy Policy
|
||||
li
|
||||
a.white-text(href="/compliance") Compliance
|
||||
li
|
||||
a.white-text(href="/terms") Terms
|
||||
li
|
||||
a.white-text(href="/contact") Contact
|
||||
|
||||
.footer-copyright.primary-color-dark
|
||||
.container
|
||||
span © 2021
|
||||
a(href="https://sigidli.com/")
|
||||
strong Sigidli
|
||||
|
||||
|
||||
script(src="/static/js/materialize.min.js")
|
||||
script
|
||||
include ../js/site.js
|
||||
block additionalScripts
|
||||
//- All other scripts will be added here as they are needed in the views
|
||||
Reference in New Issue
Block a user