Skip to content

Commit

Permalink
final
Browse files Browse the repository at this point in the history
  • Loading branch information
@mbarbine-cdw
mbarbine-cdw committed Mar 27, 2024
1 parent 6c75da8 commit a3d47ca
Show file tree
Hide file tree
Showing 6 changed files with 157 additions and 67 deletions.
10 changes: 5 additions & 5 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
{
"name": "hackathon-starter",
"name": "Public Phone",
"version": "8.0.0",
"description": "A boilerplate for Node.js web applications",
"description": "A Platform",
"repository": {
"type": "git",
"url": "https://github.com/sahat/hackathon-starter.git"
"url": "https://github.com/ph3ar/ph3ar-hackathon-starter.git"
},
"license": "MIT",
"author": "Sahat Yalkabov",
"author": "BigNerdLoLz",
"contributors": [
"Yashar Fakhari (https://github.com/YasharF)"
"Kyle Turk (https://github.com/wildturkey)"
],
"scripts": {
"postinstall": "patch-package && npm run scss",
Expand Down
62 changes: 44 additions & 18 deletions public/about-us.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,32 +7,58 @@
<link rel="stylesheet" href="arcade.css">
<style>
/* Additional CSS styles specific to this page */
/* Customize as needed */
/* Example styling; customize as needed */
.game-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.game {
border: 1px solid #ccc;
padding: 10px;
width: calc(50% - 20px);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
iframe {
width: 100%;
height: 400px;
border: none;
}
@media (max-width: 600px) {
.game {
width: 100%;
}
}
</style>
</head>
<body>
<header>
<h1>Welcome to Arcade Mania</h1>
<!-- Consider adding navigation here -->
</header>

<section class="game-info">
<h2>Get Started</h2>
<p>Get ready to dive into the world of retro arcade gaming! Select a game and start playing right away.</p>
</section>
<main>
<section class="game-info">
<h2>Get Started</h2>
<p>Get ready to dive into the world of retro arcade gaming! Select a game and start playing right away.</p>
</section>

<section class="game-list">
<h3>Choose Your Game</h3>
<div class="game">
<h4>Pac-Man</h4>
<p>Join Pac-Man in his quest to munch on those pesky ghosts.</p>
<a class="button" href="https://pacman.js.org/">Play Now</a>
</div>
<div class="game">
<h4>Space Invaders</h4>
<p>Defend Earth from the alien invasion. Shoot 'em up!</p>
<a class="button" href="play-space-invaders.html">Play Now</a>
</div>
</section>
<section class="game-list">
<h3>Choose Your Game</h3>
<div class="game">
<h4>Pac-Man</h4>
<p>Join Pac-Man in his quest to munch on those pesky ghosts.</p>
<!-- Embedded iframe for Pac-Man; ensure the website allows embedding -->
<iframe src="https://pacman.js.org/" title="Pac-Man"></iframe>
</div>
<div class="game">
<h4>Space Invaders</h4>
<p>Defend Earth from the alien invasion. Shoot 'em up!</p>
<a class="button" href="play-space-invaders.html">Play Now</a>
</div>
</section>
</main>

<footer>
<p>&copy; 2023 Arcade Mania</p>
Expand Down
62 changes: 44 additions & 18 deletions public/community-support.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,32 +7,58 @@
<link rel="stylesheet" href="arcade.css">
<style>
/* Additional CSS styles specific to this page */
/* Customize as needed */
/* Example styling; customize as needed */
.game-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.game {
border: 1px solid #ccc;
padding: 10px;
width: calc(50% - 20px);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
iframe {
width: 100%;
height: 400px;
border: none;
}
@media (max-width: 600px) {
.game {
width: 100%;
}
}
</style>
</head>
<body>
<header>
<h1>Welcome to Arcade Mania</h1>
<!-- Consider adding navigation here -->
</header>

<section class="game-info">
<h2>Get Started</h2>
<p>Get ready to dive into the world of retro arcade gaming! Select a game and start playing right away.</p>
</section>
<main>
<section class="game-info">
<h2>Get Started</h2>
<p>Get ready to dive into the world of retro arcade gaming! Select a game and start playing right away.</p>
</section>

<section class="game-list">
<h3>Choose Your Game</h3>
<div class="game">
<h4>Pac-Man</h4>
<p>Join Pac-Man in his quest to munch on those pesky ghosts.</p>
<a class="button" href="https://pacman.js.org/">Play Now</a>
</div>
<div class="game">
<h4>Space Invaders</h4>
<p>Defend Earth from the alien invasion. Shoot 'em up!</p>
<a class="button" href="play-space-invaders.html">Play Now</a>
</div>
</section>
<section class="game-list">
<h3>Choose Your Game</h3>
<div class="game">
<h4>Pac-Man</h4>
<p>Join Pac-Man in his quest to munch on those pesky ghosts.</p>
<!-- Embedded iframe for Pac-Man; ensure the website allows embedding -->
<iframe src="https://pacman.js.org/" title="Pac-Man"></iframe>
</div>
<div class="game">
<h4>Space Invaders</h4>
<p>Defend Earth from the alien invasion. Shoot 'em up!</p>
<a class="button" href="play-space-invaders.html">Play Now</a>
</div>
</section>
</main>

<footer>
<p>&copy; 2023 Arcade Mania</p>
Expand Down
62 changes: 44 additions & 18 deletions public/innovative-features.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,32 +7,58 @@
<link rel="stylesheet" href="arcade.css">
<style>
/* Additional CSS styles specific to this page */
/* Customize as needed */
/* Example styling; customize as needed */
.game-list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.game {
border: 1px solid #ccc;
padding: 10px;
width: calc(50% - 20px);
box-shadow: 0 0 10px rgba(0,0,0,0.1);
}
iframe {
width: 100%;
height: 400px;
border: none;
}
@media (max-width: 600px) {
.game {
width: 100%;
}
}
</style>
</head>
<body>
<header>
<h1>Welcome to Arcade Mania</h1>
<!-- Consider adding navigation here -->
</header>

<section class="game-info">
<h2>Get Started</h2>
<p>Get ready to dive into the world of retro arcade gaming! Select a game and start playing right away.</p>
</section>
<main>
<section class="game-info">
<h2>Get Started</h2>
<p>Get ready to dive into the world of retro arcade gaming! Select a game and start playing right away.</p>
</section>

<section class="game-list">
<h3>Choose Your Game</h3>
<div class="game">
<h4>Pac-Man</h4>
<p>Join Pac-Man in his quest to munch on those pesky ghosts.</p>
<a class="button" href="https://pacman.js.org/">Play Now</a>
</div>
<div class="game">
<h4>Space Invaders</h4>
<p>Defend Earth from the alien invasion. Shoot 'em up!</p>
<a class="button" href="play-space-invaders.html">Play Now</a>
</div>
</section>
<section class="game-list">
<h3>Choose Your Game</h3>
<div class="game">
<h4>Pac-Man</h4>
<p>Join Pac-Man in his quest to munch on those pesky ghosts.</p>
<!-- Embedded iframe for Pac-Man; ensure the website allows embedding -->
<iframe src="https://pacman.js.org/" title="Pac-Man"></iframe>
</div>
<div class="game">
<h4>Space Invaders</h4>
<p>Defend Earth from the alien invasion. Shoot 'em up!</p>
<a class="button" href="play-space-invaders.html">Play Now</a>
</div>
</section>
</main>

<footer>
<p>&copy; 2023 Arcade Mania</p>
Expand Down
2 changes: 1 addition & 1 deletion views/home.pug
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@ block content

.col-md-6
h2 Get Started
p Start using Public Phone today. Simple setup, no hidden fees.
p Start using Public Phone today.
p
a.btn.btn-primary(href='get-started.html', role='button') Get Started Now »

Expand Down
26 changes: 19 additions & 7 deletions views/layout.pug
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,25 @@ html.h-100
meta(name='csrf-token', content=_csrf)
title #{title} - Public Phone
link(rel='shortcut icon', href='/favicon.png' type='image/png')
// Use local Bootstrap CSS only if you're not using a CDN version.
// Uncomment the line below if you're not loading Bootstrap from a CDN.
// link(rel='stylesheet', href='/css/bootstrap.min.css')
// Retro styling
link(rel='stylesheet', href='https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap')
style.
body, h1, h2, h3, p {
font-family: 'Press Start 2P', cursive;
}
.retro-color {
background-color: #000;
color: #ff8c00;
}
.container {
border: 3px solid #ff8c00;
padding: 20px;
}
link(rel='stylesheet', href='/css/main.css')
link(rel='stylesheet', href='https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css')
block head

body.d-flex.flex-column.h-100
body.d-flex.flex-column.h-100.retro-color
include partials/header

.flex-shrink-0
Expand All @@ -25,18 +36,18 @@ html.h-100
include partials/footer

script(src='/js/lib/jquery.min.js')
script(src='/js/lib/bootstrap.bundle.min.js') // Prefer 'bootstrap.bundle.min.js' as it includes Popper.js
script(src='/js/lib/bootstrap.bundle.min.js')
script(src='/js/main.js')
script(src='https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js')

script(type="text/javascript").
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#f8f9fa"
"background": "#000"
},
"button": {
"background": "#343a40"
"background": "#ff8c00"
}
},
"position": "bottom-right",
Expand All @@ -45,6 +56,7 @@ html.h-100
}
});


// Google Analytics: Ensure you're compliant with data protection regulations when using analytics.
script.
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
Expand Down

0 comments on commit a3d47ca

Please sign in to comment.