update/site-revamp

This commit is contained in:
SowinskiBraeden committed 2022-01-05 15:51:50 -08:00
1 parent e6c4cb7e57
commit e88e59c72e
10 files changed
+265 -1686

No files matched your search

-2
View File
@@ -1,2 +0,0 @@
# Port to start server on.
PORT=5000
-5
View File
@@ -1,5 +0,0 @@
# Dependencies.
node_modules/*
# Enviroment variables
.env
-19
View File
@@ -1,19 +0,0 @@
var express = require('express')
var path = require('path');
var http = require('http').createServer(express);
var dotenv = require('dotenv');
dotenv.config();
const app = express();
app.set('view engine', 'ejs');
app.use('/static', express.static(path.join(__dirname, 'public')));
var port = process.env.PORT || 5000;
const server = app.listen(port, function () {
console.log('Server started.', server.address());
});
require('./app/routes')(app, server);
-9
View File
@@ -1,9 +0,0 @@
const express = require('express');
const app = express();
const server = require('http').Server(app);
module.exports = function (app, server) {
app.get('/', function (req, res) {
res.render('index');
});
}
+182
View File
@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>PVPDEATHPIT Dayz</title>
<meta name='description' content='This is the PVPDEATHPIT Community Website!'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<!-- Load CSS -->
<link rel='stylesheet' href='./public/css/style.css'>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css">
</head>
<body>
<!-- Desktop Nav menu -->
<nav>
<ul class="nav__links">
<li><a style="text-decoration: none;"href='#main'>Home</a></li>
<li><a style="text-decoration: none;"href="#about">About</a></li>
<li><a style="text-decoration: none;"href="#contact">Contact</a></li>
<li><a style="text-decoration: none;"href='#rules'>Rules</a></li>
<li><a style="text-decoration: none;"href='#requirements'>Requirements</a></li>
<li><a style="text-decoration: none;"href='https://dayz.gamepedia.com/DayZ_Wiki' target="_blank">DayZ Wiki</a></li>
</ul>
<p class="menu cta">Menu</p>
</nav>
<!-- Moble Nav Menu -->
<div id="mobile__menu" class="overlay">
<a class="close">&times;</a>
<div class="overlay__content">
<a href="#main">Home</a>
<a href="#about">About</a>
<a href='#contact'>Contact</a>
<a href='#rules'>Rules</a>
<a href='#requirements'>Requirements</a>
<a href='https://dayz.gamepedia.com/DayZ_Wiki' target="_blank">DayZ Wiki</a>
</div>
</div>
<!-- Main Body / Welcome Section -->
<div class='wrapper'>
<div class='main' id='main'>
<div class='image-box'>
<div class='image-wrap'>
<img src='./public/images/background.jpg' alt='background'>
</div>
<div class='main-content'>
<div class='details-box'>
<h2>A growing DayZ Communtiy</h2>
<h1 style="overflow-y:hidden;">PVPDEATHPIT</h1>
<p>We are a Dayz community always looking for more active members to join us in our journey throughout the wastelands of Chernarus.
Before you join; be sure to read the <a href='#requirements' style="color:#ec6415;text-decoration:underline;">Requirements</a> and <a style="color:#ec6415;text-decoration:underline;" href='#rules'>Rules</a></p>
<a class='join-btn' style="text-decoration: none;color:white;"href='https://discord.gg/UncwMbHN88' target="_blank">Join our Community</a>
</div>
</div>
</div>
</div>
</div>
<!-- About Communtiy Section -->
<div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px; margin-bottom: 15%; font-size: 115%;" id="about">
<div id='about-content'>
<h2 class="w3-wide" style="overflow-y: hidden;">THE COMMUNTIY</h2>
<p class="w3-opacity"><i></i></p>
<p class="w3-justify">This website was created as a informative website to help us grow our communtiy. Who can join? Anyone can as long as
they have the <a href="#requrements">Requirements</a>. Our community is growing fast with over 50+ members! We may run out of space,
so come join now and start having fun. The server allows you to use Mouse and Keyboard on your xbox to play and is a PvP server.
Either Make enemies or allies. This makes us a high risk community; so form a faction or join one. Have a group of people to survive
So Belive it or not. This site was custom programmed from scratch by a community member himelf.
</p>
</div>
</div>
<!-- Contact Section -->
<div class='wrapper'>
<div class='contact' id='contact'>
<div class='image-box'>
<div class='image-wrap'>
<img src='./public/images/background2.jpg' alt='background'>
</div>
<div class='contact-content' style='margin-right:100px'>
<div class='details-box'>
<h2>Contact</h2>
<hr>
<h3 style="overflow-y: hidden;">See something wrong with the website?<h3>
<p>Contact the Developer on Discord: McDazzzled#5307<p>
<h3 style="overflow-y: hidden;">or Create a</h3>
<a class='join-btn' href='https://github.com/Braeden57/Dayz-Website/issues' target='_blank'>Bug Report</a>
<br><br><br>
<h3 style="overflow-y: hidden;">Have any questions? Contact us via Discord</h3>
<p>Admin: McDazzzled#5307
<p>Head Admin: GhostX#1887</p>
<p>Owner: Whiskey#9572</p>
</div>
</div>
</div>
</div>
</div>
<!-- Rules Section -->
<div class="w3-container w3-content w3-center w3-padding-64" style="margin-bottom: 15%; font-size: 115%" id="rules">
<div id='rules-content'>
<h2 class='w3-wide' style="overflow-y: hidden;">Rules</h2>
<p class="w3-opacity"><i></i></p>
<ol class='rules'>
<li class="w3-justify">1. Do not spam chats or post any sexual, gruesome, racist, or political content of any kind.</li>
<li class="w3-justify">2. Raids can only take place on Friday - Monday (Raiding involves physically breaking into the base and taking items or ruining items)</li>
<li class="w3-justify">3. No glitching or lag switches.</li>
<li class="w3-justify">4. No combat logging (5 minutes out of combat min)</li>
<li class="w3-justify">5. Alternate accounts are not allowed what so ever. (This is a banable offence)</li>
<li class="w3-justify">6. Any signs of poaching will get you banned immediately.</li>
<li class="w3-justify">7. Videos and Pictures of dayz are asked to be exclusively from the PVPDEATHPIT server.</li>
<li class="w3-justify">8. Colored Armbands are reserved for groups who claimed their color.</li>
<li class="w3-justify">9. Trash talk all you want, but do not make it personal about family or friends.</li>
<li class="w3-justify">10. Any form of Online bullying or harassment will not be tolerated and is a banable offence.</li>
<li class="w3-justify">11. English only server. Any messages in non English or gibberish will head a warning. (Max 3 warnings)</li>
</ol>
</div>
</div>
<!-- Requirements Section -->
<div class='wrapper'>
<div class='requirements' id='requirements'>
<div class='image-box'>
<div class='image-wrap'>
<img src='./public/images/background3.jpg' alt='background'>
</div>
<div class='require-content'>
<div class='details-box'>
<h2 class="w3-wide">Requirements</h2>
<hr width="400px">
<p class="w3-opacity"><i></i></p>
<ol class='w3-justify requirements'>
<li class="w3-justify">1. You will obviosly require Dayz on your Xbox to play.</li>
<li class="w3-justify">2. You will require <img src="./public/images/discord.svg" style="width:28px;margin-right:3px;" alt='discord'><a href='https://discord.com/' style="text-decoration:underline;color:white;"target='_blank'>Discord</a></li>
<li class="w3-justify">3. Finally you will require a Microphone to use on your xbox, though this is not enforced.</li>
</ol>
<br>
<h3>Optionally:</h3>
<ol class='w3-justify requirements'>
<li class='w3-justify'>1. <a href='https://dayz.ginfo.gg/' style="color:white;text-decoration:underline;" target='_blank'>Dayz Map</a> to help you navigate the large map of Chernarus.</li>
<br>
<li>One of our members put together a <a href="https://izurvive.com/?group=New%20Player%20Map&secret=newguys" style="color:white;text-decoration:underline;">starter map</a>.
<br>Feel free to join, the password is: newguys</li>
</ol>
</div>
</div>
</div>
</div>
</div>
<!-- My Footer -->
<div class="footer-basic">
<footer>
<div class="social">
<a href="https://github.com/SowinskiBraeden"><i class="icon ion-social-github"></i></a>
<a href="https://twitter.com/BraedenSowinski"><i class="icon ion-social-twitter"></i></a>
</div>
<ul class="list-inline">
<li class="list-inline-item"><a href="#">Home</a></li>
<li class="list-inline-item"><a href="#about">About</a></li>
<li class="list-inline-item"><a href="#contact">Contact</a></li>
<li class="list-inline-item"><a href="#rules">Rules</a></li>
<li class="list-inline-item"><a href="#requirements">Requirements</a></li>
</ul>
<p class="copyright"><a href="https://mcdazzzled.com/">Braeden Sowinski © 2022</a></p>
</footer>
</div>
<!-- Load Scripts -->
<script src='./public/scripts/mobile.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
</body>
</html>
<!-- credit to https://epicbootstrap.com/snippets/footer-basic -->
-1470
View File
File diff suppressed because it is too large. Load diff
-24
View File
@@ -1,24 +0,0 @@
{
"name": "dayz-website",
"version": "1.0.0",
"description": "dayz community website",
"main": "app.js",
"scripts": {
"start": "node app.js",
"dev": "nodemon app.js"
},
"repository": {
"type": "git",
"url": "https://Braeden57/Dayz-Website"
},
"author": "Braeden Sowinski",
"license": "ISC",
"dependencies": {
"dotenv": "^8.2.0",
"ejs": "^3.1.5",
"express": "^4.17.1"
},
"devDependencies": {
"nodemon": "^2.0.6"
}
}
+73 -9
View File
@@ -60,7 +60,7 @@ ul li::before {
position: absolute; position: absolute;
top: 10%; top: 10%;
width: 0; width: 0;
background-color: #00a2ff; background-color: #ec6415;
z-index: 9999; z-index: 9999;
height: 3px; height: 3px;
transition: 0.8s all; transition: 0.8s all;
@@ -76,7 +76,10 @@ ul li a{
transition: 0.8s all; transition: 0.8s all;
} }
ul li a:hover { ul li a:hover {
color: #00a2ff color: #ec6415
}
.requirements {
font-size: 23px;
} }
.logo { .logo {
padding: 0 20px; padding: 0 20px;
@@ -102,15 +105,14 @@ ul li a:hover {
width: 70%; width: 70%;
} }
.contact-content { .contact-content {
transform: translate(0, -900px);
position: absolute; position: absolute;
top: 240%; right: 1%;
left: 65%;
} }
.require-content { .require-content {
transform: translate(0, -850px);
position: absolute; position: absolute;
left: 10%; left: 5%;
bottom: -380%;
max-width: 800px;
} }
.details-box { .details-box {
color: white color: white
@@ -143,7 +145,7 @@ ul li a:hover {
text-transform: capitalize; text-transform: capitalize;
} }
.join-btn:hover { .join-btn:hover {
background-color: #f6ba18; background-color: #ec6415;
} }
.about-container p, .about-container p,
.creator p { .creator p {
@@ -220,4 +222,66 @@ ul li a:hover {
/* Mobile background fix*/ /* Mobile background fix*/
@media all and (max-width:480px) { @media all and (max-width:480px) {
img {display:block;margin:0 auto;} img {display:block;margin:0 auto;}
} }
.footer-basic {
padding:40px 0;
background-color:#ffffff;
color:#4b4c4d;
}
.footer-basic ul {
padding:0;
list-style:none;
text-align:center;
font-size:18px;
line-height:1.6;
margin-bottom:0;
}
.footer-basic li {
padding:0 10px;
}
.footer-basic ul a {
color:inherit;
text-decoration:none;
opacity:0.8;
}
.footer-basic ul a:hover {
opacity:1;
}
.footer-basic .social {
text-align:center;
padding-bottom:25px;
}
.footer-basic .social > a {
font-size:24px;
width:45px;
height:45px;
line-height:40px;
display:inline-block;
text-align:center;
border-radius:50%;
border:1px solid #ccc;
margin:0 8px;
color:inherit;
opacity:0.75;
}
.footer-basic .social > a:hover {
opacity:0.9;
}
.footer-basic .copyright {
margin-top:15px;
text-align:center;
font-size:13px;
color:#aaa;
margin-bottom:0;
}
/* Credit to https://epicbootstrap.com/snippets/footer-basic */
+10
View File
@@ -0,0 +1,10 @@
<svg width="71" height="55" viewBox="0 0 71 55" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z" fill="#5865F2"/>
</g>
<defs>
<clipPath id="clip0">
<rect width="71" height="55" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 2.0 KiB

-148
View File
@@ -1,148 +0,0 @@
<!DOCTYPE html>
<html lang='en'>
<head>
<title>RSL Dayz</title>
<meta name='description' content='This is the RSL Community Website!'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<!-- Load CSS -->
<link rel='stylesheet' href='/static/css/style.css'>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<!-- Desktop Nav menu -->
<nav>
<ul class="nav__links">
<li><a href='#main'>Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href='#rules'>Rules</a></li>
<li><a href='#requirements'>Requirements</a></li>
<li><a href='https://dayz.gamepedia.com/DayZ_Wiki' target="_blank">DayZ Wiki</a></li>
</ul>
<p class="menu cta">Menu</p>
</nav>
<!-- Moble Nav Menu -->
<div id="mobile__menu" class="overlay">
<a class="close">&times;</a>
<div class="overlay__content">
<a href="#main">Home</a>
<a href="/about">About</a>
<a href='#contact'>Contact</a>
<a href='#rules'>Rules</a>
<a href='#requirements'>Requirements</a>
<a href='https://dayz.gamepedia.com/DayZ_Wiki' target="_blank">DayZ Wiki</a>
</div>
</div>
<!-- Main Body / Welcome Section -->
<div class='wrapper'>
<div class='main' id='main'>
<div class='image-box'>
<div class='image-wrap'>
<img src='/static/images/background.jpg' alt='background'>
</div>
<div class='main-content'>
<div class='details-box'>
<h2>A growing DayZ Communtiy</h2>
<h1>Run Shoot & Loot</h1>
<p>We are a Dayz community always looking for more active members to join us in our journey throughout the wastelands of Chernarus.
Before you join; be sure to read the <a href='#requirements'>Requirements</a> and <a href='#rules'>Rules</a></p>
<a class='join-btn' href='https://discord.gg/J783uRgJFa' target="_blank">Join our Community</a>
</div>
</div>
</div>
</div>
</div>
<!-- About Communtiy Section -->
<div class="w3-container w3-content w3-center w3-padding-64" style="max-width:800px; margin-bottom: 15%; font-size: 115%;" id="about">
<div id='about-content'>
<h2 class="w3-wide">THE COMMUNTIY</h2>
<p class="w3-opacity"><i></i></p>
<p class="w3-justify">This website was created as a informative website to help us grow our communtiy. Who can join? Anyone can as long as
they have the <a href="#requrements">Requirements</a>. Our community is growing fast with over 35+ members! We may run out of space,
so come join now and start having fun. The server allows you to use Mouse and Keyboard on your xbox to play and is a PvP server.
Either Make enemies or allies. This makes us a high risk community; so form a faction or join one. Have a group of people to survive
So Belive it or not. This site was custom programmed from scratch by a community member himelf.
</p>
</div>
</div>
<!-- Contact Section -->
<div class='wrapper'>
<div class='contact' id='contact'>
<div class='image-box'>
<div class='image-wrap'>
<img src='/static/images/background2.jpg' alt='background'>
</div>
<div class='contact-content'>
<div class='details-box'>
<h2>Contact</h2>
<hr>
<h3>See something wrong with the website?<h3>
<p>Contact the Developer on Discord: McDazzzled#5307<p>
<br>
<h3>or Create a</h3>
<a class='join-btn' href='https://github.com/Braeden57/Dayz-Website/issues' target='_blank'>Bug Report</a>
<br><br><br>
<h3>Have any questions?</h3>
<p>Contact the Head Amdin/Owner on Discord: xXAxeMan1103Xx#9572</p>
</div>
</div>
</div>
</div>
</div>
<!-- Rules Section -->
<div class="w3-container w3-content w3-center w3-padding-64" style="margin-bottom: 15%; font-size: 115%" id="rules">
<div id='rules-content'>
<h2 class='w3-wide'>Rules</h2>
<p class="w3-opacity"><i></i></p>
<ol class='rules'>
<li class="w3-justify">1. Do not spam chats or post any content that is sexual, gruesome or racist</li>
<li class="w3-justify">2. Do not shoot in Radio Zenit or raid the trader post there. Ignoring this rule can be an instant banned </li>
<li class="w3-justify">3. No god mode glitching or lag switches</li>
<li class="w3-justify">4. No combat logging</li>
<li class="w3-justify">5. No base building around the no PvP zone</li>
<li class="w3-justify">6. No border line camping on the no PVP Zone in Radio Zenit. Players must be in the next town over from no PVP area to engage PVP</li>
<li class="w3-justify">7. Bounties can not be claimed by same faction members or allies</li>
<li class="w3-justify">8. No ALT accounts if you get caught doing this you will be banned</li>
<li class="w3-justify">9. Any signs poaching will get you banned right away</li>
</ol>
</div>
</div>
<!-- Requirements Section -->
<div class='wrapper'>
<div class='requirements' id='requirements'>
<div class='image-box'>
<div class='image-wrap'>
<img src='/static/images/background3.jpg' alt='background'>
</div>
<div class='require-content'>
<div class='details-box'>
<h2 class="w3-wide">Requirements</h2>
<p class="w3-opacity"><i></i></p>
<p class="w3-justify">You will obviously need Dayz on your Xbox to play. You will also require <a href='https://discord.com/' target='_blank'>Discord</a>, and a Microphone to use on your xbox.
Optional requirement that is suggested is the <a href='https://dayz.ginfo.gg/' target='_blank'>Dayz Map</a> to help you navigate the large map of Chernarus.
</p>
<p class="w3-justify">
One of our members put together a <a href="https://izurvive.com/?group=New%20Player%20Map&secret=newguys">starter map</a>.
<br>Feel free to join, the password is: newguys
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Load Scripts -->
<script src='/static/scripts/mobile.js'></script>
</body>
</html>