From 0f2a1db2d6d2fcc0a977feda3ad6e6ca1f174193 Mon Sep 17 00:00:00 2001 From: Shashank519915 <120128150+Shashank519915@users.noreply.github.com> Date: Sun, 4 Feb 2024 14:05:24 +0530 Subject: [PATCH 1/6] Create works.html --- views/works.html | 40 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 40 insertions(+) create mode 100644 views/works.html diff --git a/views/works.html b/views/works.html new file mode 100644 index 0000000..87e90af --- /dev/null +++ b/views/works.html @@ -0,0 +1,40 @@ + + + + + + + Works of Linkin Park + + +
+ + +

Works of Linkin Park

+
+

Albums

+ + +

Singles

+ + +

Achievements

+

Linkin Park has achieved global success with numerous awards, including Grammy Awards. They are recognized for their blend of rock and electronic elements, and their impact on the alternative music scene.

+
+ + From 5445b4a57e54ff17260ae806fbcca8b89ef65321 Mon Sep 17 00:00:00 2001 From: Shashank519915 <120128150+Shashank519915@users.noreply.github.com> Date: Sun, 4 Feb 2024 14:06:18 +0530 Subject: [PATCH 2/6] Create index.html --- views/index.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 views/index.html diff --git a/views/index.html b/views/index.html new file mode 100644 index 0000000..88e4f63 --- /dev/null +++ b/views/index.html @@ -0,0 +1,27 @@ + + + + + + + Linkin Park + + +
+ + +

Welcome to the Linkin Park Website

+

Explore the powerful sound of Linkin Park, a groundbreaking rock band that has left an indelible mark on the music industry. From their debut album "Hybrid Theory" to the experimental "Minutes to Midnight" and beyond, Linkin Park has consistently pushed boundaries and connected with fans worldwide.

+ +

Discover their iconic singles, such as "In the End," "Numb," and "What I've Done," each carrying the band's signature blend of rock, rap, and electronic elements. Linkin Park's music is a journey through emotion and intensity, resonating with listeners across generations.

+ +

Beyond their musical achievements, Linkin Park has engaged in philanthropy and social issues, making a positive impact beyond the stage. Join us as we celebrate the creativity, innovation, and influence of Linkin Park.

+ + From 684fb610a2f891a84c0a4fd9e9cac025ccb5ac8d Mon Sep 17 00:00:00 2001 From: Shashank519915 <120128150+Shashank519915@users.noreply.github.com> Date: Sun, 4 Feb 2024 14:07:30 +0530 Subject: [PATCH 3/6] Create gallery.html --- views/gallery.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 views/gallery.html diff --git a/views/gallery.html b/views/gallery.html new file mode 100644 index 0000000..147ed8b --- /dev/null +++ b/views/gallery.html @@ -0,0 +1,27 @@ + + + + + + + About Linkin Park + + +
+ +

About Linkin Park

+

Linkin Park is an influential rock band that has made a significant impact...

+

Welcome to the dynamic world of Linkin Park, a genre-defying rock band that has shaped the musical landscape since its formation. Established in 1996, Linkin Park gained widespread recognition with their groundbreaking debut album "Hybrid Theory," featuring a unique fusion of rock, rap, and electronic elements.

+ +

Linkin Park's discography spans across diverse sounds, from the raw energy of "Meteora" to the experimental tones of "A Thousand Suns." With iconic singles like "In the End," "Numb," and "Crawling," the band has created a sonic journey that resonates with millions of fans globally.

+ +

Beyond their musical prowess, Linkin Park has been actively involved in charitable endeavors and has addressed important social issues. Join us as we delve into the multifaceted journey of Linkin Park, celebrating their innovation, influence, and commitment to making a positive impact.

+ + From 7714a10f675cf4466563f20b29ce6a7ed13ebab4 Mon Sep 17 00:00:00 2001 From: Shashank519915 <120128150+Shashank519915@users.noreply.github.com> Date: Sun, 4 Feb 2024 14:08:24 +0530 Subject: [PATCH 4/6] Create about.html --- views/about.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 views/about.html diff --git a/views/about.html b/views/about.html new file mode 100644 index 0000000..147ed8b --- /dev/null +++ b/views/about.html @@ -0,0 +1,27 @@ + + + + + + + About Linkin Park + + +
+ +

About Linkin Park

+

Linkin Park is an influential rock band that has made a significant impact...

+

Welcome to the dynamic world of Linkin Park, a genre-defying rock band that has shaped the musical landscape since its formation. Established in 1996, Linkin Park gained widespread recognition with their groundbreaking debut album "Hybrid Theory," featuring a unique fusion of rock, rap, and electronic elements.

+ +

Linkin Park's discography spans across diverse sounds, from the raw energy of "Meteora" to the experimental tones of "A Thousand Suns." With iconic singles like "In the End," "Numb," and "Crawling," the band has created a sonic journey that resonates with millions of fans globally.

+ +

Beyond their musical prowess, Linkin Park has been actively involved in charitable endeavors and has addressed important social issues. Join us as we delve into the multifaceted journey of Linkin Park, celebrating their innovation, influence, and commitment to making a positive impact.

+ + From d4b2397c0294a66d5af6d5a38dd31dc929e7b436 Mon Sep 17 00:00:00 2001 From: Shashank519915 <120128150+Shashank519915@users.noreply.github.com> Date: Sun, 4 Feb 2024 14:08:57 +0530 Subject: [PATCH 5/6] Update app.js --- app.js | 28 ++++++++++++++++++++++++++++ 1 file changed, 28 insertions(+) diff --git a/app.js b/app.js index e69de29..6918137 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,28 @@ +const express = require('express'); +const path = require('path'); + +const app = express(); +const port = 3000; + +app.use(express.static(path.join(__dirname, 'public'))); + +app.get('/', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'index.html')); +}); + +app.get('/about', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'about.html')); +}); + +app.get('/works', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'works.html')); +}); + +app.get('/gallery', (req, res) => { + res.sendFile(path.join(__dirname, 'views', 'gallery.html')); + }); + + +app.listen(port, () => { + console.log(`Server is running on http://localhost:${port}`); +}); From 441566204fa391d2739f0ae3c830d4638c261a84 Mon Sep 17 00:00:00 2001 From: Shashank519915 <120128150+Shashank519915@users.noreply.github.com> Date: Sun, 4 Feb 2024 14:13:07 +0530 Subject: [PATCH 6/6] Create style.css --- public/css/style.css | 128 +++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 128 insertions(+) create mode 100644 public/css/style.css diff --git a/public/css/style.css b/public/css/style.css new file mode 100644 index 0000000..34c5c1f --- /dev/null +++ b/public/css/style.css @@ -0,0 +1,128 @@ +body { + font-family: Arial, sans-serif; + margin: 0; + padding: 0; + background-color: #f0f0f0; + } + + h1 { + color: #333; + } + + nav { + background-color: #333; + padding: 10px; + } + + nav ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + } + + nav ul li { + margin-right: 20px; + } + + nav a { + text-decoration: none; + color: #fff; + font-weight: bold; + font-size: 18px; + } + + + .gallery { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); + grid-gap: 20px; + margin-top: 20px; + } + + .gallery img { + width: 100%; + height: auto; + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + } + + /* Home Page Styles */ +body.home1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #000000; + } + + /* About Page Styles */ + body.about1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #333; + } + + /* Works Page Styles */ + body.works1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #333; + } + + /* Gallery Page Styles */ + body.gallery1 { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) ; + color: #333; + } + + body.works { + background: url(https://images.rawpixel.com/image_800/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdjU0NmJhdGNoMy1teW50LTM0LWJhZGdld2F0ZXJjb2xvcl8xLmpwZw.jpg) center/cover no-repeat; + color: #333; + } + + .container { + max-width: 800px; + margin: 20px auto; + padding: 20px; + background-color: rgba(255, 255, 255, 0.8); + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + } + + h1, h2 { + color: #333; + } + + ul { + list-style: none; + padding: 0; + } + + ul li { + margin-bottom: 15px; + } + + ul li strong { + font-weight: bold; + } + + nav { + background-color: #333; + padding: 10px; + } + + nav ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + } + + nav ul li { + margin-right: 20px; + } + + nav a { + text-decoration: none; + color: #fff; + font-weight: bold; + font-size: 18px; + } + +