summaryrefslogtreecommitdiff
path: root/index.html
diff options
context:
space:
mode:
authorMelissa Zhang <melissazhang@Melissas-Air.lan>2022-09-26 14:42:10 -0400
committerMelissa Zhang <melissazhang@Melissas-Air.lan>2022-09-26 14:42:10 -0400
commite9345701bc0d214c74d8ccf8c7b66cfe8b94e5d4 (patch)
treefcbec07b9fcda693ff3e177ee331e449e9fd44db /index.html
parente7019025a6a1c76a9a6df7cb04fd57b682f69915 (diff)
improve accessibility
Diffstat (limited to 'index.html')
-rwxr-xr-xindex.html286
1 files changed, 123 insertions, 163 deletions
diff --git a/index.html b/index.html
index 3a6dcec..52c81f5 100755
--- a/index.html
+++ b/index.html
@@ -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>