From 2af75a60ad1c12ac06bbbd2539aba530d03fb6d0 Mon Sep 17 00:00:00 2001 From: Melissa Zhang Date: Wed, 7 Sep 2022 14:43:13 -0400 Subject: TA bio section styling --- index.html | 146 ++++++++++++++++++++++++++++--------------------------------- styles.css | 35 +++++++++------ 2 files changed, 88 insertions(+), 93 deletions(-) diff --git a/index.html b/index.html index 782ac36..ef98911 100755 --- a/index.html +++ b/index.html @@ -218,16 +218,7 @@
-
-
-

[professor] jeff

-

- jeff has been teaching cs 1300 for 10 years ever since its - inception. he’s studying cs and is an amateur farmer👨‍🌾, plays - keyboard in a local band, and holds the world record for tech - internships! -

-
+
jeff's image
+
+

[professor] jeff

+

+ jeff has been teaching cs 1300 for 10 years ever since its + inception. he’s studying cs and is an amateur farmer👨‍🌾, plays + keyboard in a local band, and holds the world record for tech + internships! +

+
shelf image
-
-
-

[hta] anika

-

- 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 + anika's image +
+
+

[hta] anika

+

+ Hi! I'm a senior from Minnesota studying computer science! I like tennis, word games, and trying new foods. +

@@ -267,16 +266,15 @@ src="./assets/pastry-photos/michael.png" class="ta-pastry" id="michael-pastry" - style="margin-bottom: 3px" alt="michael's pastry" /> michael's image
-
+

[hta] michael

-

+

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

+

@@ -284,7 +282,7 @@
-
+
tongyu's image
-
+

[grad ta] tongyu

-

+

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 @_@) -

+

-
+

aubrey

-

+

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 :) -

+

aubrey's pastry aubrey's image @@ -330,18 +327,17 @@
-
+

connie

-

+

Fan of Pantone 3435 C 🍉. -

+

connie's pastry connie's image @@ -359,16 +355,15 @@ src="./assets/pastry-photos/dylan.png" class="ta-pastry" id="dylan-pastry" - style="margin-bottom: 3px" alt="dylan's pastry" /> dylan's image
-
+

dylan

-

+

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. -

+

@@ -378,16 +373,15 @@ src="./assets/pastry-photos/isaac.png" class="ta-pastry" id="isaac-pastry" - style="margin-bottom: 3px" alt="isaac's pastry" /> isaac's image
-
+

isaac

-

+

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! -

+

@@ -397,18 +391,17 @@
-
+

jenny

-

+

Hey, I am a junior studying CS. Always on the search for cute and elegant designs, places to watch sunsets, and good food! -

+

jenny's pastry jenny's image @@ -416,18 +409,17 @@
-
+

jessie

-

+

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. -

+

jessie's pastry jessie's image @@ -445,16 +437,15 @@ src="./assets/pastry-photos/kelly.png" class="ta-pastry" id="kelly-pastry" - style="margin-bottom: 3px" alt="kelly's pastry" /> kelly's image
-
+

kelly

-

+

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. -

+

@@ -464,16 +455,15 @@ src="./assets/pastry-photos/lauren.png" class="ta-pastry" id="lauren-pastry" - style="margin-bottom: 3px" alt="lauren's pastry" /> lauren's image
-
+

lauren

-

+

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! -

+

@@ -483,16 +473,15 @@
-
+

melissa

-

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 the board game Go.

+

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 the board game Go.

melissa's pastry melissa's image @@ -500,18 +489,17 @@
-
+

miku

-

+

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.... .. -

+

miku's pastry miku's image @@ -529,33 +517,31 @@ src="./assets/pastry-photos/nick.png" class="ta-pastry" id="nick-pastry" - style="margin-bottom: 3px" alt="nick's pastry" /> nick's image
-
+

nick

-

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.

+

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.

-
-
-

sunny

-

- 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~

-
+
sunny's pastry sunny's image
+
+

sunny

+

+ 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~

+
shelf image diff --git a/styles.css b/styles.css index 05e3cb8..5be5418 100755 --- a/styles.css +++ b/styles.css @@ -570,25 +570,31 @@ staff area } .ta-box-left, .ta-box-right { - margin: 0 20px; + margin: 0 10px; +} + +.ta-box-left .img-box { + margin-right: 10px; +} + +.ta-box-right .img-box { + margin-left: 10px; } .ta-pastry { - width: 150px; + width: 120px; height: auto; text-shadow: 0 0 25px brown; z-index: 1; align-self: flex-end; opacity: 1; transition: .5s ease; - border-radius: 25%; - padding-bottom: 20px; } .bio-text { justify-content: center; - text-align: center; font-size: 120%; + padding: 5px; } .bio-text h3 { @@ -596,20 +602,18 @@ staff area margin: 0; } -.bio-text h4 { - font-size: 14px; +.bio-text p { + font-size: 12px; letter-spacing: normal; text-transform: none; - max-width: 200px; + max-width: 250px; line-height: 1.25; - margin-bottom: 35px; font-weight: normal; - padding: 0 5px; color: var(--second-accent-color); } .shelf-png { - width: 800px; + width: 900px; height: auto; margin-top: -30px; } @@ -618,14 +622,15 @@ staff area cursor: default; position: relative; height: 100%; + margin-bottom: 3px; } .ta-img { transition: .5s ease; opacity: 0; position: absolute; - top: calc(50% - 25px); + top: calc(50% - 5px); left: 50%; - height: 150px; + height: 120px; border-radius: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); @@ -642,6 +647,10 @@ staff area align-items: flex-end; } +.ta-wrapper { + margin-bottom: 35px; +} + /* faq area -- cgit v1.2.3-70-g09d2