diff --git a/week1/3-website/css/style.css b/week1/3-website/css/style.css index 75e9841e..507fe013 100644 --- a/week1/3-website/css/style.css +++ b/week1/3-website/css/style.css @@ -6,3 +6,169 @@ * for example: General styles, Navigation styles, Hero styles, Footer etc. * */ +/* + Reset padding & margin jsut for those elemnts thatt are being used +*/ + + html, body, p, img, h1, h2, footer { + padding: 0; + margin: 0; + } +/* + set edfault background, text colour and font-family +*/ + body{ + background: #222e3f; + color: #B5ADB3; + font-family: 'Montserrat', sans-serif; + } + + /* + default heading values... + */ + h1{ + font-size: 6rem; + text-align: center; + } + + h2 { + border-radius: 15px 15px 0 0; + background: #2b1d23; + padding: 0.2em; + } + + h1, h2 { + font-family: 'Gravitas One', cursive; + } + + /* + define our layout to be centred + */ + #container{ + width: 80%; + margin: 0 auto; + } + + /* + Header elements + */ +header { + background: #bc4123; + border-radius: 0px 0px 20px 20px; + padding-top: 1em; +} + +header h1 { + color: #222e3f; +} + + header, main{ + margin: 0 auto 3em; + } + + blockquote{ + width: 55%; + height: 0.8em; + margin: 0 auto 0; + margin-top: 1.5em; + padding-top: 0.6em; + background: #222e3f; + text-align: center; + font-size: 1.3em; + border-radius: 20px 20px 0 0; + color: #bc4123; + /* border-bottom: 2px solid #bc4123; */ +} + + /* + Section elements + */ + section { + width: 840px; /* matches the width of the images...Hmmm, not quite responsive */ + margin: 0 auto; + margin-bottom: 3em; + } + + section img { + width: 100%; + border-radius: 0px 0px 20px 20px; + } + + section h2 { + font-size: 2em; + } + + /* + selectors to target the first Article + */ + section > :first-child{ + padding: 0.5em 1.5em 2em; + border-radius: 20px; + background: #2b1d23; + } + + section > :first-child img{ + margin: 0 auto; + border-radius: 20px; + } + + section > :first-child p{ + font-size: 1.5rem; + color: #bc4123; + } + + section > :first-child a { + color: #b5adb3; + } + + section p { + margin: 1em 0; + font-size: 1.2em; + } + + /* + Article elements + */ + article { + margin-bottom: 5em; + } + + .more-content { + font-size: 1.1em; + text-align: right; +} + + /* + Article elements + */ +iframe { + margin-bottom: 1em; + width: 100%; + border-radius: 20px; +} + + a { + color: #b5adb3; + } + + /* + Footer elements + */ + footer { + background: #bc4123; + height: 1em; + font-size: 1.2em; + text-align: right; + padding: 1.5em 0; + border-radius: 20px 20px 0 0; + clear: both; + } + + footer p{ + height: 0.8em; + background: #222e3f; + } + + + + diff --git a/week1/3-website/images/questLoveDrums.jpg b/week1/3-website/images/questLoveDrums.jpg new file mode 100644 index 00000000..39b9a5a0 Binary files /dev/null and b/week1/3-website/images/questLoveDrums.jpg differ diff --git a/week1/3-website/images/questloveProfile.jpg b/week1/3-website/images/questloveProfile.jpg new file mode 100644 index 00000000..21b66f78 Binary files /dev/null and b/week1/3-website/images/questloveProfile.jpg differ diff --git a/week1/3-website/images/questloveSupreme.png b/week1/3-website/images/questloveSupreme.png new file mode 100644 index 00000000..99df5af1 Binary files /dev/null and b/week1/3-website/images/questloveSupreme.png differ diff --git a/week1/3-website/index.html b/week1/3-website/index.html index 67dfc7f5..d638841a 100644 --- a/week1/3-website/index.html +++ b/week1/3-website/index.html @@ -6,17 +6,80 @@ name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" /> - My Blog + ?uestlove + +
+
+

+ ?uestlove +

+
+ "When you live your life through records, the records are a record of your life" +
+
+
+
+
+

Biography

+ Ahmir Khalib Thompson +

+ Ahmir Khalib Thompson (born January 20, 1971), known professionally as Questlove (stylized as ?uestlove), is an American + musician and music journalist. He is the drummer and joint frontman (with Black Thought) for the hip hop band, the Roots. + The Roots has been serving as the in-house band for The Tonight Show Starring Jimmy Fallon since February 17, 2014. + Questlove is also one of the producers of the cast album of the Broadway musical Hamilton. He is the co-founder of the + websites Okayplayer and OkayAfrica. Additionally, he is an adjunct instructor at the Clive Davis Institute of Recorded + Music at New York University. +

+
Continue reading...
+
+
+

Career

+ Questove playing the drums +

+ The Roots originated in Philadelphia with Ahmir "Questlove" Thompson and Tariq "Black Thought" Trotter while they + were both attending the Philadelphia High School for the Creative and Performing Arts. They would busk out on the + street corners with Questlove playing bucket drums and Tariq rapping over his rhythms. Their first organized gig was a + talent show in 1989 at the school where they used the name Radio Activity, which began a series of name changes that + progressed through Black to the Future and then The Square Roots. Another MC, Malik B., and a permanent bass + player, Leonard "Hub" Hubbard, were added to the band before the release of their first album. In 1992, they dropped + the "Square" from "Square Roots" because a local folk group had claim to the name. +

+
Continue reading...
+
+
+

Supreme Podcasts

+ + Questlove on the decks +

+ Questlove Supreme is a fun, irreverent and educational weekly podcast that digs deep into the stories of musical legends and + cultural icons in a way that only Questlove and Team Supreme can deliver. This is about legends and legends in the making + bringing their legacy to life in their own words. Previous guests have included Usher, Michelle Obama, Chris Rock, + Steve Miller, Maya Rudolph, Weird Al, Chaka Khan, Babyface and many more. +

+ +
+
More podcasts...
+
+
+
+ +