From 0578372757b7fad1ce75dcd880ce430bf04c97bc Mon Sep 17 00:00:00 2001 From: Trent Palmer Date: Wed, 29 Aug 2018 22:32:25 -0700 Subject: [PATCH] add mccain_tribute/* --- mccain_tribute/index.html | 38 +++++++++++++++++++++++++ mccain_tribute/mccain_tribute.css | 47 +++++++++++++++++++++++++++++++ 2 files changed, 85 insertions(+) create mode 100644 mccain_tribute/index.html create mode 100644 mccain_tribute/mccain_tribute.css diff --git a/mccain_tribute/index.html b/mccain_tribute/index.html new file mode 100644 index 0000000..4fb324d --- /dev/null +++ b/mccain_tribute/index.html @@ -0,0 +1,38 @@ + + + + + + + + + + + +
+
+ +
+
+

John McCain

+

Senator, Fighter Pilot

+
+
+ No Known Restrictions: Interview with Lt. Comdr. John S. McCain, Vietnam POW by Thomas J. O'Halloran, 1973 (LOC) +
+

Picture of John McCain, No Known Restrictions
+ Interview with Lt. Comdr. John S. McCain,
+ Vietnam POW by Thomas J. O'Halloran, 1973

+
+
+
+

Growing up in a military family, Mr McCain attended many different schools along the way. And he completed flight school in 1960. Then on October 26, 1967 he was shotdown over Vietnam and made a prisoner of war. As a POW, Mr McCain suffered from severe injuries and torture.

+

Later on Mr McCain was elected to six terms as US Senator from the State of Arizona. And in 2000 and 2008, he ran for President. His career in the US Senate was lengthy and influential, but his hopes of becoming President did not work out.

+

Finally, August 25, 2018, at the age of 81, McCain passed away as a result of brain cancer, bringing an end to a storied life and career.

+
+ +
+ + diff --git a/mccain_tribute/mccain_tribute.css b/mccain_tribute/mccain_tribute.css new file mode 100644 index 0000000..749338f --- /dev/null +++ b/mccain_tribute/mccain_tribute.css @@ -0,0 +1,47 @@ +body,html { + text-align: center; +} + +#title { + margin-bottom: -.5em; +} + +#title-div { + text-shadow: 1px 1px; + color: hsl(80, 43%, 30%); +} + +#img-div { + max-width: 100%; +} + +#image { + max-width: 100%; + display: block; + margin: auto; + padding: 2rem 2rem 9rem 2rem; + border-radius: .4em; + background-color: hsl(80, 43%, 80%); + border-color: hsl(260, 43%, 80%); + border-style: outset; + border-width: thick; +} + +#img-caption { + font-style: italic; + position: relative; + top: -8rem; +} + +#tribute-info { + max-width: 1000px; + margin: auto; + text-align: left; + position: relative; + top: -4rem; +} + +#link-div { + position: relative; + top: -2rem; +}