Leahnaya/website
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/website.git synced 2026-07-18 16:31:40 -05:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

added pnid navigation menu and some locales code

Browse Source
This commit is contained in:
mrjvs 2018-11-21 16:55:18 +01:00
parent d6fbea1367
commit 57ffdb93b2
10 changed files with 97 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
assets/css/pretendo-pnid.css
View File

@ -25,5 +25,48 @@ body footer .content {
/* aside navigation */
nav.userNav {
padding: 1em;
padding: 1em 3em 1em 1em;
}
nav.userNav .userNavProfile {
text-align: center;
}
nav.userNav .userNavProfile::after {
content: "";
width: 10em;
display: inline-block;
height: 1px;
background-color: rgba(0, 0, 0, 0.5);;
}
nav.userNav .userNavProfile img {
width: 7em;
height: 7em;
background-color: white;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 50%;
display: inline-block;
}
nav.userNav .userNavProfile .name {
font-size: 1.5em;
font-weight: bold;
color: #353535;
margin: .5em 1em 0 1em;
}
nav.userNav .links {
padding: .7em 0;
}
nav.userNav .links .navItem {
display: block;
margin: .3em .5em;
font-size: 1em;
color: #707070;
text-decoration: none;
}
nav.userNav .links .navItem:hover {
color: #505050;
font-weight: bold;
text-decoration: none;
}
nav.userNav .links .navItem.active {
color: #673ab7;
font-weight: bold;
}

7
helpers/util.js
View File

@ -20,7 +20,12 @@ function templateReadyUser(req) {
};
}
function getLocales() {
return require('../locales/US_en.json');
}
module.exports = {
send404,
templateReadyUser
templateReadyUser,
getLocales
};

4
routes/blog.js
View File

@ -30,7 +30,8 @@ router.get('/news/:date/:title', (req, res) => {
if (err) return utilHelper.send404(res);
res.render('post', {
post: postTemplate,
user: utilHelper.templateReadyUser(req)
user: utilHelper.templateReadyUser(req),
locales: utilHelper.getLocales()
});
});
});
@ -57,6 +58,7 @@ router.get('/news', (req, res) => {
res.render('post-collection', {
posts: postCollection,
user: utilHelper.templateReadyUser(req),
locales: utilHelper.getLocales(),
page: 'news'
});
});

1
routes/contact.js
View File

@ -16,6 +16,7 @@ const https = require('https');
router.get('/contact', (req, res) => {
res.render('contact', {
user: utilHelper.templateReadyUser(req),
locales: utilHelper.getLocales(),
page: 'contact'
});
});

1
routes/home.js
View File

@ -14,6 +14,7 @@ const utilHelper = require('../helpers/util');
router.get('/', (req, res) => {
res.render('home', {
user: utilHelper.templateReadyUser(req),
locales: utilHelper.getLocales(),
page: 'home'
});
});

10
routes/pnid.js
View File

@ -20,15 +20,21 @@ const PNID = require('../models/pnid');
// renders register page
router.get('/pnid/register', recaptcha.middleware.render, (req, res) => {
res.render('register', { captcha: res.recaptcha });
res.render('register', {
captcha: res.recaptcha,
locales: utilHelper.getLocales()
});
});
// renders login page
router.get('/pnid/login', (req, res) => {
res.render('login');
res.render('login', {
locales: utilHelper.getLocales()
});
});
// renders pnid dashboard
router.get('/pnid/dashboard', userMiddleware.pnidAuthNeeded, (req, res) => {
res.render('dashboard', {
locales: utilHelper.getLocales(),
user: utilHelper.templateReadyUser(req)
});
});

1
routes/progress.js
View File

@ -25,6 +25,7 @@ router.get('/progress', (req, res) => {
games,
backends,
user: utilHelper.templateReadyUser(req),
locales: utilHelper.getLocales(),
page: 'progress'
});
});

4
views/dashboard.hbs
View File

@ -8,9 +8,7 @@
<body class="flex">
{{> nav-default }}
<div class="contentWrapper userPage">
<nav class="userNav">
<p>Navigation</p>
</nav>
{{> nav-dashboard }}
<section class="contentCard">
<p class="txt-highlight">User profile</p>
<h1 class="txt-title small">PNID dashboard</h1>

2
views/home.hbs
View File

@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{{> head-common }}
<!-- page specific -->

31
views/partials/nav-dashboard.hbs Normal file
View File

@ -0,0 +1,31 @@
<nav class="navWrapper" id="nav">
<a class="navItem brand{{#if_eq page 'home'}} active{{/if_eq}}" {{#if_neq page 'home'}}href="/"{{/if_neq}}>PRETENDO</a>
<a class="navItem{{#if_eq page 'news'}} active{{/if_eq}}" {{#if_neq page 'news'}}href="/news"{{/if_neq}}>News</a>
<a class="navItem{{#if_eq page 'progress'}} active{{/if_eq}}" {{#if_neq page 'progress'}}href="/progress"{{/if_neq}}>Progress</a>
<a class="navItem{{#if_eq page 'contact'}} active{{/if_eq}}" {{#if_neq page 'contact'}}href="/contact"{{/if_neq}}>Contact</a>
<div class="navSpread"></div>
{{#if user.isLoggedIn }}
<a class="navItem navProfile" href="/pnid/dashboard">
<img src="#" alt="">
<p>mrjvs@gmail.com</p>
</a>
<a class="navItem navBtn" href="/pnid/logout">logout</a>
{{else}}
<a class="navItem navBtnAlt" href="/pnid/login">Login</a>
<a class="navItem navBtn" href="/pnid/register">Register</a>
{{/if}}
<a class="navItem hamburger" id="navToggle">ICON</a>
</nav>
<nav class="userNav">
<div class="userNavProfile">
<img src="" alt="">
<p class="name">Mrjvs</p>
</div>
<div class="links">
<a class="navItem active" href="#">User profile</a>
<a class="navItem" href="#">User files</a>
<a class="navItem" href="#">Security settings</a>
<a class="navItem" href="#">other settings</a>
</div>
</nav>