2023 changes (#2)

* Update index.html * Update stylesheet.css
jwales · Oct 8, 2023 · 861717b · 861717b
1 parent 177b347
commit 861717b
Show file tree

Hide file tree

Showing 2 changed files with 43 additions and 37 deletions.
diff --git a/index.html b/index.html
@@ -2,30 +2,24 @@
 <html lang="en-us">
   <head>
     <meta charset="UTF-8">
-    <title>Jenny Wales Design</title>
+    <title>Jenny Brooks Design</title>
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
     <link href='http://fonts.googleapis.com/css?family=Cabin' rel='stylesheet' type='text/css'>
-
-    <script>
-      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-      ga('create', 'UA-29019046-2', 'auto');
-      ga('send', 'pageview');
-  </script>
   </head>
 
   <body>
+    <div class="background">
     <div class="info">
-      <h1> Working on it...</h1>
-      <h3> In the meantime, <a href="https://twitter.com/jenny_wales", target="blank">here</a> are some things I find interesting.</h3>
-    </div>
-
-    <div class="footer">
-      WIP by Jenny in San Francisco
+      <h1>Hi there. I'm Jenny Brooks.</h1>
+      <div>I love creating powerful, flexible, and delightful user and team experiences.</div>
+      </br>
+      <div><b>Now:</b> you can find me leading the learning experience design team at <a href="https://teacher.desmos.com/">Amplify</a>.</div>
+      </br>
+      <div><b>Previously:</b> I spent 10 years leading design at <a href="https://www.desmos.com/art">Desmos</a>, which joined Amplify in 2022.
+      </div>
+      </br>
+      <div>Big fan of accessibility, snacks, little big details, and mountain sports.</div>
     </div>
 
   </body>

diff --git 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;
-}
+@media only screen and (max-width: 700px) {
+  .background {
+    align-items: flex-start;
+  }
+  .info {
+    font-size: 110%;
+  }
+}