From fb2b4539c9ccb52ff62bb05473dca19fc6a6a6f5 Mon Sep 17 00:00:00 2001 From: Robert McGovern Date: Tue, 6 Oct 2020 01:06:49 +0100 Subject: [PATCH] Add finished Projects 1 & 2 --- .../Project1-TributePage/index.html | 40 ++++++++++ .../Project1-TributePage/tribute.css | 32 ++++++++ .../Project2-BuildaSurveyForm/index.html | 74 +++++++++++++++++++ .../Project2-BuildaSurveyForm/style.css | 51 +++++++++++++ index.html | 11 ++- notes.md | 7 +- 6 files changed, 213 insertions(+), 2 deletions(-) create mode 100644 freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html create mode 100644 freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css create mode 100644 freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html create mode 100644 freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css diff --git a/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html b/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html new file mode 100644 index 0000000..b69a011 --- /dev/null +++ b/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/index.html @@ -0,0 +1,40 @@ + + + + + + + + + + John Williams Tribute Page + +
+

John Williams

+
+ picture of John Williams +

John Williams at Avery Fisher Hall in 2007

+
+

+ John Towner Williams (born February 8, 1932) is an American composer, conductor, and pianist. Widely regarded as one of the greatest film composers of all time, he has composed some of the most popular, recognizable, and critically acclaimed film scores in cinematic history in a career spanning over six decades. Williams has won 25 Grammy Awards, seven British Academy Film Awards, five Academy Awards, and four Golden Globe Awards. +

+ Williams has composed for many critically acclaimed and popular movies, including the Star Wars saga, Schindler's List, Close Encounters of the Third Kind, Superman, E.T. the Extra-Terrestrial, the Indiana Jones series, the first two Home Alone films, the first two Jaws films, the first two Jurassic Park films, Hook, and the first three Harry Potter films.[4] Williams has also composed numerous classical concertos and other works for orchestral ensembles and solo instruments. He served as the Boston Pops's principal conductor from 1980 to 1993 and is its laureate conductor.[5] He has been associated with director Steven Spielberg since 1974, composing music for all but five of his feature films. Other works by Williams include theme music for the 1984 Summer Olympic Games, NBC Sunday Night Football, "The Mission" theme used by NBC News and Seven News in Australia, the television series Lost in Space and Land of the Giants, and the incidental music for the first season of Gilligan's Island. +

+
+ +
+ + + \ No newline at end of file diff --git a/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css b/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css new file mode 100644 index 0000000..23704bc --- /dev/null +++ b/freeCodeCamp/responsive-web-design-projects/Project1-TributePage/tribute.css @@ -0,0 +1,32 @@ + body { + background-color: #FDF0D5; + } + + h1, h4 { + color: #331832; + } + + #title { + text-align: center; + font-size: xx-large; + } + + #img-div { + display: grid; + grid-template-columns: auto; + grid-template-rows: auto; + } + + #image { + justify-self: center; + max-width: 75%; + } + + #img-caption { + text-align: center; + } + + #tribute-link-area { + text-align: center; + } + diff --git a/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html b/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html new file mode 100644 index 0000000..67c6962 --- /dev/null +++ b/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/index.html @@ -0,0 +1,74 @@ + + + + + + Build A Survey - Project 2 - FreeCodeCamp + + + +
+

Project 2 Survey

+

Tell us a little about you

+
+ +
+
+
+
+
+
+
+
+
+
+
+
+ +
+
+
+ What is your gender? (optional)
+ +
+ +
+ +
+ +
+
+
+
+ What is you favourite time of day? (Check all that apply)
+ +
+ +
+ +
+ +
+
+
+
+
+
+
+ +
+
+
+ + + + + + \ No newline at end of file diff --git a/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css b/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css new file mode 100644 index 0000000..6659212 --- /dev/null +++ b/freeCodeCamp/responsive-web-design-projects/Project2-BuildaSurveyForm/style.css @@ -0,0 +1,51 @@ +body { + background-color: #679b9b; + color: whitesmoke; + text-align: center; +} + +header { + color: whitesmoke; + text-align:center; +} + +main { + display: block; + text-align: center; +} + +form { + background-color: #aacfcf; + color: #b83b5e; + padding: 2%; + width: 50%; + display: inline-block; + text-align: left; + font-size: large; +} + +input[type=text], input[type=email], input[type=number], select, #dropdown, #preferredTimeOfDay, #chooseGender, textarea{ + width: 100%; + padding: 12px; + border: 2px solid rgb(181, 78, 255); + border-radius: 4px; + box-sizing: border-box; + resize: vertical; + font-size: medium; + } + +.submitButtonBox { + text-align: center; +} + +input[type=submit] { + background-color: green; + color: white; + width:130px; height:50px; margin-top:8px; + font-size: larger; +} + +footer { + padding-top: 1rem; + font-size: larger; +} \ No newline at end of file diff --git a/index.html b/index.html index 009be1d..d99d9c9 100644 --- a/index.html +++ b/index.html @@ -38,7 +38,16 @@

FreecodeCamp

-

coming soon

+
+

Responsive Web Design Projects

+ +

Complete Web Development 2020

diff --git a/notes.md b/notes.md index 6b36a49..d6976cb 100644 --- a/notes.md +++ b/notes.md @@ -56,4 +56,9 @@ Think of it as a combination of learning, and tips and tricks. They will start u ## Useful Links -* http://www.heropatterns.com/ << Free repeatable background SVG's \ No newline at end of file +* http://www.heropatterns.com/ << Free repeatable background SVG's + +## API's to test with + +* https://api.chucknorris.io/jokes/random +* https://jsonplaceholder.typicode.com/ \ No newline at end of file