Skip to content

Instantly share code, notes, and snippets.

@1travelintexan

1travelintexan/Express Basic Site

Created March 10, 2022 10:21
Show Gist options
  • Save 1travelintexan/12d071171d9ae6f47c0cf720fe870e78 to your computer and use it in GitHub Desktop.
Save 1travelintexan/12d071171d9ae6f47c0cf720fe870e78 to your computer and use it in GitHub Desktop.
Download ZIP
Site about 'The Rock'
Raw
Express Basic Site
//App.js file ///////////////////////////////////////////////////////
const express = require('express')
const app = express()
const port = 3000
app.use("/public", express.static(__dirname + "/public"));
// app.use("/public", express.static(__dirname + "/public"));
app.get('/', (req, res) => {
res.sendFile(__dirname + '/views/index.html')
})
app.get('/about', (req, res) => {
res.sendFile(__dirname + '/views/about.html')
})
app.get('/works', (req, res) => {
res.sendFile(__dirname + '/views/works.html')
})
app.get('/gallery', (req, res) => {
res.sendFile(__dirname + '/views/gallery.html')
})
app.listen(port, () => {
console.log(`Example app listening on port ${port}`)
})
Views folder /////////////////////////////////////////////////
index.html////////////////////////////////////////////////////
<body>
<nav>
<ul>
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/about">About</a>
<a class="nav-link"href="/works">Works</a>
<a class="nav-link"href="/gallery">Gallery</a>
</ul>
</nav>
<div class="container">
<h1>Welcome to our page</h1>
<h1>about</h1>
<h1>Dwayne Johnson</h1>
</div>
<script src="../app.js"></script>
</body>
about.html/////////////////////////////////////////////////
<body>
<nav>
<ul>
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/about">About</a>
<a class="nav-link"href="/works">Works</a>
<a class="nav-link"href="/gallery">Gallery</a>
</ul>
</nav>
<div class="container">
<div class="card-container about">
<img src="public/img/the rock.jpg" alt="Dwayne Johnson">
<h1>Dwayne Johnson</h1>
<p class="p-about">
Dwayne Douglas Johnson (born May 2, 1972), also known by his ring name The Rock, is an American actor, businessman, and former professional wrestler.Widely regarded as one of the greatest professional wrestlers of all time, he wrestled for WWE for eight years prior to pursuing an acting career. His films have grossed over $3.5 billion in North America and over $10.5 billion worldwide,[10] making him one of the world's highest-grossing and highest-paid actors.
</p>
</div>
</div>
</body>
works.html///////////////////////////////////
<body>
<nav>
<ul>
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/about">About</a>
<a class="nav-link"href="/works">Works</a>
<a class="nav-link"href="/gallery">Gallery</a>
</ul>
</nav>
<div class="container container-work">
<h1 class="h1-work">Work</h1>
<p class="p-work">
Johnson's first big box office success came in 2011, portraying Luke Hobbs in Fast Five (2011), the film becomes the seventh highest-grossing film of 2011. He became known for reinvigorating film franchises after portraying Marvin F. Hinton / Roadblock in G.I. Joe: Retaliation and reprising his role as Luke Hobbs in Fast & Furious 6 (2013), while also starring in true-story films Pain & Gain (2013) and Empire State (2013).
</p>
<p class="p-work">
That same year, he hosted and produced the TNT reality competition series The Hero, and won the Favorite Male Buttkicker Award at the 2013 Nickelodeon Kid's Choice Awards. In May 2013, it was announced that he would executive produce and star in Ballers, an HBO comedy-drama series about NFL players living in Miami. By December of that year, Forbes named him the top-grossing actor of 2013, with his films bringing in $1.3 billion worldwide for the year. Forbes credited the success of Fast & Furious 6, which grossed $789 million globally, and his frequent acting work as primary reasons for topping the list.
</p>
<div class="gallery-container">
<div class="card-container">
<img src="public/img/G.I._Joe_Retaliation.jpg" alt="Movie">
<h1>G.I. Joe: Retaliation</h1>
</div>
<div class="card-container">
<img src="public/img/Fast_Five_poster.jpg" alt="Movie">
<h1>Fast & Furious 6</h1>
</div>
<div class="card-container">
<img src="/public/img/Empire_state_--_dvd_cover.jpg" alt="Movie">
<h1>Empire State</h1>
</div>
</div>
</div>
</body>
gallery.html //////////////////////////////////////////////////
<body>
<nav>
<ul>
<a class="nav-link" href="/">Home</a>
<a class="nav-link" href="/about">About</a>
<a class="nav-link"href="/works">Works</a>
<a class="nav-link"href="/gallery">Gallery</a>
</ul>
</nav>
<div class="container">
<h1 class="h1-g">Gallery</h1>
<div class="gallery-container gallery-container-top">
<div class="card-container">
<img src="public/img/G.I._Joe_Retaliation.jpg" alt="Movie">
<h1>G.I. Joe: Retaliation</h1>
</div>
<div class="card-container">
<img src="public/img/Fast_Five_poster.jpg" alt="Movie">
<h1>Fast & Furious 6</h1>
</div>
<div class="card-container">
<img src="public/img/Empire_state_--_dvd_cover.jpg" alt="Movie">
<h1>Empire State</h1>
</div>
</div>
<div class="gallery-container ">
<div class="card-container">
<img src="public/img/The_Mummy_Returns_poster.jpg" alt="Movie">
<h1> The Mummy Returns </h1>
</div>
<div class="card-container">
<img src="public/img/Fast_Five_poster.jpg" alt="Movie">
<h1> Baywatch </h1>
</div>
<div class="card-container">
<img src="public/img/JumanjiTheNextLevelTeaserPoster.jpg" alt="Movie">
<h1>Jumanji: The Next Level</h1>
</div>
</div>
</div>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment