Merge branch 'guest-page' of https://github.com/cs1300-2022/cs1300-2022-website into guest-page

2 files changed, 32 insertions, 21 deletions

diff --git a/html/guests.html b/html/guests.html
index 706796b..0646e20 100644
--- a/html/guests.html
+++ b/html/guests.html
@@ -19,27 +19,16 @@
         <div class="edges">
             <div class="flex-grid-2">
                 <div class="guest">
-                    <h3 class="guest-name">Lisa Wang</h3>
-                    <h4 class="guest-role">Former 1300 student</h4>
-                    <p class="guest-description">Hi! My name is Lisa. I graduated 2 years ago with double concentration in cs and visa. I am now a product designer at Microsoft working on education products. I like climbing, drawing, and taking walks. </p>
-                </div>
-                <div class="guest">
                     <h3 class="guest-name">Ashley Wang</h3>
                     <h4 class="guest-role">Product Designer at Opensea</h4>
-                    <p class="guest-description">Ashley is a product designer at Opensea, the largest NFT marketplace. Previously, Ashley has designed at Spotify, BCG Digital Ventures and LinkedIn. Ashley studied HCI and Design at CMU. </p>
+                    <h4 class="guest-email">wshitian12@gmail.com</h4>
+                    <p class="guest-description">Ashley is a product designer at Opensea, the largest NFT marketplace. Previously, Ashley has designed at Spotify, BCG Digital Ventures and LinkedIn. Ashley studied HCI and Design at CMU.</p>
                 </div>
-            </div>
-
-            <div class="flex-grid-2">
                 <div class="guest">
                     <h3 class="guest-name">Marlena Morshead</h3>
                     <h4 class="guest-role">Meta, former 1300 TA</h4>
-                    <p class="guest-description">I'm a senior product designer currently based in Los Angeles, CA. I joined Meta (FKA Facebook) in 2017 and spent my first 4 years at the company working on small business and advertising tools across Instagram, Facebook and WhatsApp. In July 2021, I transferred to Instagram's blockchain platform team where I currently lead design for web3 product experiences like NFTs. Prior to Meta, I spent some time at a start up and interned at IBM. At Brown, I dual concentrated in Computer Science and Modern Culture and Media. I was also an HTA for CS1300, a member of the Brown Women's crew team and the design director for Brown Political Review. </p>
-                </div>
-                <div class="guest">
-                    <h3 class="guest-name">Xiaochen Yang "XY"</h3>
-                    <h4 class="guest-role">Product Designer</h4>
-                    <p class="guest-description">Xiaochen Yang "XY" is a media artist, designer with a background in visual design, and generative research. Her multi-disciplinary practice explores the in-between space across fine art, tangible media, and speculative narratives. As a Product Designer working with conversational AI, she's interested in inventing new systems and design paradigms with emerging technologies. Her past work includes working with Intel Research on the future landscape of autonomous driving and serving as a strategist at TBWA/Chiat/Day media arts lab. She has received awards internationally from The OneShow Design Awards, non-profit organizations WWF(World Wide Fund for Nature) and iGem(International Genetically Engineered Machine), etc. She graduated with MFA in Media Design Practices from Art Center College of Design.</p>
+                    <h4 class="guest-email">marlenamorshead@gmail.com</h4>
+                    <p class="guest-description">I'm a senior product designer currently based in Los Angeles, CA. I joined Meta (FKA Facebook) in 2017 and spent my first 4 years at the company working on small business and advertising tools across Instagram, Facebook and WhatsApp. In July 2021, I transferred to Instagram’s blockchain platform team where I currently lead design for web3 product experiences like NFTs. Prior to Meta, I spent some time at a start up and interned at IBM. At Brown, I dual concentrated in Computer Science and Modern Culture and Media. I was also an HTA for CS1300, a member of the Brown Women's crew team and the design director for Brown Political Review.</p>
                 </div>
             </div>
 
@@ -47,12 +36,14 @@
                 <div class="guest">
                     <h3 class="guest-name">Gifford Cheung</h3>
                     <h4 class="guest-role">Sr UX Researcher at Nintendo</h4>
+                    <h4 class="guest-email">giffordcheung@gmail.com</h4>
                     <p class="guest-description">I am a Sr UX Researcher within a division of Nintendo that primarily supports developer tools. Our UX team works with tool and game developers. We sometimes solve problems like consultants, but are also embedded on developer teams. My methods range from qualitative (user studies, task-based, interviews, focus groups) to quantitative (surveys, card sorts, metrics, etc.). </p>
                 </div>
                 <div class="guest">
                     <h3 class="guest-name">Hannah Chow</h3>
                     <h4 class="guest-role">Former 1300 HTA</h4>
-                    <p class="guest-description">Hannah Chow ('20) is a UX Designer for Microsoft living in Seattle, WA. While studying at Brown she concentrated in Computer Science, took cs1300 in Fall '18, and HTA'd c1300 in Fall '19. Aside from zooming her cursor around Figma files at 2 AM, she also enjoys binge-watching Survivor, religiously solving the NYT crossword each morning, and caring too much about winning at weekly bar trivia. </p>
+                    <h4 class="guest-email">hannah.chow@gmail.com</h4>
+                    <p class="guest-description">Hannah Chow ('20) is a UX Designer for Microsoft living in Seattle, WA. While studying at Brown she concentrated in Computer Science, took cs1300 in Fall '17, and HTA'd c1300 in Fall '18. Aside from zooming her cursor around Figma files at 2 AM, she also enjoys binge-watching Survivor, religiously solving the NYT crossword each morning, and caring too much about winning at weekly bar trivia.</p>
                 </div>
             </div>
 
@@ -60,12 +51,13 @@
                 <div class="guest">
                     <h3 class="guest-name">Zach Deocadiz</h3>
                     <h4 class="guest-role">Former 1300 TA</h4>
+                    <h4 class="guest-email">zkdeocadiz@gmail.com</h4>
                     <p class="guest-description">Zach is currently a Sr Designer at FitXR, working on the future of XR fitness. Previously, he worked as a designer at Within, creating AR and VR products such as Wonderscope and Supernatural, and as a VR UI/UX designer at Vicarious Surgical, working on the future of single port robots combined with VR and 3D screen technology. They graduated from RISD in 2017 with a BFA in Graphic Design.</p>
                 </div>
                 <div class="guest">
                     <h3 class="guest-name">Irene Rae</h3>
                     <h4 class="guest-role">Senior Staff UX at Google</h4>
-                    <p class="guest-description">Irene is a Senior Staff UX Researcher in the Labs team at Google, focusing on long-term technology projects.  Previously, she worked at Databricks as Head of UX Research, created the UX team in Google's data infrastructure organization, and did design research for Microsoft's Data Platforms. </p>
+                    <p class="guest-description">Irene is a Senior Staff UX Researcher at Google. Previously, she worked at Databricks as well as Microsoft on the Data Platforms team. </p>
                 </div>
             </div>
 
@@ -73,12 +65,14 @@
                 <div class="guest">
                     <h3 class="guest-name">Clara Kliman-Silver</h3>
                     <h4 class="guest-role">UX Research Manager at Google</h4>
+                    <h4 class="guest-email">klimansilver@google.com</h4>
                     <p class="guest-description">Clara Kliman-Silver '13 is a UX research manager at Google, leading a team focused on design systems and tools. Throughout her career she has studied tooling and workflows across a variety of domains, designer and developer productivity, and artificial intelligence. She previously worked as a UX designer in the healthcare and AI spaces. At Brown she concentrated in Cognitive Science, worked in 3D shape perception and psycholinguistics research labs, and enjoyed riding her bike around Providence.</p>
                 </div>
                 <div class="guest">
                     <h3 class="guest-name">Sophia Xu</h3>
                     <h4 class="guest-role">Interaction Designer at SmartDesign</h4>
-                    <p class="guest-description">Hi! I'm Sophia, an interaction designer at Smart Design. I graduated from RISD in Industrial Design and actually took this class you guys are in right now! I've worked in the toy industry a bit and at a different strategic and creative consultancy agency before coming to Smart Design, a design agency based in Brooklyn, NY. Some cool projects I've worked on here include designing for a smart fridge, helping Meta co-design with teens and parents to create a safer platform, user testing with a fitness company, researching what makes experiences feel premium, and my current project is on omnichannel shopping experiences for global youth!</p>
+                    <h4 class="guest-email">sophia.xu@smartdesignworldwide.com</h4>
+                    <p class="guest-description">Hi! I’m Sophia, an interaction designer at Smart Design. I graduated from RISD in Industrial Design and actually took this class you guys are in right now! I’ve worked in the toy industry a bit and at a different strategic and creative consultancy agency before coming to Smart Design, a design agency based in Brooklyn, NY. Some cool projects I’ve worked on here include designing for a smart fridge, helping Meta co-design with teens and parents to create a safer platform, user testing with a fitness company, researching what makes experiences feel premium, and my current project is on omnichannel shopping experiences for global youth!</p>
                 </div>
             </div>
 
@@ -86,12 +80,23 @@
                 <div class="guest">
                     <h3 class="guest-name">Aaditya Ailawadhi</h3>
                     <h4 class="guest-role">Former 1300 student</h4>
+                    <h4 class="guest-email">aailawad@alumni.risd.edu</h4>
                     <p class="guest-description">Aaditya is a UX Designer at Amazon. Previously, he worked as a Product Designer at Microsoft, Unqork, and Commonstock. He lives in Seattle, loves cars, and misses Bajas on Thayer street.</p>
                 </div>
                 <div class="guest">
-                    <h3 class="guest-name">John Filmanowicz</h3>
-                    <h4 class="guest-role">Nickelodeon, former 1300 HTA</h4>
-                    <p class="guest-description">Independent Filmmaker and Multimedia Artist</p>
+                    <h3 class="guest-name">Niko Klein</h3>
+                    <h4 class="guest-role">Product at Figma</h4>
+                    <h4 class="guest-email">Twitter: @nikolasklein</h4>
+                    <p class="guest-description">Nikolas Klein works as a product designer at Figma since early 2018. Since then, he has been focused on the Figma editor and, in there, primarily on Prototyping. He has studied in Germany and now lives in San Francisco.</p>
+                </div>
+            </div>
+
+            <div class="flex-grid-2">
+                <div class="guest">
+                    <h3 class="guest-name">Reet Agrawal</h3>
+                    <h4 class="guest-role">Former 1300 student</h4>
+                    <h4 class="guest-email">reetagrawal16@gmail.com</h4>
+                    <p class="guest-description">Reet currently works as an Interaction Designer at an agency, Code and Theory. She graduated '21.5 with a concentration in Computer Science and tried her best to get into any and all RISD classes otherwise. She's interned as a UX engineer before and is happy to help anyone considering hybrid roles or transitioning between design and development.</p>
                 </div>
             </div>
         </div>
diff --git a/styles.css b/styles.css
index eeda9f5..cd2742d 100755
--- a/styles.css
+++ b/styles.css
@@ -969,12 +969,18 @@ weekly specials conic border
     color: var(--accent-color);
 }
 
+.guest-email {
+    color: var(--second-accent-color);
+}
+
 .flex-grid-2 {
     display: flex;
     justify-content: space-between;
+    vertical-align: top;
 }
 .flex-grid-2 .guest {
     width: 45%;
+    vertical-align: top;
 }
 
 @media (max-width: 800px) {