From 1d13c89ee3c643d6d915e0f7c53e20118e709da9 Mon Sep 17 00:00:00 2001 From: PeterAhern <72083930+PeterAhern@users.noreply.github.com> Date: Fri, 16 Jul 2021 13:52:45 +0100 Subject: [PATCH] Added content, following the README file instructions Created a html page and linked CSS with stylings. Followed the instructions from the read me file. --- .vscode/settings.json | 3 ++ css/style.css | 75 +++++++++++++++++++++++++++++++++++++++++++ index.html | 58 ++++++++++++++++++++++++++++++++- 3 files changed, 135 insertions(+), 1 deletion(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/css/style.css b/css/style.css index 75e9841e..326f27d2 100644 --- a/css/style.css +++ b/css/style.css @@ -6,3 +6,78 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ + +html { + font-size: 1.5rem; +} + +#title { + height: 6rem; + text-align: center; + font-size: 5rem; + color:#F9BA4C; + font-family: Jazz LET, fantasy; + text-decoration: underline; +} + +body { + background-color: #372B29; + color: #F9F5F4; + } + +article:first-child { + background-color:orangered; +} + + +img { + display: block; + max-width: 100%; + height: auto; + margin: 0 auto; +} + +.quote { + text-align: center; + border-radius: 3px; + font-style: italic; + text-align: center; + padding: 1rem 1.2rem; + width: 60%; + color: #4a4a4a; + margin: 1rem auto 2rem; + color: #4a4a4a; + background: #F9BA4C; +} + +#img-caption { + text-align: center; + font-family: Bookman, URW Bookman L, serif; + font-size: 1.5rem; + margin: 1rem; +} + +h2 { + text-decoration: underline; + text-align: center; + color:#F9BA4C; +} + +#tribute-info, #facts, p { + text-align: left; + line-height: 3rem; + padding: 3rem; + width: 70%; + margin:auto; +} + +#imag-dock { + max width: 100%; + width: 30%; + height: auto; + margin: 0 auto; +} + +#image1 { + padding: 4rem; +} \ No newline at end of file diff --git a/index.html b/index.html index 67dfc7f5..1d92451e 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + Otis Redding +
+

Otis Redding

+

A page dedicated to the legendary Soul singer Otis Redding

+
+ Otis Redding performing live with his band +
Otis Redding performing live with his band +
+
+
+
+

The Voice of Soul

For many people, Otis Redding is considered one of the greatest singers to have ever lived. With his unique, heart-wrenching soulful voice, he could make you dance, make you cry, make you fall in love, sometimes all at once. This is a dedication to his voice, his soul, his legacy. + Find out about an excellent biography on Otis Redding + here. +
+ + + +
+

Freaky Facts about Otis

+
    +
  • While Otis had the voice of a sweet angel, he was built like a brick house. Otis stood 6’2″ tall and weighed over 220 lbs. To compare, that would make him about the same size as four-time world heavyweight boxing champion Evander “The Real Deal” Holyfield.
  • +
  • When he was a teenager, he won a local talent competition (and the $5 cash prize) 15 TIMES IN A ROW! After his 15th consecutive victory the organizers asked him to stop competing so other people would have a chance to win.
  • +
  • As a youngster, Otis would earn $6 for his family by singing gospel tunes every Sunday on Macon, Georgia radio station WIBB.
  • +
  • Otis was so popular in England that he ended Elvis Presley’s eight-year reign as “world’s best male vocalist” on Melody Maker’s annual poll in 1967. When he arrived in England for his 1967 tour he was greeted by The Beatles’ personal limo.
  • +
  • On March 16, 1968, Redding’s recording of “(Sittin’ On) The Dock Of The Bay” became the first posthumous #1 hit in the Billboard chart history.
  • +
+
+ +
+

Sitting at the dock of the Bay

+ +
+ + + +
Otis watching the ships roll in... +
+

It did not take long before Otis found his rhythm, first through his recordings of popular ballads, and later by writing, recording, and performing his own songs. Some of his greatest work includes, “These Arms of Mine,” “Try A Little Tenderness,” “Respect” (yes, that Respect), “Mr. Pitiful,” and “(Sittin’ On) The Dock of the Bay.” At the height of his career, “Dock of the Bay” would become Otis Redding‘s most successful song, with its final version recorded just days before his untimely death at the age of 26. “Dock of the Bay” marked a transition in Otis’ career that was highlighted by his masterful expression of soul, coupled with the gentle despair of the blues. +

+
+
+
+ +
+
+ “There is beauty in simplicity whether you are talking about architecture, art or music.” +
+
+ — Otis Redding
+
+ +
+