From 861717b4ba1133e1b6418da471adbf11257b1088 Mon Sep 17 00:00:00 2001 From: Jenny Wales Date: Sat, 7 Oct 2023 21:43:52 -0600 Subject: [PATCH] 2023 changes (#2) * Update index.html * Update stylesheet.css --- index.html | 28 ++++++++------------ stylesheets/stylesheet.css | 52 +++++++++++++++++++++++--------------- 2 files changed, 43 insertions(+), 37 deletions(-) diff --git a/index.html b/index.html index f757ef0..f404329 100755 --- a/index.html +++ b/index.html @@ -2,30 +2,24 @@ - Jenny Wales Design + Jenny Brooks Design - - +
-

Working on it...

-

In the meantime, here are some things I find interesting.

-
- -
- WIP by Jenny in San Francisco +

Hi there. I'm Jenny Brooks.

+
I love creating powerful, flexible, and delightful user and team experiences.
+
+
Now: you can find me leading the learning experience design team at Amplify.
+
+
Previously: I spent 10 years leading design at Desmos, which joined Amplify in 2022. +
+
+
Big fan of accessibility, snacks, little big details, and mountain sports.
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index be0fd58..b985663 100755 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -3,35 +3,47 @@ } body { - background: #8dc6dd; font-family: "Cabin", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } -.info { - font-size: 40px; - color: #fff; - width: 400px; - margin: 300px auto; +.background { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + background-color: #0093E9; + background-image: linear-gradient(160deg, #0093E9 0%, #80D0C7 100%); + padding: 40px; + color: #000; + opacity: .9; + display: flex; + align-items: center; + justify-content: center; + } -h1 { - font-size: 50px; - margin-bottom: 0px; +.info { + max-width: 550px; + line-height: 1.5em; + font-size: 150%; + } -h3 { - font-size: 14px; +h1 { + font-size: 180%; } a { - color: #fff; + color: #000; + opacity: .9; } -.footer { - font-size: 14px; - color: #fff; - opacity: .8; - position: absolute; - bottom: 3px; - right: 5px; -} \ No newline at end of file +@media only screen and (max-width: 700px) { + .background { + align-items: flex-start; + } + .info { + font-size: 110%; + } +}