diff options
author | Melissa Zhang <melissazhang@Melissas-Air.lan> | 2022-09-26 14:42:10 -0400 |
---|---|---|
committer | Melissa Zhang <melissazhang@Melissas-Air.lan> | 2022-09-26 14:42:10 -0400 |
commit | e9345701bc0d214c74d8ccf8c7b66cfe8b94e5d4 (patch) | |
tree | fcbec07b9fcda693ff3e177ee331e449e9fd44db /index.html | |
parent | e7019025a6a1c76a9a6df7cb04fd57b682f69915 (diff) |
improve accessibility
Diffstat (limited to 'index.html')
-rwxr-xr-x | index.html | 286 |
1 files changed, 123 insertions, 163 deletions
@@ -18,7 +18,7 @@ </nav> <nav id="sidepanel" class="sidepanel" aria-label="drawer-navigation"> <div class="sidepanel-menu"> - <img class="logo-img" src="assets/favicon.png" alt="Our logo image that directs to top of page"/> + <img class="logo-img" src="assets/favicon.png" alt="CS1300 Bakery Logo" /> <a href="javascript:void(0)" class="closebtn" onclick="closeNav()" tabindex="-1">×</a> <a href="#full_menu" class="link" tabindex="-1">menu</a> <a href="#calendar" class="link" tabindex="-1">calendar</a> @@ -28,12 +28,9 @@ </nav> <header> <nav class="nav-flex" aria-label="primary-navigation"> - <img class="logo-img" src="assets/favicon.png" alt="our logo image" tabindex="-1"/> -<!-- <a class="link" href="#weekly_specials">Weekly Specials</a>--> -<!-- <a class="link" href="#course_info">Course Info</a>--> -<!-- <a class="button" href="#xxx">Weekly Specials</a>--> + <img class="logo-img" src="assets/favicon.png" alt="CS1300 Bakery Logo" tabindex="-1" /> <div class="flex-row"> - <a class="link" href="#full_menu" tabindex="2">menu</a> + <a class="link" href="#full_menu">menu</a> <a class="link" href="#calendar">calendar</a> <a class="link" href="#staff">kitchen staff</a> <a class="link" href="#faq">faqs</a> @@ -49,7 +46,7 @@ <article class="course-title-wrapper"> <h3 class="course-name">welcome to</h3> <h1>csci 1300</h1> - <h3 class="course-name">user interfaces and user experience</h3> + <h2 class="course-name">user interfaces and user experience</h2> </article> </article> <figure class="pastries-wrapper"> @@ -76,11 +73,11 @@ <div class="flex-column"> <h3 class="subtitles">websites</h3> <a href="https://edstem.org/us/courses/26929/discussion/" target="_blank" class="button helpful-link glow-on-hover"> - <img src="./assets/edstem.png" class="small-icon" alt="edstem logo"> + <img src="./assets/edstem.png" class="small-icon" alt="EdStem Logo"> <h3>edstem →</h3> </a> <a href="https://canvas.brown.edu/courses/1089551" target="_blank" class="button helpful-link glow-on-hover"> - <img src="./assets/canvas.png" class="small-icon" alt="canvas logo"> + <img src="./assets/canvas.png" class="small-icon" alt="Canvas Logo"> <h3>canvas →</h3> </a> <a href="https://script.google.com/a/macros/brown.edu/s/AKfycbxqAcEtc8CDcIBZ16quZ6Sqsprz_QTZUkpLWkNhSkSltuVgktNqblDQABOSCQCdAKwL1g/exec" target="_blank" class="button helpful-link glow-on-hover"> @@ -119,9 +116,9 @@ <!-- </a>--> </div> - <div class="flex-column"> - <h3 class="subtitles">forms</h3> - <!-- <a href="https://forms.gle/jpaWjoDhp7LBfVk27" target="_blank" class="no-border-helpful-link"> + <div class="flex-column"> + <h3 class="subtitles">forms</h3> + <!-- <a href="https://forms.gle/jpaWjoDhp7LBfVk27" target="_blank" class="no-border-helpful-link"> <h3>waitlist form</h3> </a> --> <a href="https://forms.gle/g6XehaWqFnMy512E9" target="_blank" class="no-border-helpful-link link"> @@ -185,21 +182,13 @@ <section id="calendar"> <h2 class="title">calendar</h2> <div class="edges"> - <p>To subscribe to the course gcal, click - <a - class="link" - href="https://calendar.google.com/calendar/u/1?cid=Y19pZ2Fmc3UzOG03YWNpc203M2RlcWx0cDhzNEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t" - target="_blank" - >here</a - >. + <p>Click here to subscribe to the + <a class="link" + href="https://calendar.google.com/calendar/u/1?cid=Y19pZ2Fmc3UzOG03YWNpc203M2RlcWx0cDhzNEBncm91cC5jYWxlbmRhci5nb29nbGUuY29t" + target="_blank">course gcal</a>. </p> <p>To sign up for TA Hours, please go to - <a - class="link" - href="https://hours.cs.brown.edu/" - target="_blank" - >hours</a - >. + <a class="link" href="https://hours.cs.brown.edu/" target="_blank">hours</a>. </p> </div> <figure class="iframe-wrapper"> @@ -228,12 +217,9 @@ <div class="shelf flex-column"> <div class="flex-row ta-box-single ta-wrapper"> <div class="img-box"> - <img - src="./assets/pastry-photos/jeff.png" - class="ta-pastry" - alt="jeff's pastry" - /> - <img src="assets/bio-photos/jeff.jpg" class="ta-img" alt="jeff's image"/> + <img src="./assets/pastry-photos/jeff.png" class="ta-pastry" + alt="Illustration of Jeff's pastry illustration" /> + <img src="assets/bio-photos/jeff.jpg" class="ta-img" alt="Profile photo of Jeff" /> </div> <div class="bio-text"> <h3>[professor] jeff</h3> @@ -245,38 +231,33 @@ </p> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> <div class="shelf flex-column"> <div class="flex-row ta-wrapper"> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/anika.png" - class="ta-pastry" - id="anika-pastry" - alt="anika's pastry" - /> - <img src="./assets/bio-photos/anika.jpeg" class="ta-img" alt="anika's image"/> - </div> + <img src="./assets/pastry-photos/anika.png" class="ta-pastry" id="anika-pastry" + alt="anika's pastry illustration" /> + <img src="./assets/bio-photos/anika.jpeg" class="ta-img" + alt="anika's profile picture" /> + </div> <div class="bio-text"> <h3>[hta] anika</h3> <p> - Hi! I'm a senior from Minnesota studying computer science! I like tennis, word games, and trying new foods. + Hi! I'm a senior from Minnesota studying computer science! I like tennis, word + games, and trying new foods. </p> </div> </div> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/michael.png" - class="ta-pastry" - id="michael-pastry" - alt="michael's pastry" - /> - <img src="./assets/bio-photos/michael.jpg" class="ta-img" alt="michael's image"/> + <img src="./assets/pastry-photos/michael.png" class="ta-pastry" id="michael-pastry" + alt="michael's pastry illustration" /> + <img src="./assets/bio-photos/michael.jpg" class="ta-img" + alt="michael's profile picture" /> </div> <div class="bio-text"> <h3>[hta] michael</h3> @@ -286,32 +267,26 @@ </div> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="self image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="self image" /> </div> <div class="shelf flex-column"> <div class="ta-wrapper ta-box-single flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/tongyu.png" - class="ta-pastry" - id="tongyu-pastry" - alt="tongyu's pastry" - /> - <img src="./assets/bio-photos/tongyu.jpeg" class="ta-img" alt="tongyu's image"/> + <img src="./assets/pastry-photos/tongyu.png" class="ta-pastry" id="tongyu-pastry" + alt="tongyu's pastry illustration" /> + <img src="./assets/bio-photos/tongyu.jpeg" class="ta-img" alt="tongyu's profile picture" /> </div> <div class="bio-text"> <h3>[grad ta] tongyu</h3> <p> - Hiya, I'm Tongyu! I'm a PhD student working with Jeff on creativity support and specifically drawing/design tools. I doodle with watercolours a lot and play all types of video games except FPSes (they make me dizzy @_@) + Hiya, I'm Tongyu! I'm a PhD student working with Jeff on creativity support and + specifically drawing/design tools. I doodle with watercolours a lot and play all types + of video games except FPSes (they make me dizzy @_@) </p> </div> </div> - <img - src="./assets/shelf.png" - class="shelf-png" - alt="shelf image" - /> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> <div class="shelf flex-column"> @@ -320,17 +295,16 @@ <div class="bio-text"> <h3>aubrey</h3> <p> - Hello!! I'm Aubrey, a senior studying cs. I really like studio Ghibli a decade back and drew half of the storyboard of Spirited Away. I'm also really into skiing and photography :) + Hello!! I'm Aubrey, a senior studying cs. I really like studio Ghibli a decade back + and drew half of the storyboard of Spirited Away. I'm also really into skiing and + photography :) </p> </div> <div class="img-box"> - <img - src="./assets/pastry-photos/aubrey.png" - class="ta-pastry" - id="aubrey-pastry" - alt="aubrey's pastry" - /> - <img src="./assets/bio-photos/aubrey.jpeg" class="ta-img" alt="aubrey's image"/> + <img src="./assets/pastry-photos/aubrey.png" class="ta-pastry" id="aubrey-pastry" + alt="aubrey's pastry illustration" /> + <img src="./assets/bio-photos/aubrey.jpeg" class="ta-img" + alt="aubrey's profile picture" /> </div> </div> @@ -342,58 +316,55 @@ </p> </div> <div class="img-box"> - <img - src="./assets/pastry-photos/connie.png" - class="ta-pastry" - id="connie-pastry" - alt="connie's pastry" - /> - <img src="./assets/bio-photos/connie.jpg" class="ta-img" alt="connie's image"/> + <img src="./assets/pastry-photos/connie.png" class="ta-pastry" id="connie-pastry" + alt="connie's pastry illustration" /> + <img src="./assets/bio-photos/connie.jpg" class="ta-img" + alt="connie's profile picture" /> </div> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> <div class="shelf flex-column"> <div class="flex-row ta-wrapper"> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/dylan.png" - class="ta-pastry" - id="dylan-pastry" - alt="dylan's pastry" - /> - <img src="./assets/bio-photos/dylan.jpg" class="ta-img" alt="dylan's image"/> + <img src="./assets/pastry-photos/dylan.png" class="ta-pastry" id="dylan-pastry" + alt="dylan's pastry illustration" /> + <img src="./assets/bio-photos/dylan.jpg" class="ta-img" + alt="dylan's profile picture" /> </div> <div class="bio-text"> <h3>dylan</h3> <p> - Hi everyone, I'm so excited to meet all of you :D -- my name is Dylan, I'm a junior at Brown, and I'm from central MA. I enjoy playing with a new JavaScript framework every week and sometimes actually get real work done. In my free time, I enjoy playing competitive Valorant (join Brown's team!), overspending at cafés, and reading. + Hi everyone, I'm so excited to meet all of you :D -- my name is Dylan, I'm a junior + at Brown, and I'm from central MA. I enjoy playing with a new JavaScript framework + every week and sometimes actually get real work done. In my free time, I enjoy + playing competitive Valorant (join Brown's team!), overspending at cafés, and + reading. </p> </div> </div> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/isaac.png" - class="ta-pastry" - id="isaac-pastry" - alt="isaac's pastry" - /> - <img src="./assets/bio-photos/isaac.jpg" class="ta-img" alt="isaac's image"/> + <img src="./assets/pastry-photos/isaac.png" class="ta-pastry" id="isaac-pastry" + alt="isaac's pastry illustration" /> + <img src="./assets/bio-photos/isaac.jpg" class="ta-img" + alt="isaac's profile picture" /> </div> <div class="bio-text"> <h3>isaac</h3> <p> - Hi! I'm Isaac, a senior studying cognitive science from California. I enjoy playing the violin, exploring with my electric skateboard, running Brown Esports, and shooting films! + Hi! I'm Isaac, a senior studying cognitive science from California. I enjoy playing + the violin, exploring with my electric skateboard, running Brown Esports, and + shooting films! </p> </div> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> <div class="shelf flex-column"> @@ -402,17 +373,15 @@ <div class="bio-text"> <h3>jenny</h3> <p> - Hey, I am a junior studying CS. Always on the search for cute and elegant designs, places to watch sunsets, and good food! + Hey, I am a junior studying CS. Always on the search for cute and elegant designs, + places to watch sunsets, and good food! </p> </div> <div class="img-box"> - <img - src="./assets/pastry-photos/jenny.png" - class="ta-pastry" - id="jenny-pastry" - alt="jenny's pastry" - /> - <img src="./assets/bio-photos/jenny.jpeg" class="ta-img" alt="jenny's image"/> + <img src="./assets/pastry-photos/jenny.png" class="ta-pastry" id="jenny-pastry" + alt="jenny's pastry illustration" /> + <img src="./assets/bio-photos/jenny.jpeg" class="ta-img" + alt="jenny's profile picture" /> </div> </div> @@ -420,62 +389,57 @@ <div class="bio-text"> <h3>jessie</h3> <p> - hi everyone! i’m jessie, a senior from las vegas studying cs and applied math. i love live music, being outdoors, and drinking matcha lattes. + hi everyone! i’m jessie, a senior from las vegas studying cs and applied math. i + love live music, being outdoors, and drinking matcha lattes. </p> </div> <div class="img-box"> - <img - src="./assets/pastry-photos/jessie.png" - class="ta-pastry" - id="jessie-pastry" - alt="jessie's pastry" - /> - <img src="./assets/bio-photos/jessica.jpeg" class="ta-img" alt="jessie's image"/> + <img src="./assets/pastry-photos/jessie.png" class="ta-pastry" id="jessie-pastry" + alt="jessie's pastry illustration" /> + <img src="./assets/bio-photos/jessica.jpeg" class="ta-img" + alt="jessie's profile picture" /> </div> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> <div class="shelf flex-column"> <div class="flex-row ta-wrapper"> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/kelly.png" - class="ta-pastry" - id="kelly-pastry" - alt="kelly's pastry" - /> - <img src="./assets/bio-photos/kelly.jpg" class="ta-img" alt="kelly's image"/> + <img src="./assets/pastry-photos/kelly.png" class="ta-pastry" id="kelly-pastry" + alt="kelly's pastry illustration" /> + <img src="./assets/bio-photos/kelly.jpg" class="ta-img" + alt="kelly's profile picture" /> </div> <div class="bio-text"> <h3>kelly</h3> <p> - Hello! I am Kelly, a Senior from California concentrating in CS-Econ and EAS. I enjoy digital illustration, listening to J-pop/K-pop, and watching anime/reading manga. I love Salmon, especially in sushi. I also like collecting things. + Hello! I am Kelly, a Senior from California concentrating in CS-Econ and EAS. I + enjoy digital illustration, listening to J-pop/K-pop, and watching anime/reading + manga. I love Salmon, especially in sushi. I also like collecting things. </p> </div> </div> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/lauren.png" - class="ta-pastry" - id="lauren-pastry" - alt="lauren's pastry" - /> - <img src="./assets/bio-photos/lauren.jpeg" class="ta-img" alt="lauren's image"/> + <img src="./assets/pastry-photos/lauren.png" class="ta-pastry" id="lauren-pastry" + alt="lauren's pastry illustration" /> + <img src="./assets/bio-photos/lauren.jpeg" class="ta-img" + alt="lauren's profile picture" /> </div> <div class="bio-text"> <h3>lauren</h3> <p> - Hi! My name’s Lauren, and I’m a senior studying CS. I love hiking, traveling, and rom-coms, and I’m super excited to meet y’all! + Hi! My name’s Lauren, and I’m a senior studying CS. I love hiking, traveling, and + rom-coms, and I’m super excited to meet y’all! </p> </div> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> <div class="shelf flex-column"> @@ -483,16 +447,15 @@ <div class="ta-box-right flex-row"> <div class="bio-text"> <h3>melissa</h3> - <p>Hi I'm a senior studying CS and IAPA from Vancouver, Canada. I love being in the outdoors skiing, hiking, biking or anything at all. I also enjoy eating honey cruller donuts, reading, and playing Go.</p> + <p>Hi I'm a senior studying CS and IAPA from Vancouver, Canada. I love being in the + outdoors skiing, hiking, biking or anything at all. I also enjoy eating honey + cruller donuts, reading, and playing Go.</p> </div> <div class="img-box"> - <img - src="./assets/pastry-photos/melissa.png" - class="ta-pastry" - id="melissa-pastry" - alt="melissa's pastry" - /> - <img src="./assets/bio-photos/melissa.jpg" class="ta-img" alt="melissa's image"/> + <img src="./assets/pastry-photos/melissa.png" class="ta-pastry" id="melissa-pastry" + alt="melissa's pastry illustration" /> + <img src="./assets/bio-photos/melissa.jpg" class="ta-img" + alt="melissa's profile picture" /> </div> </div> @@ -500,59 +463,56 @@ <div class="bio-text"> <h3>miku</h3> <p> - Hi I'm Miku, a senior concentrating in CS. I am from Bangkok, Thailand. I love tiramisu, strawberry shortcake, macaron, banana bread, cream puff, mille-feuille, baklava, donuts.... .. + Hi I'm Miku, a senior concentrating in CS. I am from Bangkok, Thailand. I love + tiramisu, strawberry shortcake, macaron, banana bread, cream puff, mille-feuille, + baklava, donuts.... .. </p> </div> <div class="img-box"> - <img - src="./assets/pastry-photos/miku.png" - class="ta-pastry" - id="miku-pastry" - alt="miku's pastry" - /> - <img src="./assets/bio-photos/miku.jpeg" class="ta-img" alt="miku's image"/> + <img src="./assets/pastry-photos/miku.png" class="ta-pastry" id="miku-pastry" + alt="miku's pastry illustration" /> + <img src="./assets/bio-photos/miku.jpeg" class="ta-img" alt="miku's profile picture" /> </div> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> <div class="shelf flex-column"> <div class="flex-row ta-wrapper"> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/nick.png" - class="ta-pastry" - id="nick-pastry" - alt="nick's pastry" - /> - <img src="./assets/bio-photos/nick.png" class="ta-img" alt="nick's image"/> + <img src="./assets/pastry-photos/nick.png" class="ta-pastry" id="nick-pastry" + alt="nick's pastry illustration" /> + <img src="./assets/bio-photos/nick.png" class="ta-img" alt="nick's profile picture" /> </div> <div class="bio-text"> <h3>nick</h3> - <p>Hi! My name is Nick Vadasz and I am a junior studying CS. I'm from rural East Texas, though my whole family is from Hungary. Besides computer science, I love listening to and performing music (Brown U Orchestra 4 lyfe), art, gaming, philosophy, and starting projects that I will never finish.</p> + <p>Hi! My name is Nick Vadasz and I am a junior studying CS. I'm from rural East Texas, + though my whole family is from Hungary. Besides computer science, I love listening + to and performing music (Brown U Orchestra 4 lyfe), art, gaming, philosophy, and + starting projects that I will never finish.</p> </div> </div> <div class="ta-box-left flex-row"> <div class="img-box"> - <img - src="./assets/pastry-photos/sunny.png" - class="ta-pastry" - id="sunny-pastry" - alt="sunny's pastry" - /> - <img src="./assets/bio-photos/sunny.jpeg" class="ta-img" alt="sunny's image"/> + <img src="./assets/pastry-photos/sunny.png" class="ta-pastry" id="sunny-pastry" + alt="sunny's pastry illustration" /> + <img src="./assets/bio-photos/sunny.jpeg" class="ta-img" + alt="sunny's profile picture" /> </div> <div class="bio-text"> <h3>sunny</h3> <p> - Hello! I am a senior studying CS and Behavioral Decision Sciences. I will be working as a product designer in New York after graduation. I love drawing, owning plushies, and drinking boba (very basic, I know). My dream is to travel around the world while working remotely in the future~ </p> + Hello! I am a senior studying CS and Behavioral Decision Sciences. I will be working + as a product designer in New York after graduation. I love drawing, owning plushies, + and drinking boba (very basic, I know). My dream is to travel around the world while + working remotely in the future~ </p> </div> </div> </div> - <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/> + <img src="./assets/shelf.png" class="shelf-png" alt="bakery shelf illustration" /> </div> </article> </section> |