From 7ff370164386047172b1dd75aa39ecc42f60b52e Mon Sep 17 00:00:00 2001 From: Sarojini Torchon <123351893+Sarojini-T@users.noreply.github.com> Date: Mon, 4 Dec 2023 20:29:01 -0500 Subject: [PATCH] about me changes --- images/Scott-img.png | 0 pages/about.html | 41 +++++++++++++++--------- styles.css | 75 +++++++++++++++++++++++++++++++------------- 3 files changed, 79 insertions(+), 37 deletions(-) create mode 100644 images/Scott-img.png diff --git a/images/Scott-img.png b/images/Scott-img.png new file mode 100644 index 0000000..e69de29 diff --git a/pages/about.html b/pages/about.html index 3357b82..9837e50 100644 --- a/pages/about.html +++ b/pages/about.html @@ -30,7 +30,7 @@ Assert Map - +
ASSERT @@ -61,32 +61,38 @@

Integrated Concentration in STEM (iCons)

- +

Meet the Team

-
- -

Scott M. Auerbach

+
+ +

Scott M. Auerbach

+

+ iCons Director,Chemistry Professor +

-

Anvitha Ramachandran
- Senior, Computer Science + Engineering +

Anvitha Ramachandran

+

+ Senior, CS + Engineering

-

Kushagra Srivastava
+

Kushagra Srivastava

+

Senior, Computer Science

-

Gabby Walczak
+

Gabby Walczak

+

Senior, Mathematics

@@ -95,27 +101,32 @@

Meet the Team

-

Sarojini Torchon
- Junior, Computer Science +

Sarojini Torchon

+

+ Junior, CS + Maths

-

Jose Cruz Mendez
- Junior, Mathematics + Computer Science +

Jose Cruz Mendez

+

+ Junior, Maths + CS

-

Suhani Chawla
+

Suhani Chawla

+

Junior, Computer Science

+ +
- +
diff --git a/styles.css b/styles.css index 5b8fca1..32b5e7d 100644 --- a/styles.css +++ b/styles.css @@ -132,6 +132,10 @@ iframe { } /*about page styles */ +.about-body{ + background-color: #383d0358; +} + .title-section{ padding: 15rem; background:#383d0369; @@ -154,7 +158,7 @@ iframe { #group-img{ width: 100%; - height: 75%; + height: 85%; } .about-title{ @@ -169,24 +173,11 @@ iframe { .icons{ font-family: 'Alata', sans-serif; text-align: center; - font-size: 30px; + font-size: 45px; padding-top: 15px; color:#f5fbef; } - .revealable { - position: relative; - transform: translateY(150px); - opacity: 0; - transition: all 2s ease; - } - - .revealable.active{ - transform: translateY(0px); - opacity: 1; - } - - .icons-paragraph{ font-family: 'Lato', sans-serif; margin: 26px; @@ -208,7 +199,7 @@ iframe { .meet-teem-header{ text-align: center; font-family: 'Alata', sans-serif; - font-size: 40px; + font-size: 45px; color: #f5fbef; } .intro{ @@ -217,29 +208,69 @@ iframe { } - /*styles to make circular image*/ .intro-img{ height: 20rem; width: 15rem; - border: 1px solid #f5fbef; - box-shadow: 5px 2px 2px #383d0324; + box-shadow: 2px 2px 2px #383d0324; margin: 26px; margin-bottom: 5px; } - .intro-paragraph{ + .name{ font-family: 'Lato', sans-serif; - font-size: 26px; + font-size: 25px; color:#232702; font-weight: bolder; margin: 35px; margin-top: 2px; + margin-bottom: 2px; + } +/* + seperate name class for Anvitha so their name stays within picture width */ + .name-Anvitha{ + font-family: 'Lato', sans-serif; + font-size: 23px; + color:#232702; + font-weight: bolder; + margin: 35px; + margin-top: 2px; + margin-bottom: 2px; + } + + .intro-paragraph{ + font-family: 'Lato', sans-serif; + font-size: 18px; + color:#232702; + font-weight: bolder; + margin: 35px; + margin-top: 2px; + } + .scott-img-div{ + display: flex; + justify-content: center; + flex-direction: column; + } + + .scott-img{ + height: 20rem; + width: 15rem; + box-shadow: 2px 2px 2px #383d0324; + margin: 26px; + margin-bottom: 5px; + display: flex; + justify-content: center; } - .Seniors-imgs{ display: flex; + justify-content: space-evenly; } .Juniors-imgs{ display: flex; + justify-content: space-evenly; +} + +.empty-div{ + padding: 70px; + color: #383d0358; } \ No newline at end of file