From 129e64c82eab37296c22c0beabf21d6fd1545099 Mon Sep 17 00:00:00 2001 From: Michael Foiani Date: Tue, 6 Sep 2022 21:40:07 -0400 Subject: crop and reduce image sizes. add some alt tags for accessibility. --- .DS_Store | Bin 6148 -> 6148 bytes assets/.DS_Store | Bin 10244 -> 10244 bytes assets/bio-photos/anika.jpeg | Bin 0 -> 511896 bytes assets/bio-photos/anika.jpg | Bin 1815135 -> 0 bytes assets/bio-photos/aubrey.jpeg | Bin 0 -> 437697 bytes assets/bio-photos/aubrey.jpg | Bin 13778158 -> 0 bytes assets/bio-photos/connie.jpg | Bin 285639 -> 170595 bytes assets/bio-photos/dylan.jpg | Bin 0 -> 346760 bytes assets/bio-photos/dylan.png | Bin 2025002 -> 0 bytes assets/bio-photos/jeff.jpg | Bin 14930 -> 14286 bytes assets/bio-photos/jessica.jpeg | Bin 0 -> 498396 bytes assets/bio-photos/jessica.jpg | Bin 954105 -> 0 bytes assets/bio-photos/kelly.jpg | Bin 0 -> 211413 bytes assets/bio-photos/kelly.png | Bin 1684929 -> 0 bytes assets/bio-photos/lauren.jpeg | Bin 1039170 -> 455531 bytes assets/bio-photos/michael.jpg | Bin 0 -> 450929 bytes assets/bio-photos/michael.png | Bin 755067 -> 0 bytes assets/bio-photos/miku.jpg | Bin 0 -> 457960 bytes assets/bio-photos/miku.png | Bin 716886 -> 0 bytes assets/bio-photos/sunny.jpeg | Bin 0 -> 500281 bytes assets/bio-photos/sunny.jpg | Bin 760951 -> 0 bytes assets/bio-photos/tongyu.jpg | Bin 0 -> 507858 bytes assets/bio-photos/tongyu.png | Bin 3190777 -> 0 bytes index.html | 86 +++++++++++++++++++++++------------------ script.js | 1 - styles.css | 5 +-- 26 files changed, 50 insertions(+), 42 deletions(-) create mode 100644 assets/bio-photos/anika.jpeg delete mode 100644 assets/bio-photos/anika.jpg create mode 100644 assets/bio-photos/aubrey.jpeg delete mode 100644 assets/bio-photos/aubrey.jpg create mode 100644 assets/bio-photos/dylan.jpg delete mode 100644 assets/bio-photos/dylan.png create mode 100644 assets/bio-photos/jessica.jpeg delete mode 100644 assets/bio-photos/jessica.jpg create mode 100644 assets/bio-photos/kelly.jpg delete mode 100644 assets/bio-photos/kelly.png create mode 100644 assets/bio-photos/michael.jpg delete mode 100644 assets/bio-photos/michael.png create mode 100644 assets/bio-photos/miku.jpg delete mode 100644 assets/bio-photos/miku.png create mode 100644 assets/bio-photos/sunny.jpeg delete mode 100644 assets/bio-photos/sunny.jpg create mode 100644 assets/bio-photos/tongyu.jpg delete mode 100644 assets/bio-photos/tongyu.png diff --git a/.DS_Store b/.DS_Store index 58638f6..cfaad6a 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/assets/.DS_Store b/assets/.DS_Store index 6c7e5f9..514c8de 100644 Binary files a/assets/.DS_Store and b/assets/.DS_Store differ diff --git a/assets/bio-photos/anika.jpeg b/assets/bio-photos/anika.jpeg new file mode 100644 index 0000000..ed2e6b7 Binary files /dev/null and b/assets/bio-photos/anika.jpeg differ diff --git a/assets/bio-photos/anika.jpg b/assets/bio-photos/anika.jpg deleted file mode 100644 index 7069a4a..0000000 Binary files a/assets/bio-photos/anika.jpg and /dev/null differ diff --git a/assets/bio-photos/aubrey.jpeg b/assets/bio-photos/aubrey.jpeg new file mode 100644 index 0000000..f33ec0c Binary files /dev/null and b/assets/bio-photos/aubrey.jpeg differ diff --git a/assets/bio-photos/aubrey.jpg b/assets/bio-photos/aubrey.jpg deleted file mode 100644 index 43ab0c3..0000000 Binary files a/assets/bio-photos/aubrey.jpg and /dev/null differ diff --git a/assets/bio-photos/connie.jpg b/assets/bio-photos/connie.jpg index 6fe04b8..61a4660 100644 Binary files a/assets/bio-photos/connie.jpg and b/assets/bio-photos/connie.jpg differ diff --git a/assets/bio-photos/dylan.jpg b/assets/bio-photos/dylan.jpg new file mode 100644 index 0000000..25890a0 Binary files /dev/null and b/assets/bio-photos/dylan.jpg differ diff --git a/assets/bio-photos/dylan.png b/assets/bio-photos/dylan.png deleted file mode 100644 index b964380..0000000 Binary files a/assets/bio-photos/dylan.png and /dev/null differ diff --git a/assets/bio-photos/jeff.jpg b/assets/bio-photos/jeff.jpg index e219e4c..f8be13c 100644 Binary files a/assets/bio-photos/jeff.jpg and b/assets/bio-photos/jeff.jpg differ diff --git a/assets/bio-photos/jessica.jpeg b/assets/bio-photos/jessica.jpeg new file mode 100644 index 0000000..e595557 Binary files /dev/null and b/assets/bio-photos/jessica.jpeg differ diff --git a/assets/bio-photos/jessica.jpg b/assets/bio-photos/jessica.jpg deleted file mode 100644 index fc6c6c2..0000000 Binary files a/assets/bio-photos/jessica.jpg and /dev/null differ diff --git a/assets/bio-photos/kelly.jpg b/assets/bio-photos/kelly.jpg new file mode 100644 index 0000000..c056042 Binary files /dev/null and b/assets/bio-photos/kelly.jpg differ diff --git a/assets/bio-photos/kelly.png b/assets/bio-photos/kelly.png deleted file mode 100644 index 1b314d5..0000000 Binary files a/assets/bio-photos/kelly.png and /dev/null differ diff --git a/assets/bio-photos/lauren.jpeg b/assets/bio-photos/lauren.jpeg index aa0018d..c849c1f 100644 Binary files a/assets/bio-photos/lauren.jpeg and b/assets/bio-photos/lauren.jpeg differ diff --git a/assets/bio-photos/michael.jpg b/assets/bio-photos/michael.jpg new file mode 100644 index 0000000..0f78b57 Binary files /dev/null and b/assets/bio-photos/michael.jpg differ diff --git a/assets/bio-photos/michael.png b/assets/bio-photos/michael.png deleted file mode 100644 index 97de5f3..0000000 Binary files a/assets/bio-photos/michael.png and /dev/null differ diff --git a/assets/bio-photos/miku.jpg b/assets/bio-photos/miku.jpg new file mode 100644 index 0000000..b4f09ce Binary files /dev/null and b/assets/bio-photos/miku.jpg differ diff --git a/assets/bio-photos/miku.png b/assets/bio-photos/miku.png deleted file mode 100644 index f7b9270..0000000 Binary files a/assets/bio-photos/miku.png and /dev/null differ diff --git a/assets/bio-photos/sunny.jpeg b/assets/bio-photos/sunny.jpeg new file mode 100644 index 0000000..4228c5b Binary files /dev/null and b/assets/bio-photos/sunny.jpeg differ diff --git a/assets/bio-photos/sunny.jpg b/assets/bio-photos/sunny.jpg deleted file mode 100644 index 536f25c..0000000 Binary files a/assets/bio-photos/sunny.jpg and /dev/null differ diff --git a/assets/bio-photos/tongyu.jpg b/assets/bio-photos/tongyu.jpg new file mode 100644 index 0000000..173db6d Binary files /dev/null and b/assets/bio-photos/tongyu.jpg differ diff --git a/assets/bio-photos/tongyu.png b/assets/bio-photos/tongyu.png deleted file mode 100644 index e2d1795..0000000 Binary files a/assets/bio-photos/tongyu.png and /dev/null differ diff --git a/index.html b/index.html index f066de0..7f8e26d 100644 --- a/index.html +++ b/index.html @@ -49,17 +49,9 @@

csci 1300

user interfaces and user experience

- - - - - - - -
- +
@@ -82,11 +74,11 @@

websites

- + edstem logo

edstem →

 - + canvas logo

canvas →

 @@ -231,8 +223,9 @@ jeff's pastry - + jeff's image
@@ -245,7 +238,7 @@
- + shelf image
@@ -254,7 +247,8 @@

[hta] anika

- 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. +
anika's pastry - + anika's image
@@ -274,18 +269,19 @@ class="ta-pastry" id="michael-pastry" style="margin-bottom: 3px" + alt="michael's pastry" /> - + michael's image

[hta] michael

- Ciao! Ws only. + Ciao! Give me a cannoli or a sfogliatella then I'll be happy 😄😋

- + self image
@@ -295,8 +291,9 @@ src="./assets/pastry-photos/tongyu.png" class="ta-pastry" id="tongyu-pastry" + alt="tongyu's pastry" /> - + tongyu's image

[grad ta] tongyu

@@ -308,6 +305,7 @@ shelf image
@@ -326,8 +324,9 @@ class="ta-pastry" id="aubrey-pastry" style="margin-bottom: 3px" + alt="aubrey's pastry" /> - + aubrey's image @@ -344,12 +343,13 @@ class="ta-pastry" id="connie-pastry" style="margin-bottom: 3px" + alt="connie's pastry" /> - + connie's image - + shelf image
@@ -361,8 +361,9 @@ class="ta-pastry" id="dylan-pastry" style="margin-bottom: 3px" + alt="dylan's pastry" /> - + dylan's image

dylan

@@ -379,8 +380,9 @@ class="ta-pastry" id="isaac-pastry" style="margin-bottom: 3px" + alt="isaac's pastry" /> - + isaac's image

isaac

@@ -390,7 +392,7 @@
- + shelf image
@@ -408,8 +410,9 @@ class="ta-pastry" id="jenny-pastry" style="margin-bottom: 3px" + alt="jenny's pastry" /> - + jenny's image
@@ -426,12 +429,13 @@ class="ta-pastry" id="jessie-pastry" style="margin-bottom: 3px" + alt="jessie's pastry" /> - + jessie's image - + shelf image
@@ -443,8 +447,9 @@ class="ta-pastry" id="kelly-pastry" style="margin-bottom: 3px" + alt="kelly's pastry" /> - + kelly's image

kelly

@@ -461,8 +466,9 @@ class="ta-pastry" id="lauren-pastry" style="margin-bottom: 3px" + alt="lauren's pastry" /> - + lauren's image

lauren

@@ -472,7 +478,7 @@
- + shelf image
@@ -488,8 +494,9 @@ class="ta-pastry" id="melissa-pastry" style="margin-bottom: 3px" + alt="melissa's pastry" /> - + melissa's image
@@ -506,12 +513,13 @@ class="ta-pastry" id="miku-pastry" style="margin-bottom: 3px" + alt="miku's pastry" /> - + miku's image - + shelf image
@@ -521,10 +529,11 @@ nick's pastry - + nick's image

nick

@@ -544,12 +553,13 @@ class="ta-pastry" id="sunny-pastry" style="margin-bottom: 3px" + alt="sunny's pastry" /> - + sunny's image
- + shelf image diff --git a/script.js b/script.js index 7365d05..5706edc 100644 --- a/script.js +++ b/script.js @@ -2,7 +2,6 @@ const THRESHOLD_FIDELITY = 150; // accessibility tab index const sectionsAndHeaders = document.querySelectorAll('section, header'); -console.log(sectionsAndHeaders) sectionsAndHeaders.forEach(ele => ele.tabIndex = "1"); // mutation observer for the video element diff --git a/styles.css b/styles.css index 6a112e3..3663d10 100644 --- a/styles.css +++ b/styles.css @@ -624,10 +624,9 @@ staff area transition: .5s ease; opacity: 0; position: absolute; - top: calc(50% - 5px); + top: calc(50% - 25px); left: 50%; - height: 100px; - width: auto; + height: 150px; border-radius: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -- cgit v1.2.3-70-g09d2