diff --git a/app.js b/app.js index e69de29..e0d42ce 100644 --- a/app.js +++ b/app.js @@ -0,0 +1,31 @@ +const express = require('express'); +const app = express(); +const port = 3000; + +//configure the statis folder +app.use(express.static(__dirname + '/public')); + +//add port +app.listen(port, () => { + console.log(`Server is running at http://localhost:${port}`) +}); + +//configure route for home page +app.get('/', (request, response) => { + response.sendFile(__dirname + '/public/views/home.html'); +}); + +//configure route for about page +app.get('/about', (request, response) => { + response.sendFile(__dirname + '/public/views/about.html'); +}); + +//consfigure route for works page +app.get('/works', (request, response) => { + response.sendFile(__dirname + '/public/views/works.html'); +}); + +//consfigure route for works page +app.get('/photos', (request, response) => { + response.sendFile(__dirname + '/public/views/photos.html'); +}); diff --git a/package.json b/package.json new file mode 100644 index 0000000..c721991 --- /dev/null +++ b/package.json @@ -0,0 +1,16 @@ +{ + "name": "lab-express-basic", + "version": "1.0.0", + "description": "", + "main": "app.js", + "scripts": { + "test": "echo \"Error: no test specified\" && exit 1" + }, + "keywords": [], + "author": "", + "license": "ISC", + "dependencies": { + "create-react-app": "^5.0.1", + "express": "^4.18.2" + } +} diff --git a/public/images/Speak_Now_Taylors_version.jpg.webp b/public/images/Speak_Now_Taylors_version.jpg.webp new file mode 100644 index 0000000..ca7b265 Binary files /dev/null and b/public/images/Speak_Now_Taylors_version.jpg.webp differ diff --git a/public/images/TS_Eras_Tour_closeup.webp b/public/images/TS_Eras_Tour_closeup.webp new file mode 100644 index 0000000..ff6475e Binary files /dev/null and b/public/images/TS_Eras_Tour_closeup.webp differ diff --git a/public/images/TS_Eras_Tour_pink_gown_full.webp b/public/images/TS_Eras_Tour_pink_gown_full.webp new file mode 100644 index 0000000..6ef18da Binary files /dev/null and b/public/images/TS_Eras_Tour_pink_gown_full.webp differ diff --git a/public/images/TS_Eras_beige_gown.jpg.webp b/public/images/TS_Eras_beige_gown.jpg.webp new file mode 100644 index 0000000..2bd37bb Binary files /dev/null and b/public/images/TS_Eras_beige_gown.jpg.webp differ diff --git a/public/images/TS_Eras_pink_gown_aesthetic.jpg.webp b/public/images/TS_Eras_pink_gown_aesthetic.jpg.webp new file mode 100644 index 0000000..caa8687 Binary files /dev/null and b/public/images/TS_Eras_pink_gown_aesthetic.jpg.webp differ diff --git a/public/images/TS_Eras_pink_gown_aesthetic_edited.jpg b/public/images/TS_Eras_pink_gown_aesthetic_edited.jpg new file mode 100644 index 0000000..0f66c41 Binary files /dev/null and b/public/images/TS_Eras_pink_gown_aesthetic_edited.jpg differ diff --git a/public/stylesheets/about.css b/public/stylesheets/about.css new file mode 100644 index 0000000..9ef96cc --- /dev/null +++ b/public/stylesheets/about.css @@ -0,0 +1,79 @@ +body { + margin: 0px; + + height: 100%; +} + +.container { + margin: 0px; +} + +.heading-container { + display: flex; + flex-flow: column nowrap; + justify-content: center; + align-items: flex-start; + + width: 100%; + height: 800px; + + margin-top: 0px; + + background-image: url(../images/TS_Eras_Tour_pink_gown_full.webp); + background-size: cover; +} + +h2{ + margin: 30px; + margin-bottom: 0px; + padding: 10px; + color: white; + font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size: 80px; +} + +.links { + display: flex; + flex-flow: row nowrap; + justify-content: space-evenly; + align-items: center; + + margin-top: 10px; + margin-left: 30px; + + padding-bottom: 120px; +} + +.link { + margin: 10px; + + color: white; + font-size: 20px; +} + +a:hover { + color: rgb(31, 7, 82); + font-weight: bold; +} + +.content-container { + margin: 10px; + margin-top: 0px; + padding: 10px; + padding-top: 0px; + font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; +} + +h3 { + font-size: 30px; + color: crimson; + margin: 10px 0px; +} + +p { + font-size: 15px; +} + +footer { + margin: 10px; +} \ No newline at end of file diff --git a/public/stylesheets/home.css b/public/stylesheets/home.css new file mode 100644 index 0000000..b3616dd --- /dev/null +++ b/public/stylesheets/home.css @@ -0,0 +1,56 @@ +body { + display: flex; + flex-flow: row nowrap; + + /* background-image: url("../images/TS_Eras_Tour_closeup.webp"); */ +} + +#background-image { + width: 800px; + height: 600px; + + margin: 20px; + margin-bottom: 0px; + + opacity: 1.0; +} + +.container { + display: flex; + flex-flow: column nowrap; + justify-content: center; + align-items: center; +} + +h1{ + font-size: 80px; + margin: 0px; + padding: 10px; +} + +.ts-description { + font-size: 40px; + margin: 0px; +} + +.links { + display: flex; + flex-flow: row nowrap; + justify-content: space-evenly; + align-items: center; + + margin-top: 50px; +} + +.link { + margin: 10px; + + color: red; + font-size: 20px; +} + +a:hover { + color: black; + font-weight: bold; +} + diff --git a/public/stylesheets/works.css b/public/stylesheets/works.css new file mode 100644 index 0000000..e69de29 diff --git a/public/views/about.html b/public/views/about.html new file mode 100644 index 0000000..14434e7 --- /dev/null +++ b/public/views/about.html @@ -0,0 +1,221 @@ + + + + + + + + Document + + + +
+ +
+

Taylor Alison Swift

+
+ Home + Works + Photo Gallery +
+
+ +
+

+ Taylor Alison Swift (born December 13, 1989) is an American singer-songwriter. Her songwriting, + artistry, + and + entrepreneurship have vastly influenced the music industry and popular culture, and her life is a + subject of + widespread media coverage. + + Swift began writing songs professionally at age 14 and signed with Big Machine Records in 2005 to become + a + country singer. She released six studio albums under the label, four of them to country radio, starting + with + Taylor Swift (2006). Her next, Fearless (2008), explored country pop, and its singles "Love Story" and + "You + Belong with Me" catapulted her to mainstream fame. Speak Now (2010) infused rock influences, while Red + (2012) + experimented with electronic elements and featured Swift's first Billboard Hot 100 number-one song, "We + Are + Never Ever Getting Back Together". She departed from her country image with 1989 (2014), a synth-pop + album + supported by the chart-topping songs "Shake It Off", "Blank Space", and "Bad Blood". Media scrutiny + inspired + the + hip-hop-influenced Reputation (2017) and its number-one single "Look What You Made Me Do". + + After signing with Republic Records in 2018, Swift released the eclectic pop album Lover (2019) and the + autobiographical documentary Miss Americana (2020). She explored indie folk styles on the 2020 albums + Folklore + and Evermore, subdued electropop on Midnights (2022), and re-recorded four albums subtitled Taylor's + Version + after a dispute with Big Machine. These albums spawned the number-one songs "Cruel Summer", "Cardigan", + "Willow", "Anti-Hero", "All Too Well", and "Is It Over Now?". Her Eras Tour (2023–2024) and its + accompanying + concert film became the highest-grossing tour and concert film of all time, respectively. Swift has + directed + music videos and films such as All Too Well: The Short Film (2021). + + One of the world's best-selling musicians, with 200 million records sold, Swift has been honored as the + Global + Recording Artist of the Year three times by the International Federation of the Phonographic Industry. + She + is + the highest-grossing female touring act, the most-streamed woman on Spotify and Apple Music, and the + first + billionaire with music as the main source of income. The 2023 Time Person of the Year, Swift has + appeared on + lists such as Rolling Stone's 100 Greatest Songwriters of All Time, Billboard's Greatest of All Time + Artists, + and Forbes' World's 100 Most Powerful Women. Her accolades include 12 Grammy Awards, a Primetime Emmy + Award, + 40 + American Music Awards, 40 Billboard Music Awards, and 23 MTV Video Music Awards. Swift is a + philanthropist + and + an advocate for artists' rights and women's empowerment. +

+ +

Achievements

+

+ Swift's discography is a "critically hailed songbook", as per Time's Sam Lansky.[432] She has won 12 + Grammy + Awards (including three for Album of the Year—tying for the most by an artist),[433] an Emmy Award,[434] + 40 + American Music Awards (the most won by an artist),[435] 39 Billboard Music Awards (the most won by an + artist—tying with Drake),[436] 118 Guinness World Records,[437] 23 MTV Video Music Awards (including + four + Video + of the Year wins—the most by an act),[252] 12 Country Music Association Awards (including the Pinnacle + Award),[438] eight Academy of Country Music Awards,[439] and two Brit Awards.[168] As a songwriter, she + has + been + honored by the Nashville Songwriters Association,[62][440] the Songwriters Hall of Fame, and the + National + Music + Publishers' Association and was the youngest person on Rolling Stone's list of the 100 Greatest + Songwriters + of + All Time in 2015.[441][442] At the 64th BMI Awards in 2016, Swift was the first woman to be honored with + an + award named after its recipient.[443] + + Commercially, from available data, Swift has amassed over 50 million album sales and 150 million single + sales as + of 2019,[444][445][446] and 114 million units globally, including 78 billion streams as of + 2021.[447][448] + The + International Federation of the Phonographic Industry (IFPI) ranked her as the Global Recording Artist + of + the + Year for a record three times (2014, 2019 and 2022).[449] Swift has the most number-one albums in the + United + Kingdom and Ireland for a female artist this millennium,[450][451] earned the highest income for an + artist + on + Chinese digital music platforms (RMB 159,000,000 as of 2021),[452] and is the first artist to replace + themselves + at the top spot and occupy the entire top five of the Australian albums chart.[453][454] Swift remains + the + world's highest-grossing female touring act ever, with cumulative ticket sales at $1.96 billion as of + November + 2023 according to Pollstar.[455] The Eras Tour is the highest-grossing tour of all time as of December + 2023, + and + the first to surpass $1 billion in revenue.[456] Beginning with Fearless, each of her studio albums have + opened + with over one million global units.[457][458] Swift is the most streamed female act on Spotify and Apple + Music.[459][460] On Spotify, she is the only artist to have received more than 200 and 250 million + streams + in + one day (260 million on October 27, 2023),[461] and the only female act to reach 100 million monthly + listeners.[239] The most entries and the most simultaneous entries for an artist on the Billboard Global + 200, + with 143 and 31 songs, respectively, are among her feats.[462][463] + + In the US, Swift has sold over 37.3 million albums as of 2019,[446] when Billboard placed her eighth on + its + Greatest of All Time Artists Chart.[464] Eleven of her songs have topped the Billboard Hot 100.[266] She + is + the + longest-reigning act of the Billboard Artist 100 (95 weeks);[465] the soloist with the most cumulative + weeks + atop the Billboard 200 (68);[466] the woman with the most Billboard 200 number-ones (13),[239] Hot 100 + entries + (232),[239][156] number-one debuts (6),[a] top-ten songs (49),[266] and weeks atop the Top Country + Albums + chart + (101);[468] and the act with the most number-one songs on Pop Airplay (12) and Digital Songs + (28).[469][470] + Swift is the first woman to simultaneously chart five albums in the top 10 and eleven albums on the + entire + Billboard 200;[471][472] and the first act to occupy the top four spots and chart seven albums[b] in the + top + 10 + on the Top Album Sales chart.[474][475] She is the second highest-certified female digital singles + artist + (and + fifth overall) in the US, with 137.5 million total units certified by the Recording Industry Association + of + America (RIAA),[476] and the first woman to have both an album (Fearless) and a song ("Shake It Off") + certified + Diamond.[477] Swift is the only artist in Luminate history to have six albums sell over a million copies + in + a + week.[478] + + Swift has appeared in various power listings. Time included her on its annual list of the 100 most + influential + people in 2010, 2015, and 2019.[479] She was one of the "Silence Breakers" that the magazine spotlighted + as + Person of the Year in 2017 for speaking up about sexual assault,[480] and received the honor again in + 2023 + for + her cultural domination that year.[432] Time described Swift as the first Person of the Year to be + recognized + for "achievement in the arts", as well as the first woman to be recognized and appear on a Person of the + Year + cover more than once.[481][482] In 2014, she was named to Forbes' 30 Under 30 list in the music + category[483] + and again in 2017 in its "All-Star Alumni" category.[484] Swift became the youngest woman to be included + on + Forbes' list of the 100 most powerful women in 2015, ranked at number 64.[485] In 2023, she was ranked + by + Forbes + as the fifth-most powerful woman in the world, the first entertainer to ever place in the top + five.[486][487] + Swift received an honorary Doctor of Fine Arts degree from New York University and served as its + commencement + speaker on May 18, 2022. +

+ +

Wealth

+

+ Swift's net worth is estimated by Forbes and Bloomberg News at $1.1 billion as of October 2023, making + her + the + first musician to achieve billionaire status "solely based on her songs and performances".[582][583] + Forbes + named her the annual top-earning female musician four times (2016, 2019, 2021, and 2022).[584] She was + the + highest-paid celebrity of 2016 with $170 million—a feat recognized by the Guinness World Records as the + highest + annual earnings ever for a female musician,[585] which she herself surpassed with $185 million in + 2019.[586] + Overall, Forbes listed Swift as the highest-paid female artist of the 2010s, earning $825 million.[587] + She + has + also developed a real estate portfolio worth $150 million as of 2023, with properties in Nashville; + Tribeca, + Manhattan; Los Angeles (Samuel Goldwyn Estate); and Rhode Island (High Watch). +

+
+
+ + + + \ No newline at end of file diff --git a/public/views/home.html b/public/views/home.html new file mode 100644 index 0000000..4210cdd --- /dev/null +++ b/public/views/home.html @@ -0,0 +1,26 @@ + + + + + + + + Taylor - The Queen of Pop + + + +
+ Taylot Swift Eras Tour image +
+
+

TAYLOR SWIFT

+

The Queen of Pop

+
+ About + Works + Photo Gallery +
+
+ + + \ No newline at end of file diff --git a/public/views/photos.html b/public/views/photos.html new file mode 100644 index 0000000..3a19889 --- /dev/null +++ b/public/views/photos.html @@ -0,0 +1,11 @@ + + + + + + Document + + + This is a photo gallery. + + \ No newline at end of file diff --git a/public/views/works.html b/public/views/works.html new file mode 100644 index 0000000..7e963a1 --- /dev/null +++ b/public/views/works.html @@ -0,0 +1,111 @@ + + + + + + Document + + + +

Albums

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Name of the AlbumYear of releaseNumber of songs
Taylor Swift200614
Fearless200824
Speak Now201023
Red201229
1989201421
Reputation201715
Lover201919
Folklore202017
Evermore202017
Midnights202222
+
+ Home + About + Photo Gallery +
+ + \ No newline at end of file