From e06987e8ad1a4cd9911d4c9a708673aa17461bdc Mon Sep 17 00:00:00 2001 From: Ish Date: Mon, 8 Feb 2021 17:42:43 -0500 Subject: [PATCH 1/2] updated mayor quote --- _sass/elements/_typography.scss | 61 ++++++++++++++++++++++++++++++ about-us.html | 10 ++++- assets/images/about-us/quotes.png | Bin 0 -> 6310 bytes 3 files changed, 69 insertions(+), 2 deletions(-) create mode 100644 assets/images/about-us/quotes.png diff --git a/_sass/elements/_typography.scss b/_sass/elements/_typography.scss index 1983fa9e22..ba4a78b755 100644 --- a/_sass/elements/_typography.scss +++ b/_sass/elements/_typography.scss @@ -8,6 +8,67 @@ body { map-get($font-family, body); } +.entire-quote{ + margin-top: 30px; + width: 90%; +} +.quote-marks{ + position: relative; + width: 20px; + display: inline-block; + vertical-align: top; + bottom: 10px; + left:-10px +} + +#quote-tmc{ + border-radius: 100px; + position: relative; + right: -50px; + bottom: 10px; + height: 75px; + width: 75px; +} + +.mayor-cite{ + position: relative; + bottom: 50px; + left: 20px; +} +.quote-text{ + position: relative; + display: inline-block; + width: 88%; +} + +@media only screen and (min-width:700px){ + .quote-text{ + font-weight: bold; + } + .entire-quote{ + position: relative; + width:93%; + left:100px; + } + #quote-tmc{ + bottom: 110px; + right: 180px; + height: 100px; + width: 100px; + } + .mayor-cite{ + position: relative; + left:125px; + bottom: 90px; + } + .garcetti-quote{ + position: relative; + margin-bottom: -100px; + margin-left:3vw; + } +} + + h1, h2, h3, diff --git a/about-us.html b/about-us.html index 21c03d0eb9..b30d744d13 100644 --- a/about-us.html +++ b/about-us.html @@ -386,8 +386,14 @@

About Us

At L.A. ‘hackathon,’ civic- minded coders aim to put city data to good use

-
-
+
+

Hack for LA is a great example of how we can harness technology and our city's creativity to solve everyday problems. As Mayor, I will closely partner with our tech industry to create jobs and bring innovation to City Hall so government works faster and more efficiently.

+
+ — Mayor Eric Garcetti + Mayor Eric Garcetti +
+ + diff --git a/assets/images/about-us/quotes.png b/assets/images/about-us/quotes.png new file mode 100644 index 0000000000000000000000000000000000000000..d43188bacd47bc8faf7795b42b00f1a6a3d8b49d GIT binary patch literal 6310 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 Date: Sat, 13 Feb 2021 20:47:11 -0500 Subject: [PATCH 2/2] Fixed the dissapearing card,the italisized citation, and the css in typography --- _sass/components/_about-us.scss | 64 +++++++++++++++++++++++++++++++++ _sass/elements/_typography.scss | 61 ------------------------------- about-us.html | 2 +- 3 files changed, 65 insertions(+), 62 deletions(-) diff --git a/_sass/components/_about-us.scss b/_sass/components/_about-us.scss index ea0495b321..aa639cfc02 100644 --- a/_sass/components/_about-us.scss +++ b/_sass/components/_about-us.scss @@ -861,3 +861,67 @@ a.anchor { grid-gap: 23px; } } + +.entire-quote{ + margin-top: 30px; + width: 90%; +} +.quote-marks{ + position: relative; + width: 20px; + display: inline-block; + vertical-align: top; + bottom: 10px; + left:-10px +} + +#quote-tmc{ + border-radius: 100px; + position: relative; + right: -50px; + bottom: 10px; + height: 75px; + width: 75px; +} + +.mayor-cite{ + position: relative; + bottom: 50px; + left: 20px; + color: #767676; + font-style: normal; +} +.quote-text{ + position: relative; + display: inline-block; + width: 88%; +} + +@media only screen and (min-width:700px){ + .quote-text{ + font-weight: bold; + } + .entire-quote{ + position: relative; + width:93%; + left:100px; + } + #quote-tmc{ + bottom: 110px; + right: 180px; + height: 100px; + width: 100px; + } + .mayor-cite{ + position: relative; + left:125px; + bottom: 90px; + color: #767676; + font-style: normal; + } + .garcetti-quote{ + position: relative; + margin-bottom: -100px; + margin-left:3vw; + } +} diff --git a/_sass/elements/_typography.scss b/_sass/elements/_typography.scss index ba4a78b755..1983fa9e22 100644 --- a/_sass/elements/_typography.scss +++ b/_sass/elements/_typography.scss @@ -8,67 +8,6 @@ body { map-get($font-family, body); } -.entire-quote{ - margin-top: 30px; - width: 90%; -} -.quote-marks{ - position: relative; - width: 20px; - display: inline-block; - vertical-align: top; - bottom: 10px; - left:-10px -} - -#quote-tmc{ - border-radius: 100px; - position: relative; - right: -50px; - bottom: 10px; - height: 75px; - width: 75px; -} - -.mayor-cite{ - position: relative; - bottom: 50px; - left: 20px; -} -.quote-text{ - position: relative; - display: inline-block; - width: 88%; -} - -@media only screen and (min-width:700px){ - .quote-text{ - font-weight: bold; - } - .entire-quote{ - position: relative; - width:93%; - left:100px; - } - #quote-tmc{ - bottom: 110px; - right: 180px; - height: 100px; - width: 100px; - } - .mayor-cite{ - position: relative; - left:125px; - bottom: 90px; - } - .garcetti-quote{ - position: relative; - margin-bottom: -100px; - margin-left:3vw; - } -} - - h1, h2, h3, diff --git a/about-us.html b/about-us.html index b30d744d13..23c17cc16c 100644 --- a/about-us.html +++ b/about-us.html @@ -393,7 +393,7 @@

About Us

Mayor Eric Garcetti - +