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}`); +}); diff --git a/package.json b/package.json new file mode 100644 index 0000000..e14721d --- /dev/null +++ b/package.json @@ -0,0 +1,23 @@ +{ + "name": "lab-express-basic", + "version": "1.0.0", + "description": "", + "main": "app.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "repository": { + "type": "git", + "url": "git+https://github.com/helip0269/lab-express-basic.git" + }, + "keywords": [], + "author": "", + "license": "ISC", + "bugs": { + "url": "https://github.com/helip0269/lab-express-basic/issues" + }, + "homepage": "https://github.com/helip0269/lab-express-basic#readme", + "dependencies": { + "express": "^4.18.2" + } +} diff --git a/public/css/styles.css b/public/css/styles.css new file mode 100644 index 0000000..bccce55 --- /dev/null +++ b/public/css/styles.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('/images/back1.jpg') ; + color: #000000; + } + + /* About Page Styles */ + body.about1 { + background: url('/images/back1.jpg') ; + color: #333; + } + + /* Works Page Styles */ + body.works1 { + background: url('/images/back1.jpg') ; + color: #333; + } + + /* Gallery Page Styles */ + body.gallery1 { + background: url('/images/back1.jpg') ; + color: #333; + } + + body.works { + background: url('/images/works-background.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; + } + + diff --git a/public/images/back1.jpg b/public/images/back1.jpg new file mode 100644 index 0000000..f53d560 Binary files /dev/null and b/public/images/back1.jpg differ diff --git a/public/images/back2.jpg b/public/images/back2.jpg new file mode 100644 index 0000000..a2ac89c Binary files /dev/null and b/public/images/back2.jpg differ diff --git a/public/images/back3.jpg b/public/images/back3.jpg new file mode 100644 index 0000000..a377611 Binary files /dev/null and b/public/images/back3.jpg differ diff --git a/public/images/back4.jpg b/public/images/back4.jpg new file mode 100644 index 0000000..4f791e7 Binary files /dev/null and b/public/images/back4.jpg differ diff --git a/public/images/taylorswift1.jpg b/public/images/taylorswift1.jpg new file mode 100644 index 0000000..10d3c9e Binary files /dev/null and b/public/images/taylorswift1.jpg differ diff --git a/public/images/taylorswift2.jpg b/public/images/taylorswift2.jpg new file mode 100644 index 0000000..aecb6eb Binary files /dev/null and b/public/images/taylorswift2.jpg differ diff --git a/public/images/taylorswift3.jpg b/public/images/taylorswift3.jpg new file mode 100644 index 0000000..dc06e21 Binary files /dev/null and b/public/images/taylorswift3.jpg differ diff --git a/public/js/script.js b/public/js/script.js new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/public/js/script.js @@ -0,0 +1 @@ + diff --git a/views/about.html b/views/about.html new file mode 100644 index 0000000..5726ebd --- /dev/null +++ b/views/about.html @@ -0,0 +1,28 @@ + + + + + + + About Taylor Swift + + +
+ +

About Taylor Swift

+

Taylor Swift is a talented singer, songwriter, and actress...

+

Welcome to the enchanting world of Taylor Swift, a multifaceted artist whose musical journey has captivated hearts around the globe. Born on December 13, 1989, Taylor Swift embarked on her musical odyssey with the release of her self-titled debut album in 2006, marking the inception of an extraordinary career.

+ +

Swift's artistry transcends genres, seamlessly transitioning from country to pop, and her discography is a tapestry of emotion, honesty, and relatable storytelling. From chart-topping hits like "Love Story" to the empowering anthem "Shake It Off," each song reflects Swift's ability to connect with audiences on a deeply personal level.

+ +

Beyond her musical achievements, Taylor Swift is a cultural icon, actively engaging with her fans and using her platform to address important social issues. Her journey is not just a chronicle of success but also a testament to resilience, authenticity, and the transformative power of self-expression.

+ + diff --git a/views/gallery.html b/views/gallery.html new file mode 100644 index 0000000..5726ebd --- /dev/null +++ b/views/gallery.html @@ -0,0 +1,28 @@ + + + + + + + About Taylor Swift + + +
+ +

About Taylor Swift

+

Taylor Swift is a talented singer, songwriter, and actress...

+

Welcome to the enchanting world of Taylor Swift, a multifaceted artist whose musical journey has captivated hearts around the globe. Born on December 13, 1989, Taylor Swift embarked on her musical odyssey with the release of her self-titled debut album in 2006, marking the inception of an extraordinary career.

+ +

Swift's artistry transcends genres, seamlessly transitioning from country to pop, and her discography is a tapestry of emotion, honesty, and relatable storytelling. From chart-topping hits like "Love Story" to the empowering anthem "Shake It Off," each song reflects Swift's ability to connect with audiences on a deeply personal level.

+ +

Beyond her musical achievements, Taylor Swift is a cultural icon, actively engaging with her fans and using her platform to address important social issues. Her journey is not just a chronicle of success but also a testament to resilience, authenticity, and the transformative power of self-expression.

+ + diff --git a/views/index.html b/views/index.html new file mode 100644 index 0000000..530f27b --- /dev/null +++ b/views/index.html @@ -0,0 +1,29 @@ + + + + + + + + Taylor Swift + + +
+ + +

Welcome to the Taylor Swift Website

+

Explore the enchanting world of Taylor Swift, a globally celebrated singer, songwriter, and actress. With a career that spans genres and generations, Taylor Swift has become a cultural icon known for her heartfelt lyrics, captivating melodies, and unwavering authenticity.

+ +

Discover her chart-topping albums, from the country-infused tunes of "Fearless" to the pop anthems of "1989" and the emotional depth of "Red." Immerse yourself in timeless singles like "Love Story," "Shake It Off," and "Blank Space," each telling a unique story that resonates with fans worldwide.

+ +

Beyond her musical prowess, Taylor Swift actively engages with her audience, using her platform to address social issues and inspire positive change. Join us on this journey to celebrate the artistry, resilience, and impact of Taylor Swift.

+ + diff --git a/views/works.html b/views/works.html new file mode 100644 index 0000000..2e88f0b --- /dev/null +++ b/views/works.html @@ -0,0 +1,42 @@ + + + + + + + Works of Taylor Swift + + +
+ + + +

Works of Taylor Swift

+
+

Albums

+ + +

Singles

+ + +

Achievements

+

Taylor Swift has garnered numerous awards, including multiple Grammy Awards, Billboard Music Awards, and MTV Video Music Awards. She has consistently broken records and is recognized for her songwriting prowess and influence on contemporary music.

+
+ +