Leahnaya/website
1
0
Fork 0
mirror of https://github.com/PretendoNetwork/website.git synced 2026-08-22 00:27:13 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

updated home page finally

Browse Source
This commit is contained in:
mrjvs
2018-11-17 19:39:00 +01:00
parent ec95f623c6
commit fae7ab99c4
13 changed files with 109 additions and 334 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
assets/css/icons.css
View File

@@ -1,30 +0,0 @@
@font-face {
font-family: 'icomoon';
src: url('/assets/fonts/icomoon.eot?ybqupz');
src: url('/assets/fonts/icomoon.eot?ybqupz#iefix') format('embedded-opentype'),
url('/assets/fonts/icomoon.ttf?ybqupz') format('truetype'),
url('/assets/fonts/icomoon.woff?ybqupz') format('woff'),
url('/assets/fonts/icomoon.svg?ybqupz#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="pretendo-icon-"], [class*=" pretendo-icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 1em;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.pretendo-icon-pretendo-logo:before {
content: "\e900";
}

105
assets/css/pretendo.css
View File

@@ -1,105 +0,0 @@
/*
pretendo.css -
main css file of the pretendo website
*/
/*
for home page only.
sets the background
*/
.hp-background {
-webkit-filter: brightness(30%) grayscale(100%);
filter: brightness(30%) grayscale(100%);
min-height: 100%;
min-width: 100%;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
}
/*
homepage container for the title and stuff
*/
.hp-container {
display: flex;
position: relative;
flex-direction: column;
justify-content: center;
text-align: left;
left: 0%;
z-index: 100;
}
/*
title text
*/
.title {
font-family: "Overpass Mono", monospace;
font-size: 500%;
line-height: 0;
color: white;
}
/*
main text
*/
.text {
font-family: "Space Mono", monospace;
font-size: 150%;
color: white;
}
/*
font awesome icon container stylings
*/
.icons {
margin-top: 10px;
font-size: 1.75em;
}
.icons > a:not(:first-child) > .icon, .icons > .icon:not(:first-child) {
margin-left: 20px;
}
.icon {
-webkit-transition: color 1s;
transition: color 1s;
color: white;
border: 0;
}
.icon:hover {
color: black;
}

BIN
assets/fonts/icomoon.eot
View File

Binary file not shown.

11
assets/fonts/icomoon.svg
View File

@@ -1,11 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Generated by IcoMoon</metadata>
<defs>
<font id="icomoon" horiz-adv-x="1024">
<font-face units-per-em="1024" ascent="960" descent="-64" />
<missing-glyph horiz-adv-x="1024" />
<glyph unicode="&#x20;" horiz-adv-x="512" d="" />
<glyph unicode="&#xe900;" glyph-name="pretendo-logo" d="M31.2 941.6l-27.2-18.4v-950.4l27.2-18.4c24-16.8 36.8-18.4 117.6-18.4h91.2v295.2c0 162.4 2.4 300.8 4.8 308 3.2 8.8 15.2 12.8 35.2 12.8 17.6 0 49.6 10.4 80 26.4 48 24 55.2 25.6 135.2 25.6 77.6 0 88.8-1.6 131.2-23.2 56.8-28.8 104-79.2 132-139.2 56-123.2-2.4-276.8-132-342.4-41.6-20.8-54.4-23.2-122.4-23.2-41.6 0-85.6 2.4-97.6 6.4l-22.4 5.6v-152h291.2c289.6 0 290.4 0 317.6 18.4l27.2 18.4v950.4l-54.4 36.8h-907.2l-27.2-18.4zM641.6 768c28-8.8 73.6-28.8 101.6-45.6 52-31.2 128.8-106.4 128.8-127.2 0-26.4-23.2-16.8-72.8 32-116.8 113.6-279.2 152.8-426.4 102.4-50.4-16.8-71.2-15.2-67.2 4.8 3.2 15.2 61.6 38.4 121.6 49.6 56.8 9.6 154.4 2.4 214.4-16zM596 692.8c22.4-5.6 59.2-20 82.4-32 48-24 121.6-91.2 121.6-111.2 0-26.4-18.4-22.4-54.4 12-52 49.6-78.4 66.4-136 85.6-58.4 20-141.6 22.4-198.4 4.8-52.8-16-67.2-15.2-67.2 3.2 0 14.4 36 33.6 84 43.2 35.2 8 130.4 4.8 168-5.6zM444 484.8c-30.4-13.6-72.8-58.4-83.2-87.2-4.8-12.8-8.8-41.6-8.8-64.8 0-89.6 73.6-154.4 168-147.2 92.8 6.4 149.6 72.8 142.4 167.2-4 52-16.8 75.2-65.6 114.4-24 20-37.6 24.8-79.2 26.4-30.4 1.6-58.4-1.6-73.6-8.8z" />
</font></defs></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

BIN
assets/fonts/icomoon.ttf
View File

Binary file not shown.

BIN
assets/fonts/icomoon.woff
View File

Binary file not shown.

BIN
assets/images/bg1.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 4.4 MiB

BIN
assets/images/bg2.gif
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 MiB

28
assets/js/index.js
View File

@@ -1,28 +0,0 @@
/* eslint-env browser */
/*
index.js -
the main javascript file
*/
// set some variables
const bg = document.getElementById('hp-bg');
let index = 0;
const imageList = [ '/assets/images/bg1.gif', '/assets/images/bg2.gif' ];
// set the first image
bg.src = imageList[index];
index++;
setInterval(() => {
if (index === imageList.length) {
index = 0;
}
bg.src = imageList[index];
index++;
}, 5000);

5
routes/home.js
View File

@@ -14,10 +14,5 @@ router.get('/', (req, res) => {
res.render('home');
});
router.get('/newhome', (req, res) => {
res.render('newhome');
});
// export the router
module.exports = router;

150
views/home.hbs
View File

@@ -1,46 +1,112 @@
<!--
home.hbs -
the front page of the pretendo website
-->
<html lang="en">
<head>
{{> head }}
<title>pretendo</title>
</head>
<body class="hp-container">
<img id="hp-bg" class="hp-background" src="">
<div class="hp-container">
<h1 class="title"><i class="pretendo-icon-pretendo-logo"></i>pretendo</h1>
<div class="text">
an accurate-as-possible server emulation project for<br>
nintendo consoles that use nintendo network
</div>
<div class="icons">
<a href="https://github.com/PretendoNetwork"><i class="fab fa-github-alt icon"></i></a>
<a href="https://www.npmjs.com/search?q=%40pretendo"><i class="fab fa-npm icon"></i></a>
<a href="https://discord.gg/rxekqVJ"><i class="fab fa-discord icon"></i></a>
<a href="https://twitter.com/pretendonetwork"><i class="fab fa-twitter icon"></i></a>
</div>
<!DOCTYPE html>
<html>
<head>
{{> head-common }}
<!-- page specific -->
<link rel="stylesheet" href="/assets/css/pretendo-home.css">
</head>
<body>
{{> nav-default }}
<div class="contentWrapper">
<header>
<h1>Pretendo</h1>
<hr>
<h3>A work-in-progress Nintendo Service replacement for Wii U and 3DS. Fully open source.</h3>
</header>
</div>
<div class="contentWrapper bgLines">
<div class="bgExtrude"></div>
<section class="bigCardWrapper">
<div class="bigCard">
<p class="txt-highlight">Wait a second</p>
<h1 class="txt-title">What exactly is this?</h1>
<h2 class="txt-smallHeading">Yeah, I'm not actually going to remake all the cubes and stuff.</h2>
<p>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br /><br />Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br /><br />Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</p>
</div>
</section>
</body>
<script src="/assets/js/index.js" type="text/javascript"></script>
<section class="bigCardWrapper">
<div class="bigCard">
<p class="txt-highlight">who is responsible?</p>
<h1 class="txt-title">who made this?</h1>
<div class="cardProfiles">
<!-- profile -->
<div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bigCardWrapper">
<div class="bigCard lessPadding cont-flex">
<div class="flex-item">
<p class="txt-highlight">Be notified</p>
<h1 class="txt-title">Stay updated</h1>
<p>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
<button class="btn">Learn more!</button>
</div>
<div class="cont-flex">
<div class="smallCardWidth">
<div class="smallCard">
<h3 class="txt-smallHeading">Super cool</h3>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea</p>
<button class="btn-alt">Read more</button>
</div>
</div>
<div class="smallCardWidth">
<div class="smallCard">
<h3 class="txt-smallHeading">Super cool</h3>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea</p>
<button class="btn-alt">Read more</button>
</div>
</div>
</div>
</div>
</section>
{{> footer-default }}
</body>
</html>

112
views/newhome.hbs
View File

@@ -1,112 +0,0 @@
<!DOCTYPE html>
<html>
<head>
{{> head-common }}
<!-- page specific -->
<link rel="stylesheet" href="/assets/css/pretendo-home.css">
</head>
<body>
{{> nav-default }}
<div class="contentWrapper">
<header>
<h1>Pretendo</h1>
<hr>
<h3>A work-in-progress Nintendo Service replacement for Wii U and 3DS. Fully open source.</h3>
</header>
</div>
<div class="contentWrapper bgLines">
<div class="bgExtrude"></div>
<section class="bigCardWrapper">
<div class="bigCard">
<p class="txt-highlight">Wait a second</p>
<h1 class="txt-title">What exactly is this?</h1>
<h2 class="txt-smallHeading">Yeah, I'm not actually going to remake all the cubes and stuff.</h2>
<p>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.<br /><br />Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.<br /><br />Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</p>
</div>
</section>
<section class="bigCardWrapper">
<div class="bigCard">
<p class="txt-highlight">who is responsible?</p>
<h1 class="txt-title">who made this?</h1>
<div class="cardProfiles">
<!-- profile -->
<div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div><!--
--><div class="profile">
<img class="profileIcon" src="https://cdn.discordapp.com/avatars/117261997619412996/c0e34de348b8d45e7a16c0260173bc8c.webp?size=256">
<div class="profileText">
<h2 class="txt-smallHeading">RedDucks</h2>
<p>Project owner, lead developer, very violent young man. Splatoon obsessed as well.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bigCardWrapper">
<div class="bigCard lessPadding cont-flex">
<div class="flex-item">
<p class="txt-highlight">Be notified</p>
<h1 class="txt-title">Stay updated</h1>
<p>
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
</p>
<button class="btn">Learn more!</button>
</div>
<div class="cont-flex">
<div class="smallCardWidth">
<div class="smallCard">
<h3 class="txt-smallHeading">Super cool</h3>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea</p>
<button class="btn-alt">Read more</button>
</div>
</div>
<div class="smallCardWidth">
<div class="smallCard">
<h3 class="txt-smallHeading">Super cool</h3>
<p>Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea</p>
<button class="btn-alt">Read more</button>
</div>
</div>
</div>
</div>
</section>
{{> footer-default }}
</body>
</html>

2
views/partials/nav-default.hbs
View File

@@ -1,6 +1,6 @@
<nav class="navWrapper" id="nav">
<a class="navItem brand" href="/">PRETENDO</a>
<a class="navItem" href="#">News</a>
<a class="navItem" href="/news">News</a>
<a class="navItem" href="/progress">Progress</a>
<a class="navItem" href="/contact">Contact</a>
<div class="navSpread"></div>