mirror of
https://github.com/PretendoNetwork/website.git
synced 2026-06-11 19:30:51 -05:00
Progress page
This commit is contained in:
Jip Fr
parent
8f042e81ae
commit
2ef14bba21
|
|
@ -2,7 +2,8 @@
|
|||
"nav": {
|
||||
"about": "About",
|
||||
"faq": "FAQ",
|
||||
"credits": "Credits"
|
||||
"credits": "Credits",
|
||||
"progress": "Progress"
|
||||
},
|
||||
"hero": {
|
||||
"subtitle": "Game servers",
|
||||
|
|
@ -130,5 +131,9 @@
|
|||
"github": "https://github.com/Kinnay"
|
||||
}
|
||||
]
|
||||
},
|
||||
"progressPage": {
|
||||
"title": "Progress",
|
||||
"description": "This is text. Text can go here. This is a spot for text. A paragraph holds text. It's all true."
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
--text: white;
|
||||
--text-secondary: #A1A8D9;
|
||||
--btn: #673DB6;
|
||||
--theme: var(--btn);
|
||||
--text-secondary-2: #8990C1;
|
||||
}
|
||||
|
||||
|
|
@ -229,7 +230,7 @@ section.progress .left, section.progress .right {
|
|||
section.progress .right {
|
||||
position: relative;
|
||||
padding-left: 80px;
|
||||
background: #673DB6;
|
||||
background: var(--theme);
|
||||
border-top-left-radius: 10px;
|
||||
border-bottom-left-radius: 10px;
|
||||
}
|
||||
|
|
@ -244,7 +245,7 @@ section.progress .right:before {
|
|||
background: yellow;
|
||||
left: 90%;
|
||||
margin-top: -50px;
|
||||
background: #673DB6;
|
||||
background: var(--theme);
|
||||
}
|
||||
|
||||
section.faq {
|
||||
|
|
@ -354,6 +355,12 @@ section.team {
|
|||
}
|
||||
|
||||
/* Progress */
|
||||
.all-progress-lists {
|
||||
margin-top: 50px;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fill, minmax(500px, 1fr));
|
||||
grid-gap: 20px;
|
||||
}
|
||||
.feature-list-wrapper h3 {
|
||||
margin: 0;
|
||||
}
|
||||
|
|
@ -412,6 +419,12 @@ section.team {
|
|||
height: 100%;
|
||||
}
|
||||
|
||||
/* Bright purple cards */
|
||||
.purple-card {
|
||||
padding: 50px 20px;
|
||||
border-radius: 10px;
|
||||
background: var(--btn);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,8 @@ const app = express();
|
|||
|
||||
const routers = {
|
||||
home: require('./routers/home'),
|
||||
faq: require('./routers/faq')
|
||||
faq: require('./routers/faq'),
|
||||
progress: require('./routers/progress')
|
||||
};
|
||||
|
||||
app.use('*', (req, res, next) => {
|
||||
|
|
@ -18,6 +19,7 @@ app.use('*', (req, res, next) => {
|
|||
|
||||
app.use('/', routers.home);
|
||||
app.use('/faq', routers.faq);
|
||||
app.use('/progress', routers.progress);
|
||||
|
||||
app.engine('handlebars', handlebars({
|
||||
helpers: {
|
||||
|
|
|
|||
|
|
@ -2,14 +2,14 @@ const getLocale = require('../../util/getLocale');
|
|||
const { Router } = require('express');
|
||||
const router = new Router();
|
||||
|
||||
const featureLists = require('../../feature-lists.json');
|
||||
const pgoressLists = require('../../progress-lists.json');
|
||||
|
||||
router.get('/', (req, res) => {
|
||||
const tmpLocale = getLocale('US', 'en');
|
||||
res.render('home', {
|
||||
layout: 'main',
|
||||
locale: tmpLocale,
|
||||
featuredFeatureList: featureLists[0]
|
||||
featuredFeatureList: pgoressLists[0]
|
||||
});
|
||||
});
|
||||
|
||||
|
|
|
|||
16
src/routers/progress.js
Normal file
16
src/routers/progress.js
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
const getLocale = require('../../util/getLocale');
|
||||
const { Router } = require('express');
|
||||
const router = new Router();
|
||||
|
||||
const progressLists = require('../../progress-lists.json');
|
||||
|
||||
router.get('/', (req, res) => {
|
||||
const tmpLocale = getLocale('US', 'en');
|
||||
res.render('progress', {
|
||||
layout: 'main',
|
||||
locale: tmpLocale,
|
||||
progressLists
|
||||
});
|
||||
});
|
||||
|
||||
module.exports = router;
|
||||
|
|
@ -1,27 +1,7 @@
|
|||
|
||||
<div class="wrapper">
|
||||
|
||||
<header>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="39.876" viewBox="0 0 120 39.876">
|
||||
<g id="logo_type" data-name="logo type" transform="translate(-553 -467)">
|
||||
<g id="logo" transform="translate(553 467)">
|
||||
<rect id="XMLID_158_" width="39.876" height="39.876" fill="#9d6ff3" opacity="0"/>
|
||||
<g id="XMLID_6_" transform="translate(8.222 1.418)">
|
||||
<path id="XMLID_15_" d="M69.149,28.312c-1.051.553-.129,2.139.922,1.585a12.365,12.365,0,0,1,8.794-.571,10.829,10.829,0,0,1,6.342,4.166c.645,1,2.231.074,1.585-.922C83.308,27.169,74.7,25.436,69.149,28.312Z" transform="translate(-64.246 -23.389)" fill="#9d6ff3"/>
|
||||
<path id="XMLID_14_" d="M82.64,14.608A15.565,15.565,0,0,0,73.5,8.45a17.535,17.535,0,0,0-12.647.9c-1.051.553-.129,2.139.922,1.585,3.411-1.788,7.6-1.714,11.209-.719,3.1.848,6.268,2.544,8.038,5.309C81.681,16.543,83.267,15.622,82.64,14.608Z" transform="translate(-57.476 -7.693)" fill="#9d6ff3"/>
|
||||
<path id="XMLID_9_" d="M55.68,47.8a10.719,10.719,0,0,0-6.71,2.3H45.983A1.336,1.336,0,0,0,44.6,51.376V75.84a1.431,1.431,0,0,0,1.383,1.383h3.023a1.367,1.367,0,0,0,1.309-1.383V68.392A10.993,10.993,0,1,0,55.68,47.8Zm0,17.182a6.213,6.213,0,1,1,6.213-6.213A6.216,6.216,0,0,1,55.68,64.982Z" transform="translate(-44.6 -40.406)" fill="#9d6ff3"/>
|
||||
</g>
|
||||
</g>
|
||||
<text id="Pretendo" transform="translate(593 492)" fill="#fff" font-size="17" font-family="Poppins-Bold, Poppins" font-weight="700"><tspan x="0" y="0">Pretendo</tspan></text>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
<nav>
|
||||
<a href="#about">{{ locale.nav.about }}</a>
|
||||
<a href="#faq">{{ locale.nav.faq }}</a>
|
||||
<a href="#credits">{{ locale.nav.credits }}</a>
|
||||
</nav>
|
||||
</header>
|
||||
{{> header}}
|
||||
|
||||
<section class="hero">
|
||||
<div class="hero-meta">
|
||||
|
|
@ -31,7 +11,7 @@
|
|||
{{ locale.hero.text }}
|
||||
</p>
|
||||
<div class="buttons">
|
||||
<a href="#about">
|
||||
<a href="/#about">
|
||||
<button class="button primary">
|
||||
{{ locale.hero.buttons.readMore }}
|
||||
</button>
|
||||
|
|
@ -148,6 +128,6 @@
|
|||
</section>
|
||||
|
||||
|
||||
<footer>Copyright 2020 - Design by mrjvs, development by Jip Fr</footer>
|
||||
{{> footer }}
|
||||
|
||||
</div>
|
||||
|
|
@ -1,3 +1,4 @@
|
|||
{{altBg}}
|
||||
<div class="custom-checkbox" {{#if checked}}checked{{/if}}>
|
||||
{{#if checked}}
|
||||
{{!-- Icon --}}
|
||||
|
|
|
|||
1
views/partials/footer.handlebars
Normal file
1
views/partials/footer.handlebars
Normal file
|
|
@ -0,0 +1 @@
|
|||
<footer>Copyright 2020 - Design by mrjvs, development by Jip Fr</footer>
|
||||
31
views/partials/header.handlebars
Normal file
31
views/partials/header.handlebars
Normal file
|
|
@ -0,0 +1,31 @@
|
|||
<header>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="39.876" viewBox="0 0 120 39.876">
|
||||
<g id="logo_type" data-name="logo type" transform="translate(-553 -467)">
|
||||
<g id="logo" transform="translate(553 467)">
|
||||
<rect id="XMLID_158_" width="39.876" height="39.876" fill="#9d6ff3" opacity="0" />
|
||||
<g id="XMLID_6_" transform="translate(8.222 1.418)">
|
||||
<path id="XMLID_15_"
|
||||
d="M69.149,28.312c-1.051.553-.129,2.139.922,1.585a12.365,12.365,0,0,1,8.794-.571,10.829,10.829,0,0,1,6.342,4.166c.645,1,2.231.074,1.585-.922C83.308,27.169,74.7,25.436,69.149,28.312Z"
|
||||
transform="translate(-64.246 -23.389)" fill="#9d6ff3" />
|
||||
<path id="XMLID_14_"
|
||||
d="M82.64,14.608A15.565,15.565,0,0,0,73.5,8.45a17.535,17.535,0,0,0-12.647.9c-1.051.553-.129,2.139.922,1.585,3.411-1.788,7.6-1.714,11.209-.719,3.1.848,6.268,2.544,8.038,5.309C81.681,16.543,83.267,15.622,82.64,14.608Z"
|
||||
transform="translate(-57.476 -7.693)" fill="#9d6ff3" />
|
||||
<path id="XMLID_9_"
|
||||
d="M55.68,47.8a10.719,10.719,0,0,0-6.71,2.3H45.983A1.336,1.336,0,0,0,44.6,51.376V75.84a1.431,1.431,0,0,0,1.383,1.383h3.023a1.367,1.367,0,0,0,1.309-1.383V68.392A10.993,10.993,0,1,0,55.68,47.8Zm0,17.182a6.213,6.213,0,1,1,6.213-6.213A6.216,6.216,0,0,1,55.68,64.982Z"
|
||||
transform="translate(-44.6 -40.406)" fill="#9d6ff3" />
|
||||
</g>
|
||||
</g>
|
||||
<text id="Pretendo" transform="translate(593 492)" fill="#fff" font-size="17"
|
||||
font-family="Poppins-Bold, Poppins" font-weight="700">
|
||||
<tspan x="0" y="0">Pretendo</tspan>
|
||||
</text>
|
||||
</g>
|
||||
</svg>
|
||||
|
||||
<nav>
|
||||
<a href="/#about">{{ locale.nav.about }}</a>
|
||||
<a href="/#faq">{{ locale.nav.faq }}</a>
|
||||
<a href="/#credits">{{ locale.nav.credits }}</a>
|
||||
<a href="/progress">{{ locale.nav.progress }}</a>
|
||||
</nav>
|
||||
</header>
|
||||
22
views/progress.handlebars
Normal file
22
views/progress.handlebars
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
<div class="wrapper">
|
||||
|
||||
{{> header}}
|
||||
|
||||
<div class="hero">
|
||||
<div class="hero-meta">
|
||||
<h1 class="title dot">{{ locale.progressPage.title }}</h1>
|
||||
<p class="text">{{ locale.progressPage.description }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="all-progress-lists">
|
||||
{{#each progressLists}}
|
||||
<div class="purple-card">
|
||||
{{> progress-list data=this }}
|
||||
</div>
|
||||
{{/each}}
|
||||
</div>
|
||||
|
||||
{{> footer }}
|
||||
|
||||
</div>
|
||||
Loading…
Reference in New Issue
Block a user