crop and reduce image sizes. add some alt tags for accessibility.

1 files changed, 48 insertions, 38 deletions

diff --git a/index.html b/index.html
index f066de0..7f8e26d 100644
--- a/index.html
+++ b/index.html
@@ -49,17 +49,9 @@
                     <h1>csci 1300</h1>
                     <h3 class="course-name">user interfaces and user experience</h3>
                 </article>
-
-
-<!--                <aside class="business-hours">-->
-<!--                    <h3>business hours</h3>-->
-<!--                    <p>T/Th 1-2:20pm</p>-->
-<!--                    <p>MacMillan Hall 117</p>-->
-<!--                    <div><a class="link" href="https://example.com">Zoom Link</a></div>-->
-<!--                </aside>-->
             </article>
             <figure class="pastries-wrapper">
-                <iframe tabindex="-1" id="connie-pastries" src='https://my.spline.design/cs1300pastries-527b5a4ae57f8e04517708ce6f4dd80e/' frameborder='0'></iframe>
+                <iframe tabindex="-1" id="connie-pastries" src='https://my.spline.design/cs1300pastries-527b5a4ae57f8e04517708ce6f4dd80e/'></iframe>
             </figure>
         </section>
 
@@ -82,11 +74,11 @@
                 <div class="flex-column" style="margin: 0 10px;">
                     <h3 class="subtitles">websites</h3>
                     <a style="margin: 10px;" href="https://piazza.com/class/kcw25izsiei48j" target="_blank" class="button helpful-link glow-on-hover">
-                        <img src="./assets/edstem.png" class="small-icon">
+                        <img src="./assets/edstem.png" class="small-icon" alt="edstem logo">
                         <h3>edstem →</h3>
                     </a>
                     <a style="margin: 10px;" href="https://canvas.brown.edu/" target="_blank" class="button helpful-link glow-on-hover">
-                        <img src="./assets/canvas.png" class="small-icon">
+                        <img src="./assets/canvas.png" class="small-icon" alt="canvas logo">
                         <h3>canvas →</h3>
                     </a>
                     <a style="margin: 10px;" href="https://script.google.com/a/brown.edu/macros/s/AKfycbw3-4g7pzYS8dgLLu5fHImIXC0Asu7Cqn_DLEGngPdEDRmFgxs/exec" target="_blank" class="button helpful-link glow-on-hover">
@@ -231,8 +223,9 @@
                             <img
                                     src="./assets/pastry-photos/michael.png"
                                     class="ta-pastry"
+                                    alt="jeff's pastry"
                             />
-                            <img src="assets/bio-photos/jeff.jpg" class="ta-img"/>
+                            <img src="assets/bio-photos/jeff.jpg" class="ta-img" alt="jeff's image"/>
                         </div>
 
                         <div class="flex-column bio-text">
@@ -245,7 +238,7 @@
                             </h4>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/>
                 </div>
 
                 <div class="shelf flex-column">
@@ -254,7 +247,8 @@
                             <div class="flex-column bio-text">
                                 <h3>[hta] anika</h3>
                                 <h4>
-                                    Hi! I'm a senior from Minnesota studying computer science! I like tennis, word games, and trying new foods.                                </h4>
+                                    Hi! I'm a senior from Minnesota studying computer science! I like tennis, word games, and trying new foods.
+                                </h4>
                             </div>
                             <div class="img-box">
                                 <img
@@ -262,8 +256,9 @@
                                         class="ta-pastry"
                                         id="anika-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="anika's pastry"
                                 />
-                                <img src="./assets/bio-photos/anika.jpg" class="ta-img" />
+                                <img src="./assets/bio-photos/anika.jpeg" class="ta-img" alt="anika's image"/>
                             </div>
                         </div>
 
@@ -274,18 +269,19 @@
                                         class="ta-pastry"
                                         id="michael-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="michael's pastry"
                                 />
-                                <img src="./assets/bio-photos/michael.png" class="ta-img" />
+                                <img src="./assets/bio-photos/michael.jpg" class="ta-img" alt="michael's image"/>
                             </div>
                             <div class="flex-column bio-text">
                                 <h3>[hta] michael</h3>
                                 <h4>
-                                    Ciao! Ws only.
+                                    Ciao! Give me a cannoli or a sfogliatella then I'll be happy 😄😋
                                 </h4>
                             </div>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="self image"/>
                 </div>
 
                 <div class="shelf flex-column">
@@ -295,8 +291,9 @@
                                     src="./assets/pastry-photos/tongyu.png"
                                     class="ta-pastry"
                                     id="tongyu-pastry"
+                                    alt="tongyu's pastry"
                             />
-                            <img src="./assets/bio-photos/tongyu.png" class="ta-img" />
+                            <img src="./assets/bio-photos/tongyu.jpg" class="ta-img" alt="tongyu's image"/>
                         </div>
                         <div class="flex-column bio-text">
                             <h3>[grad ta] tongyu</h3>
@@ -308,6 +305,7 @@
                     <img
                             src="./assets/shelf.png"
                             class="shelf-png"
+                            alt="shelf image"
                     />
                 </div>
 
@@ -326,8 +324,9 @@
                                         class="ta-pastry"
                                         id="aubrey-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="aubrey's pastry"
                                 />
-                                <img src="./assets/bio-photos/aubrey.jpg" class="ta-img" />
+                                <img src="./assets/bio-photos/aubrey.jpeg" class="ta-img" alt="aubrey's image"/>
                             </div>
                         </div>
 
@@ -344,12 +343,13 @@
                                         class="ta-pastry"
                                         id="connie-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="connie's pastry"
                                 />
-                                <img src="./assets/bio-photos/connie.jpg" class="ta-img" />
+                                <img src="./assets/bio-photos/connie.jpg" class="ta-img" alt="connie's image"/>
                             </div>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/>
                 </div>
 
                 <div class="shelf flex-column">
@@ -361,8 +361,9 @@
                                         class="ta-pastry"
                                         id="dylan-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="dylan's pastry"
                                 />
-                                <img src="./assets/bio-photos/dylan.png" class="ta-img" />
+                                <img src="./assets/bio-photos/dylan.jpg" class="ta-img" alt="dylan's image"/>
                             </div>
                             <div class="flex-column bio-text">
                                 <h3>dylan</h3>
@@ -379,8 +380,9 @@
                                         class="ta-pastry"
                                         id="isaac-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="isaac's pastry"
                                 />
-                                <img src="./assets/bio-photos/isaac.jpg" class="ta-img" />
+                                <img src="./assets/bio-photos/isaac.jpg" class="ta-img" alt="isaac's image"/>
                             </div>
                             <div class="flex-column bio-text">
                                 <h3>isaac</h3>
@@ -390,7 +392,7 @@
                             </div>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/>
                 </div>
 
                 <div class="shelf flex-column">
@@ -408,8 +410,9 @@
                                         class="ta-pastry"
                                         id="jenny-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="jenny's pastry"
                                 />
-                                <img src="./assets/bio-photos/jenny.jpeg" class="ta-img" />
+                                <img src="./assets/bio-photos/jenny.jpeg" class="ta-img" alt="jenny's image"/>
                             </div>
                         </div>
 
@@ -426,12 +429,13 @@
                                         class="ta-pastry"
                                         id="jessie-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="jessie's pastry"
                                 />
-                                <img src="./assets/bio-photos/jessica.jpg" class="ta-img" />
+                                <img src="./assets/bio-photos/jessica.jpeg" class="ta-img" alt="jessie's image"/>
                             </div>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/>
                 </div>
 
                 <div class="shelf flex-column">
@@ -443,8 +447,9 @@
                                         class="ta-pastry"
                                         id="kelly-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="kelly's pastry"
                                 />
-                                <img src="./assets/bio-photos/kelly.png" class="ta-img" />
+                                <img src="./assets/bio-photos/kelly.jpg" class="ta-img" alt="kelly's image"/>
                             </div>
                             <div class="flex-column bio-text">
                                 <h3>kelly</h3>
@@ -461,8 +466,9 @@
                                         class="ta-pastry"
                                         id="lauren-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="lauren's pastry"
                                 />
-                                <img src="./assets/bio-photos/lauren.jpeg" class="ta-img" />
+                                <img src="./assets/bio-photos/lauren.jpeg" class="ta-img" alt="lauren's image"/>
                             </div>
                             <div class="flex-column bio-text">
                                 <h3>lauren</h3>
@@ -472,7 +478,7 @@
                             </div>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/>
                 </div>
 
                 <div class="shelf flex-column">
@@ -488,8 +494,9 @@
                                         class="ta-pastry"
                                         id="melissa-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="melissa's pastry"
                                 />
-                                <img src="./assets/bio-photos/melissa.jpg" class="ta-img" />
+                                <img src="./assets/bio-photos/melissa.jpg" class="ta-img" alt="melissa's image"/>
                             </div>
                         </div>
 
@@ -506,12 +513,13 @@
                                         class="ta-pastry"
                                         id="miku-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="miku's pastry"
                                 />
-                                <img src="./assets/bio-photos/miku.png" class="ta-img" />
+                                <img src="./assets/bio-photos/miku.jpg" class="ta-img" alt="miku's image"/>
                             </div>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/>
                 </div>
 
                 <div class="shelf flex-column">
@@ -521,10 +529,11 @@
                                 <img
                                         src="./assets/pastry-photos/nick.png"
                                         class="ta-pastry"
-                                        id="nick-pastry" id="nick-pastry"
+                                        id="nick-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="nick's pastry"
                                 />
-                                <img src="./assets/bio-photos/nick.png" class="ta-img" />
+                                <img src="./assets/bio-photos/nick.png" class="ta-img" alt="nick's image"/>
                             </div>
                             <div class="flex-column bio-text">
                                 <h3>nick</h3>
@@ -544,12 +553,13 @@
                                         class="ta-pastry"
                                         id="sunny-pastry"
                                         style="margin-bottom: 3px"
+                                        alt="sunny's pastry"
                                 />
-                                <img src="./assets/bio-photos/sunny.jpg" class="ta-img" />
+                                <img src="./assets/bio-photos/sunny.jpeg" class="ta-img" alt="sunny's image"/>
                             </div>
                         </div>
                     </div>
-                    <img src="./assets/shelf.png" class="shelf-png" />
+                    <img src="./assets/shelf.png" class="shelf-png" alt="shelf image"/>
                 </div>
             </article>
         </section>