Add basic functionality

This commit is contained in:
2021-12-19 18:17:51 +02:00
parent 87c6ad9e6d
commit f259651ec9
18 changed files with 631 additions and 36 deletions

6
server/views/account.pug Normal file
View File

@@ -0,0 +1,6 @@
extend templates/layout.pug
block content
.container
.center
h1 Account

View File

@@ -0,0 +1,6 @@
extend templates/layout.pug
block content
.container
.center
h1 Campaigns

View File

@@ -1,14 +1,18 @@
html {
font-family: courier;
}
/* Color scheme from https://material.io/resources/color/#!/?view.left=0&view.right=1&primary.color=212121&secondary.color=263238 */
.primary-color {
background-color: #683400 !important;
background-color: #f9fbff !important;
}
.primary-color-light {
background-color: #9a5e2c !important;
background-color: #ffffff !important;
}
.primary-color-dark {
background-color: #3d0b00 !important;
background-color: #c6c8cc !important;
}
.secondary-color {

6
server/views/entry.pug Normal file
View File

@@ -0,0 +1,6 @@
extend templates/layout.pug
block content
.container
.center
h1= entry.name

View File

@@ -7,6 +7,6 @@ block content
p.flow-text A home for translation projects.
p.flow-text Give translators the abilitiy to crowd fund for their work.
p.flow-text Gives authors/publishers the option to crowd fund for rights to their literature.
p.flow-text Give the community the ability to bid for translations of their choice.
p.flow-text Open source by default.
p.flow-text Gives authors/publishers the option to crowd fund digital rights to their literature.
p.flow-text Give the community the ability to pledge for library of their choice.
p.flow-text Open source open literature.

View File

@@ -0,0 +1,18 @@
extend templates/layout.pug
block content
.container
.center
h1 Library
.row
.col.s12
form.row(action="/library/add", method="post")
.col.s12.input-field
input#name(type="text", name="name", value=entry.name)
label(for="name") Entry Name
.col.s12.input-field
input#url(type="text", name="url", value=entry.url)
label(for="url") Entry Url
.col.s12
button.btn.black(type="submit") add entry

17
server/views/library.pug Normal file
View File

@@ -0,0 +1,17 @@
extend templates/layout.pug
block content
.container
.center
h1 Library
a.btn.black(href="/library/add") add entry
if entries.length == 0
p.flow-text No Literature currently on the system
else
.row
each entry in entries
.col.s12
a(href=`/library/${entry.id}`)
.card-panel
p.flow-text= entry.name

View File

@@ -0,0 +1,39 @@
extend templates/layout.pug
block content
-
if (data)
var message = data.message
data = data == null ? {} : data;
.container
.row
.col.s12.l4.m3
p
.col.s12.l4.m6
.center
h2.flow-text Password
if message
p.flow-text.red-text= message
form(action="/account/authenticate" method="POST")
<input type="hidden" name="username" value="#{username}"/>
.row
.col.s12
<label for="password">Password:</label>
<input id="password" type="password" name="password" autofocus/>
.col.s12
p
label
input(type="checkbox", name="rememberMe", checked="checked" )
span Remember Me
.row
<div class="col s12 center">
//- <button class="btn waves-effect waves-light" v-on:click="attemptLogin">Log In</button>
<button class="btn blue waves-effect waves-light" type="submit" name="action">Login
</button>
</div>
<div class="col s12 center">
<a class="btn-flat waves-effect waves-light" href="/account/password-recovery">forgot password</a>
</div>

View File

@@ -0,0 +1,44 @@
extend templates/layout.pug
block content
-
if (data)
var message = data.message
data = data == null ? {} : data;
.container
.row
.col.s12
.row
.col.s12.l4.m3
p
.col.s12.l4.m6
.center
h2.flow-text Login/Register
if message
p.flow-text.red-text= message
form(action="/account/authenticate" method="POST")
.row
<label for="email">Email:</label>
<input id="email" type="text" name="username" value="#{data.username}" autofocus/>
.row
<div class="col s12 center">
//- <button class="btn waves-effect waves-light" v-on:click="attemptLogin">Log In</button>
<button class="btn blue waves-effect waves-light" type="submit" name="action">Login/Register
</button>
</div>
.col.s12
p.center
a.center(href="/account/password-reset") forgot password
p.center
a.center(href="/account/creation") create a new account
.col.s12.l4.m3
.row
//- .col.s12
.center
p
strong OR
a.btn.blue(href="/account/oauth/google") LOGIN VIA GOOGLE

6
server/views/pledges.pug Normal file
View File

@@ -0,0 +1,6 @@
extend templates/layout.pug
block content
.container
.center
h1 Pledges

View File

@@ -25,16 +25,29 @@ html(lang="en" dir="ltr")
body
ul.sidenav.sidenav-fixed#slide-out
li
.user-view.primary-color-light
.user-view.primary-color-light.z-depth-2
.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
p.flow-text.black-text.name Mantra.
//- a(href="#bio")
span.black-text Open source open literature
a(href="#email")
span.email mantra@exonumia.africa
if user
li
a(href="/library")
i.material-icons.black-text person
span library
li
a(href="/campaigns")
i.material-icons.black-text person
span campaigns
li
a(href="/pledges")
i.material-icons.black-text person
span pledges
li
.divider
li
@@ -60,7 +73,7 @@ html(lang="en" dir="ltr")
block navigation
nav.primary-color
.nav-wrapper
a.brand-logo.center.hide-on-small-only(href="/") Mantra
a.brand-logo.black-text.center.hide-on-small-only(href="/") Mantra
ul.left
li
a.sidenav-trigger(href="#", data-target="slide-out")
@@ -79,34 +92,34 @@ html(lang="en" dir="ltr")
//- I just need some space at the bottom...
block footer
footer.primary-color.page-footer(role="footer")
footer.primary-color.page-footer.z-depth-3(role="footer")
.container
.row
.col.s12.m6
p.flow-text Follow
p.flow-text.black-text Follow
ul
li
a.white-text(href="https://www.twitter.com/exonumia280") Twitter
a.black-text(href="https://www.twitter.com/exonumia280") Twitter
li
a.white-text(href="https://www.facebook.com/exonumia.africa") Facebook
a.black-text(href="https://www.facebook.com/exonumia.africa") Facebook
li
a.white-text(href="https://www.instagram.com/exonumia.africa") Instagram
a.black-text(href="https://www.instagram.com/exonumia.africa") Instagram
li
a.white-text(href="https://www.linkedin.com/company/exonumia-africa") LinkedIn
a.black-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
a.black-text(href="/faq") FAQ
li
a.white-text(href="/privacy") Privacy Policy
a.black-text(href="/privacy") Privacy Policy
li
a.white-text(href="/compliance") Compliance
a.black-text(href="/compliance") Compliance
li
a.white-text(href="/terms") Terms
a.black-text(href="/terms") Terms
li
a.white-text(href="/contact") Contact
a.black-text(href="/contact") Contact
.footer-copyright.primary-color-dark
.container