diff --git a/app.js b/app.js index e69de29bb..f477b3e64 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,21 @@ +const express = require('express'); +const app = express(); +const port = 3000 + +app.use(express.static('public')); + +app.get('/', (request, response) => { + response.sendFile (__dirname + '/views/home.html') +}) + +app.get('/About', (request, response) => { + response.sendFile (__dirname + '/views/about.html') +}) + +app.get('/Works', (request, response) => { + response.sendFile (__dirname + '/views/works.html') +}) + +app.listen (port, () => { + console.log(`Example app listening on port ${port}`) +}) diff --git a/package.json b/package.json new file mode 100644 index 000000000..5f32f1857 --- /dev/null +++ b/package.json @@ -0,0 +1,15 @@ +{ + "name": "lab-express-basic-site", + "version": "1.0.0", + "description": "![logo_ironhack_blue 7](https://user-images.githubusercontent.com/23629340/40541063-a07a0a8a-601a-11e8-91b5-2f13e4e6b441.png)", + "main": "app.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [], + "author": "", + "license": "ISC", + "dependencies": { + "express": "^4.19.2" + } +} diff --git a/public/css/reset.css b/public/css/reset.css new file mode 100644 index 000000000..29dad0956 --- /dev/null +++ b/public/css/reset.css @@ -0,0 +1,46 @@ +/* + 1. Use a more-intuitive box-sizing model. +*/ +*, *::before, *::after { + box-sizing: border-box; + } + /* + 2. Remove default margin + */ + * { + margin: 10px; + } + /* + Typographic tweaks! + 3. Add accessible line-height + 4. Improve text rendering + */ + body { + line-height: 1.5; + -webkit-font-smoothing: antialiased; + } + /* + 5. Improve media defaults + */ + img, picture, video, canvas, svg { + display: block; + max-width: 100%; + } + /* + 6. Remove built-in form typography styles + */ + input, button, textarea, select { + font: inherit; + } + /* + 7. Avoid text overflows + */ + p, h1, h2, h3, h4, h5, h6 { + overflow-wrap: break-word; + } + /* + 8. Create a root stacking context + */ + #root, #__next { + isolation: isolate; + } \ No newline at end of file diff --git a/public/css/styleAbout.css b/public/css/styleAbout.css new file mode 100644 index 000000000..802e21e22 --- /dev/null +++ b/public/css/styleAbout.css @@ -0,0 +1,41 @@ +#nav-list { + display: flex; + color: black; + background-color: brown; + flex-direction: row; + justify-content: space-around; +} + +ul { + display: flex; + flex-direction: row; + justify-content: space-around; + list-style: none; + color: black; +} + +body { + background-color: beige; +} + +#biography { + display: flex; + width: 100%; + height: 100vh; +} + +#brief { + display: flex; + flex-direction: column; + width: 50%; + justify-content: flex-start; +} + +#images { + display: flex; + flex-direction: column; + width: 50%; + justify-content: center; + align-items: center; + padding: 20px; +} \ No newline at end of file diff --git a/public/css/styleIndex.css b/public/css/styleIndex.css new file mode 100644 index 000000000..11f573450 --- /dev/null +++ b/public/css/styleIndex.css @@ -0,0 +1,55 @@ +#nav-list { + display: flex; + color: black; + background-color: brown; + flex-direction: row; + justify-content: space-around; +} + +ul { + display: flex; + flex-direction: row; + justify-content: space-around; + list-style: none; + color: black; +} + +body { + background-color: black; + color: beige; +} + +h1 { + font-size: 100px; + display: flex; + align-items: center; + justify-content: space-around; +} + +#celebrity { +background-color: black; +color: beige; +display: flex; +justify-content: space-evenly; +align-items: center; +} + +#celebrity { + display: flex; + flex-direction: row; + background-color: brown; +} + +h2 { + font-size: 30px; + display: flex; + align-items: center; + justify-content: space-around; +} + +#info { + font-size: 10px; + display: flex; + align-items: center; + justify-content: space-around; +} \ No newline at end of file diff --git a/public/css/styleWorks.css b/public/css/styleWorks.css new file mode 100644 index 000000000..df47c71e9 --- /dev/null +++ b/public/css/styleWorks.css @@ -0,0 +1,46 @@ +#nav-list { + display: flex; + color: black; + background-color: brown; + flex-direction: row; + justify-content: space-around; +} + +ul { + display: flex; + flex-direction: row; + justify-content: space-around; + list-style: none; + color: black; +} + +body { +background-color: black; +color: beige; +} + +h1 { + display: flex; + justify-content: center; +} + +#discs { + display: flex; + flex: row; + width: 100%; + height: 100vh; +} + +#disc1{ + display: flex; + flex-direction: column; + width: 50%; + justify-content: flex-start; +} + +#disc2 { + display: flex; + flex-direction: column; + width: 50%; + justify-content: flex-end; +} \ No newline at end of file diff --git a/public/images/Lewis-Capaldi-1.avif b/public/images/Lewis-Capaldi-1.avif new file mode 100644 index 000000000..28b940224 Binary files /dev/null and b/public/images/Lewis-Capaldi-1.avif differ diff --git a/public/images/Lewis-Capaldi-2.jpeg b/public/images/Lewis-Capaldi-2.jpeg new file mode 100644 index 000000000..a53593708 Binary files /dev/null and b/public/images/Lewis-Capaldi-2.jpeg differ diff --git a/public/images/Lewis-Capaldi-3.avif b/public/images/Lewis-Capaldi-3.avif new file mode 100644 index 000000000..4ea0daa15 Binary files /dev/null and b/public/images/Lewis-Capaldi-3.avif differ diff --git a/public/images/Lewis-Capaldi-4.jpeg b/public/images/Lewis-Capaldi-4.jpeg new file mode 100644 index 000000000..742669218 Binary files /dev/null and b/public/images/Lewis-Capaldi-4.jpeg differ diff --git a/public/images/Lewis-Capaldi-5.jpeg b/public/images/Lewis-Capaldi-5.jpeg new file mode 100644 index 000000000..5bf12d7fd Binary files /dev/null and b/public/images/Lewis-Capaldi-5.jpeg differ diff --git a/public/images/Lewis-Capaldi-6.jpeg b/public/images/Lewis-Capaldi-6.jpeg new file mode 100644 index 000000000..0bd553dc0 Binary files /dev/null and b/public/images/Lewis-Capaldi-6.jpeg differ diff --git a/public/images/Lewis-Capaldi-7.jpeg b/public/images/Lewis-Capaldi-7.jpeg new file mode 100644 index 000000000..b60d39f0b Binary files /dev/null and b/public/images/Lewis-Capaldi-7.jpeg differ diff --git a/public/images/Lewis-Capaldi-8.jpeg b/public/images/Lewis-Capaldi-8.jpeg new file mode 100644 index 000000000..b8abb33a7 Binary files /dev/null and b/public/images/Lewis-Capaldi-8.jpeg differ diff --git a/public/images/Lewis-Capaldi-9.jpeg b/public/images/Lewis-Capaldi-9.jpeg new file mode 100644 index 000000000..6445f88d2 Binary files /dev/null and b/public/images/Lewis-Capaldi-9.jpeg differ diff --git a/public/images/disc1-Lewis.jpeg b/public/images/disc1-Lewis.jpeg new file mode 100644 index 000000000..1d96bdceb Binary files /dev/null and b/public/images/disc1-Lewis.jpeg differ diff --git a/public/images/disc2-Lewis.jpeg b/public/images/disc2-Lewis.jpeg new file mode 100644 index 000000000..633fe2313 Binary files /dev/null and b/public/images/disc2-Lewis.jpeg differ diff --git a/views/about.html b/views/about.html new file mode 100644 index 000000000..02b070f54 --- /dev/null +++ b/views/about.html @@ -0,0 +1,70 @@ + + + + + + + + + About + + + + + +

Who is Lewis Capaldi?

+
+
+

Briefing

+ + Lewis Marc Capaldi (born 7 October 1996) is a Scottish singer-songwriter and musician. + He was nominated for the Critics' Choice Award at the 2019 Brit Awards. Capaldi also won the 2020 Brit + Award + for Best New Artist. In March 2019, his single "Someone You Loved" (2018) topped the UK Singles Chart + where + it remained for seven + weeks, and in November 2019, it reached number one on the US Billboard Hot 100; it was nominated at the + 62nd + Annual Grammy Awards for + Song of the Year and won the 2020 Brit Award for Song of the Year. "Someone You Loved" was the + bestselling + single of 2019 in the UK. In May 2020, it was announced that + Capaldi's song "Someone You Loved" had become the longest-running top 10 UK + single of all time by a British artist. + + On 17 May 2019, he released his debut album, Divinely Uninspired to a Hellish Extent, which remained at + the + top of the UK Albums Chart for six weeks. + It later went on to become the best-selling album of 2019 and 2020 in the UK. His second album Broken by + Desire to Be Heavenly Sent (2023) was supported by the lead single "Forget Me", + released in 2022. +

+

Early Life

+ + Capaldi was born in Glasgow, Scotland, and lived there until he was 4 years old, when his family + moved to East Whitburn in West Lothian. Capaldi is of Scottish, Irish and Italian ancestry. He is + the youngest of four children. His mother becoming pregnant with Lewis came as a surprise to his + family, + being called a sort of "immaculate conception", because his father had had a vasectomy. Capaldi's + passion for performing started after he sang on stage at the age of 4 on a family trip in France. He + learned how to play guitar when he was nine. Soon, he began writing songs, and playing gigs by + sneaking into pubs with the help of his eldest brother. +

+
+ +
+ 1 + 1 +
+
+ + + + + \ No newline at end of file diff --git a/views/home.html b/views/home.html new file mode 100644 index 000000000..d593c8765 --- /dev/null +++ b/views/home.html @@ -0,0 +1,35 @@ + + + + + + + + + Home + + + + + +

Lewis Capaldi

+
+ 1 + 2 + 3 + 4 + 5 +
+
+

Singer-Songwriter

+
27 years old - 33M Spotify Monthly Listeners - Scottish
+
+ + + \ No newline at end of file diff --git a/views/works.html b/views/works.html new file mode 100644 index 000000000..296d56226 --- /dev/null +++ b/views/works.html @@ -0,0 +1,72 @@ + + + + + + + + + Works + + + + + +

Discography

+ +
+
+

Divinely Uninspired to a Hellish Extent (2019)

+ 1 +
    +
  1. Grace
    2. +
  2. Bruises
    3. +
  3. Hold Me While You Wait
    4. +
  4. Someone You Loved
    5. +
  5. Maybe
    6. +
  6. Forever
    7. +
  7. One
    8. +
  8. Dont Get Me Wrong
    9. +
  9. Hollywood
    10. +
  10. Lost On You
    11. +
  11. Fade
    12. +
  12. Headspace
    13. +
  13. Before You Go
    14. +
  14. Leaving My Love Behind
    15. +
  15. Let It Roll
    16. +
+
+ +
+

Broken by Desire to Be Heavenly Sent (2023)

+ 1 +
    +
  1. Forget Me
    2. +
  2. Wish You The Best
    3. +
  3. Pointless
    4. +
  4. Heavenly Kind of State of Mind
    5. +
  5. Havent You Ever Been In Love Before?
    6. +
  6. Love the Hell Out of You
    7. +
  7. Burning
    8. +
  8. Any Kind of Life
    9. +
  9. The Pretender
    10. +
  10. Leave Me Slowly
    11. +
  11. How This Ends
    12. +
  12. How Im Feeling Now
    13. +
  13. Strangers
    14. +
  14. A Cure for Minds Unwell
    15. +
  15. Someone I Could Die For
    16. +
  16. The Ancient Art of Always Fucking Up
    17. +
  17. Old Navy Blue
    18. +
+
+
+ + + \ No newline at end of file