diff --git a/static/menu-c5b69f.webflow.css b/static/menu-c5b69f.webflow.css index 0e0b9d1f2c82ee9fca34ced802f5775374a1d3df..3684c5eae8c975f5078328b3fb985b190d50f1c9 100644 --- a/static/menu-c5b69f.webflow.css +++ b/static/menu-c5b69f.webflow.css @@ -171,7 +171,7 @@ } .nav-container.page-nav-container { - background-color: #0000; + background-color: #ffafcc; position: static; top: 0; } @@ -2527,19 +2527,6 @@ font-weight: 400; } -.dropdown-list-15 { - color: #07a3e0; - background-color: #dadada; - left: -27px; -} - -.dropdown-list-15.w--open { - -webkit-text-stroke-color: #fff; - text-transform: uppercase; - background-color: #fff4f7; - font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; -} - .nav-menu-4 { justify-content: flex-start; align-items: center; @@ -2558,14 +2545,54 @@ font-size: 14px; } -.div-block-52 { - margin-top: 4px; - margin-left: 0; - padding-left: 30px; - display: flex; +.dropdown-link-2 { + color: #000; +} + +.dropdown-toggle-8 { + color: #fff; + letter-spacing: 0; + text-transform: uppercase; + margin-top: 5px; + font-family: DM Serif Display, sans-serif; +} + +.dropdown-toggle-8:hover { + opacity: 1; + color: #000; + background-color: #f7afff; +} + +.text-block-17 { + font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; +} + +.link-19 { + text-align: left; +} + +.body-18 { + background-color: #ffafcc; +} + +.dropdown-link-3 { + font-size: 12px; +} + +.dropdown-list-23 { + color: #07a3e0; + background-color: #dadada; + left: -27px; +} + +.dropdown-list-23.w--open { + -webkit-text-stroke-color: #fff; + text-transform: uppercase; + background-color: #fff4f7; + font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } -.dropdown-toggle-5 { +.dropdown-toggle-11 { color: #fff; text-transform: uppercase; background-color: #0000; @@ -2577,28 +2604,24 @@ left: -32px; } -.dropdown-toggle-5:hover { +.dropdown-toggle-11:hover { color: #000; background-color: #fff; border-radius: 10px; } -.heading-108 { +.heading-117 { color: #f9f9f9; font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } -.icon-19 { +.icon-21 { font-size: 13px; top: 4px; right: -6px; } -.dropdown-link-2 { - color: #000; -} - -.navbar-4 { +.navbar-6 { text-align: left; background-color: #0000; display: flex; @@ -2606,11 +2629,11 @@ top: 0; } -.navbar-4.page-nav-bar { +.navbar-6.page-nav-bar { background-color: #ffafcc; } -.div-block-53 { +.div-block-66 { z-index: 100; background-color: #bde0fe; width: 100%; @@ -2618,7 +2641,7 @@ position: relative; } -.div-block-53.progress-bar { +.div-block-66.progress-bar { grid-column-gap: 0px; grid-row-gap: 0px; perspective-origin: 50%; @@ -2632,29 +2655,30 @@ top: 0; } -.section-21 { +.section-28 { justify-content: center; align-items: center; margin-top: 64px; display: flex; } -.image-72 { +.image-75 { opacity: 1; + border: 7px solid #ffe5ec; border-radius: 8px; width: 931px; } -.image-72:hover { +.image-75:hover { border: 6px solid #f7afff; } -.section-22 { +.section-29 { color: #fff; margin-top: 26px; } -.heading-109 { +.heading-118 { color: #fff; text-align: center; letter-spacing: 1px; @@ -2667,29 +2691,19 @@ display: flex; } -.member-img-2 { - border-radius: 8px; -} - -.dropdown-8 { +.dropdown-19 { color: #cf9f9f; } -.dropdown-toggle-7 { - color: #fff; - letter-spacing: 0; - text-transform: uppercase; - margin-top: 5px; - font-family: DM Serif Display, sans-serif; -} - -.dropdown-toggle-7:hover { - opacity: 1; - color: #000; - background-color: #f7afff; +.member-img { + box-sizing: border-box; + object-fit: fill; + border-radius: 8px; + display: block; + overflow: clip; } -.section-23 { +.section-14 { justify-content: space-between; align-items: flex-start; margin-top: 62px; @@ -2697,67 +2711,20 @@ display: flex; } -.section-23.leader-section { +.section-14.leader-section { justify-content: center; } -.text-block-13 { - font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; -} - -.div-block-54 { - flex-flow: column; - justify-content: flex-start; - align-items: flex-start; - padding-left: 60px; - padding-right: 60px; - display: flex; -} - -.section-24 { - justify-content: space-between; - align-items: flex-start; - margin-top: 62px; - padding-left: 0; - display: flex; -} - -.div-block-55 { +.div-block-67 { flex-flow: column; justify-content: flex-start; - align-items: flex-start; + align-items: center; padding-left: 60px; padding-right: 60px; display: flex; } -.member-img-3 { - border-radius: 8px; -} - -.dropdown-9 { - color: #cf9f9f; -} - -.dropdown-toggle-8 { - color: #fff; - letter-spacing: 0; - text-transform: uppercase; - margin-top: 5px; - font-family: DM Serif Display, sans-serif; -} - -.dropdown-toggle-8:hover { - opacity: 1; - color: #000; - background-color: #f7afff; -} - -.text-block-14 { - font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; -} - -.section-25 { +.section-30 { justify-content: space-between; align-items: flex-start; margin-top: 62px; @@ -2765,28 +2732,19 @@ display: flex; } -.div-block-56 { - flex-flow: column; - justify-content: flex-start; - align-items: flex-start; - padding-left: 60px; - padding-right: 60px; - display: flex; -} - -.member-img-4 { +.member-img-7 { + box-sizing: border-box; + object-fit: fill; border-radius: 8px; + display: block; + overflow: clip; } -.dropdown-10 { +.dropdown-20 { color: #cf9f9f; } -.text-block-15 { - font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; -} - -.section-26 { +.section-31 { justify-content: space-between; align-items: flex-start; margin-top: 62px; @@ -2794,28 +2752,19 @@ display: flex; } -.div-block-57 { - flex-flow: column; - justify-content: flex-start; - align-items: flex-start; - padding-left: 60px; - padding-right: 60px; - display: flex; -} - -.member-img-5 { +.member-img-8 { + box-sizing: border-box; + object-fit: fill; border-radius: 8px; + display: block; + overflow: clip; } -.dropdown-11 { +.dropdown-21, .dropdown-22 { color: #cf9f9f; } -.text-block-16 { - font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; -} - -.heading-110 { +.heading-119 { color: #fff; text-align: center; letter-spacing: 1px; @@ -2828,34 +2777,17 @@ display: flex; } -.div-block-58 { - flex-flow: column; - justify-content: flex-start; - align-items: flex-start; - padding-left: 60px; - padding-right: 60px; - display: flex; -} - -.member-img-6 { - border-radius: 8px; -} - -.dropdown-12 { +.dropdown-23 { color: #cf9f9f; } -.text-block-17 { - font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; -} - -.section-27 { +.section-32 { justify-content: center; align-items: flex-start; display: flex; } -.div-block-59 { +.div-block-68 { background-color: #000; flex-flow: column; justify-content: center; @@ -2866,11 +2798,11 @@ display: block; } -.div-block-59.page-footer { +.div-block-68.page-footer { background-color: #ffc8dd; } -.heading-111 { +.heading-120 { width: 1050px; margin-bottom: 40px; margin-left: auto; @@ -2883,7 +2815,7 @@ display: block; } -.heading-112 { +.heading-121 { color: #fff; text-align: center; -webkit-text-stroke-color: #000; @@ -2901,7 +2833,7 @@ display: block; } -.paragraph-120 { +.paragraph-122 { text-align: center; width: 1050px; margin-bottom: 50px; @@ -2910,18 +2842,6 @@ font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } -.link-19 { - text-align: left; -} - -.body-18 { - background-color: #ffafcc; -} - -.dropdown-link-3 { - font-size: 12px; -} - @media screen and (min-width: 1280px) { .navbar { background-color: #0000; @@ -3204,10 +3124,6 @@ font-family: Lato, sans-serif; } - .dropdown-list-15.w--open { - margin-left: 0; - } - .nav-menu-4 { justify-content: flex-end; align-items: center; @@ -3215,15 +3131,19 @@ inset: 0% 3% 0% auto; } - .dropdown-toggle-5 { + .dropdown-list-23.w--open { + margin-left: 0; + } + + .dropdown-toggle-11 { padding-left: 20px; } - .navbar-4 { + .navbar-6 { background-color: #0000; } - .div-block-53.progress-bar { + .div-block-66.progress-bar { width: 1300px; } } @@ -3531,65 +3451,76 @@ margin-top: 9px; } - .dropdown-list-15 { - font-family: Arial, Helvetica Neue, Helvetica, sans-serif; - left: -66px; + .nav-menu-4.none { + position: absolute; + left: auto; } - .dropdown-list-15.w--open { + .dropdown-toggle-8 { + font-size: 17px; + } + + .text-block-20 { + letter-spacing: 2px; + text-transform: uppercase; font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } - .nav-menu-4.none { - position: absolute; - left: auto; + .dropdown-list-23 { + font-family: Arial, Helvetica Neue, Helvetica, sans-serif; + left: -66px; + } + + .dropdown-list-23.w--open { + font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } - .dropdown-toggle-5 { + .dropdown-toggle-11 { color: #fff; text-transform: uppercase; font-family: Oswald, sans-serif; left: -70px; } - .dropdown-toggle-5:hover { + .dropdown-toggle-11:hover { color: #000; } - .dropdown-toggle-5.w--open { + .dropdown-toggle-11.w--open { font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } - .navbar-4 { + .navbar-6 { grid-column-gap: 0px; grid-row-gap: 0px; justify-content: flex-start; align-items: stretch; } - .navbar-4.page-nav-bar { + .navbar-6.page-nav-bar { position: sticky; } - .div-block-53.progress-bar { + .div-block-66.progress-bar { width: auto; } - .heading-109 { + .heading-118 { -webkit-text-stroke-color: #e5e2e5; margin-top: 99px; } - .dropdown-toggle-7, .dropdown-toggle-8 { - font-size: 17px; + .div-block-67 { + justify-content: flex-start; + align-items: center; } - .heading-110 { + .heading-119 { -webkit-text-stroke-color: #e5e2e5; margin-top: 99px; } - .section-27 { + .section-32 { flex-flow: row; justify-content: center; align-items: flex-start; @@ -3744,11 +3675,7 @@ font-size: 24px; } - .div-block-52 { - padding-left: 0; - } - - .div-block-54, .div-block-55, .div-block-56, .div-block-57, .div-block-58 { + .div-block-67 { padding-right: 60px; } } @@ -4183,16 +4110,26 @@ margin-top: -8px; } - .nav-menu-4.none, .navbar-4 { + .nav-menu-4.none { display: none; } - .image-71 { + .dropdown-list-17 { + background-color: #ffafcc; + font-family: Oswald, sans-serif; + position: relative; + } + + .navbar-6 { + display: none; + } + + .image-74 { margin-top: 10px; margin-left: 6px; } - .dropdown-list-16 { + .dropdown-list-24 { text-transform: uppercase; background-color: #ffafcc; font-family: Oswald, sans-serif; @@ -4200,42 +4137,54 @@ top: auto; } - .dropdown-list-16.w--open { + .dropdown-list-24.w--open { position: absolute; top: auto; } - .dropdown-toggle-6 { + .dropdown-toggle-12 { flex-flow: row; justify-content: flex-start; align-items: center; display: flex; } - .nav-menu-5 { + .nav-menu-7 { background-color: #f7afff; margin-top: 5px; } - .nav-menu-5.page-nav-menu { + .nav-menu-7.page-nav-menu { background-color: #fff; } - .dropdown-7 { - display: block; + .dropdown-list-25 { + background-color: #f1ebeb; + position: relative; + top: auto; } - .container-14 { - flex: 1; + .dropdown-list-25.w--open { + text-transform: uppercase; + background-color: #fff; + font-family: Oswald, sans-serif; + position: absolute; + top: auto; } - .dropdown-list-17 { + .dropdown-list-25.dropdpwn-mobile.w--open { background-color: #ffafcc; - font-family: Oswald, sans-serif; - position: relative; } - .dropdown-list-18 { + .dropdown-18 { + display: block; + } + + .container-16 { + flex: 1; + } + + .dropdown-list-26 { text-transform: uppercase; background-color: #ffafcc; font-family: Oswald, sans-serif; @@ -4243,55 +4192,25 @@ top: auto; } - .dropdown-list-18.w--open { + .dropdown-list-26.w--open { position: absolute; top: auto; } - .text-block-12 { + .text-block-21 { text-transform: uppercase; flex: 0 auto; font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } - .section-23 { - flex-flow: column; - justify-content: flex-start; - align-items: center; - padding-right: 0; - } - - .div-block-54 { - justify-content: flex-start; - align-items: center; - padding-bottom: 73px; - padding-left: 0; - padding-right: 0; - } - - .section-24 { - flex-flow: column; - justify-content: flex-start; - align-items: center; - padding-right: 0; - } - - .div-block-55 { - justify-content: flex-start; - align-items: center; - padding-bottom: 73px; - padding-left: 0; - padding-right: 0; - } - - .section-25 { + .section-14 { flex-flow: column; justify-content: flex-start; align-items: center; padding-right: 0; } - .div-block-56 { + .div-block-67 { justify-content: flex-start; align-items: center; padding-bottom: 73px; @@ -4299,26 +4218,18 @@ padding-right: 0; } - .section-26 { + .section-30, .section-31 { flex-flow: column; justify-content: flex-start; align-items: center; padding-right: 0; } - .div-block-57, .div-block-58 { - justify-content: flex-start; - align-items: center; - padding-bottom: 73px; - padding-left: 0; - padding-right: 0; - } - - .div-block-59 { + .div-block-68 { flex-flow: column; } - .heading-112 { + .heading-121 { padding-left: 50px; } } @@ -4532,17 +4443,17 @@ font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } - .navbar-4 { + .navbar-6 { flex: 0 auto; align-self: center; } - .text-block-12 { + .text-block-21 { letter-spacing: 1px; font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif; } - .heading-112 { + .heading-121 { padding-left: 50px; } } @@ -4687,31 +4598,26 @@ display: flex; } - .navbar-4 { + .navbar-6 { flex-flow: column; justify-content: center; align-items: center; } - .heading-109 { + .heading-118 { font-size: 34px; } - .div-block-54, .div-block-55, .div-block-56, .div-block-57 { + .div-block-67 { justify-content: flex-start; align-items: center; } - .heading-110 { + .heading-119 { font-size: 34px; } - .div-block-58 { - justify-content: flex-start; - align-items: center; - } - - .heading-112 { + .heading-121 { text-align: left; padding-left: 18px; } diff --git a/wiki/pages/team.html b/wiki/pages/team.html index 9cbcd7656058f8604f654981abfa3e832cd368c3..b1019ac113103a7e62abc34c985b2ff509f84aab 100644 --- a/wiki/pages/team.html +++ b/wiki/pages/team.html @@ -64,41 +64,41 @@ </nav> </div> </div> - <div class="div-block-45 progress-bar"></div> + <div class="div-block-53 progress-bar"></div> </div> <div> <div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar-3 w-nav"> - <div class="container-10 w-container"> - <a href="#" class="w-nav-brand"><img width="73" loading="lazy" alt="" src="https://static.igem.wiki/teams/5254/boston-boslab-11.png" class="image-22"></a> - <nav role="navigation" class="nav-menu-2 page-nav-menu w-nav-menu"> - <div data-delay="0" data-hover="false" class="dropdown-5 w-dropdown"> - <div class="dropdown-toggle-2 w-dropdown-toggle"> + <div class="container-14 w-container"> + <a href="#" class="w-nav-brand"><img width="73" loading="lazy" alt="" src="images/Boston-Boslab-11.png" class="image-71"></a> + <nav role="navigation" class="nav-menu-5 page-nav-menu w-nav-menu"> + <div data-delay="0" data-hover="false" class="dropdown-7 w-dropdown"> + <div class="dropdown-toggle-6 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-8">Team</div> + <div class="text-block-12">Team</div> </div> - <nav class="dropdown-list-12 w-dropdown-list"> + <nav class="dropdown-list-18 w-dropdown-list"> <a href="https://2024.igem.wiki/boston-boslab/team" class="w-dropdown-link">TEAM</a> <a href="https://2024.igem.wiki/boston-boslab/attributions" class="w-dropdown-link">ATTRIBUTIONS</a> </nav> </div> - <div data-delay="0" data-hover="false" class="dropdown-5 w-dropdown"> - <div class="dropdown-toggle-2 w-dropdown-toggle"> + <div data-delay="0" data-hover="false" class="dropdown-7 w-dropdown"> + <div class="dropdown-toggle-6 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-8">Wetlab</div> + <div class="text-block-12">Wetlab</div> </div> - <nav class="dropdown-list-14 w-dropdown-list"> + <nav class="dropdown-list-17 w-dropdown-list"> <a href="https://2024.igem.wiki/boston-boslab/measurement" class="w-dropdown-link">EXPERIMENTS</a> <a href="https://2024.igem.wiki/boston-boslab/engineering" class="w-dropdown-link">RESULTS</a> <a href="https://2024.igem.wiki/boston-boslab/safety" class="w-dropdown-link">SAFETY</a> <a href="https://2024.igem.wiki/boston-boslab/notebook" class="w-dropdown-link">NOTEBOOK</a> </nav> </div> - <div data-delay="0" data-hover="false" class="dropdown-5 w-dropdown"> - <div class="dropdown-toggle-2 w-dropdown-toggle"> + <div data-delay="0" data-hover="false" class="dropdown-7 w-dropdown"> + <div class="dropdown-toggle-6 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-8">Human Practices</div> + <div class="text-block-12">Human Practices</div> </div> - <nav class="dropdown-list-13 w-dropdown-list"> + <nav class="dropdown-list-16 w-dropdown-list"> <a href="https://2024.igem.wiki/boston-boslab/human-practices" class="w-dropdown-link">Human Practices</a> <a href="https://2024.igem.wiki/boston-boslab/entrepreneurship" class="w-dropdown-link">Entrepreneurship</a> <a href="https://2024.igem.wiki/boston-boslab/education" class="w-dropdown-link">Education</a> @@ -106,16 +106,15 @@ <a href="https://2024.igem.wiki/boston-boslab/sustainable" class="w-dropdown-link">Sustainable Development</a> </nav> </div> - <div data-delay="0" data-hover="false" class="dropdown-5 w-dropdown"> - <div class="dropdown-toggle-2 w-dropdown-toggle"> + <div data-delay="0" data-hover="false" class="dropdown-7 w-dropdown"> + <div class="dropdown-toggle-6 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-8">Project</div> + <div class="text-block-12">Project</div> </div> <nav class="dropdown-list-6 dropdpwn-mobile w-dropdown-list"> <a href="https://2024.igem.wiki/boston-boslab/description" class="w-dropdown-link">Description</a> <a href="https://2024.igem.wiki/boston-boslab/contribution" class="w-dropdown-link">Contribution</a> <a href="https://2024.igem.wiki/boston-boslab/model" class="w-dropdown-link">Model</a> - <a href="https://2024.igem.wiki/boston-boslab/design" class="w-dropdown-link">Design</a> </nav> </div> </nav> @@ -125,84 +124,84 @@ </div> </div> </div> - <section class="section-13"><img src="https://static.igem.wiki/teams/5254/section-images/team-img.jpeg" loading="lazy" alt="" class="image-23"></section> - <section class="section-15"> - <h1 class="heading-46">MEET OUR TEAM</h1> + <section class="section-28"><img loading="lazy" src="images/team_img.jpeg" alt="" class="image-75"></section> + <section class="section-29"> + <h1 class="heading-118">MEET OUR TEAM</h1> </section> <section class="section-14 leader-section"> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/mana.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="266" alt="" src="https://static.igem.wiki/teams/5254/team/mana.jpg" loading="lazy" class="member-img"> + <div data-delay="0" data-hover="false" class="dropdown-19 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Mana Hayashida</div> + <div class="text-block-17">Mana Hayashida</div> </div> <nav class="image-drop-down w-dropdown-list"> - <p class="image-drop-down-paragraph">Hi, I'm Mana! I'm a senior at Newton South High School, and I’m beyond excited to be leading the 2024 Boston Boslab iGEM team. When I’m not completely drowning in igem work at Boslab, I spend my time sleeping or reading (I’m a hardcore homebody). I joined iGEM because I was fascinated by the idea of engineering organisms to do our bidding. The potential to solve world problems is huge, but let’s be real—even just creating bacteria that produces the most MSG ever? Now, that’s life changing.</p> + <p class="image-drop-down-paragraph">Hi, I'm Mana! I'm a senior at Newton South High School, and I’m beyond excited to be leading the 2024 Boston Boslab iGEM team. When I’m not completely drowning in igem work at Boslab, I spend my time sleeping or reading (I’m a hardcore homebody). I joined iGEM because I was fascinated by the idea of engineering organisms to do our bidding. The potential to solve world problems is huge, but let’s be real—even just creating bacteria that produces the most MSG ever? Now, that’s life changing.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/nicolas.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/nicolas.jpg" loading="lazy" class="member-img"> + <div data-delay="0" data-hover="false" class="dropdown-19 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Nicolas Rojas Taborda</div> + <div class="text-block-17">Nicolas Rojas Taborda</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hello! My name is Nicolas Rojas Taborda and I'm a 12th grade student at Revere High School.I'm the team's associate lead and my primary contributions were in the education / human-practice, wetlab, and modeling subteams.I mainly enjoy reading and writing in my free time. Some of my favorite books are King Kong Theory by Virginie Despentes, and The Dangers of Smoking in Bed by Mariana Fernandez.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/michaelzhu.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/michaelzhu.jpg" loading="lazy" class="member-img"> + <div data-delay="0" data-hover="false" class="dropdown-19 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Michael Zhu</div> + <div class="text-block-17">Michael Zhu</div> </div> <nav class="image-drop-down w-dropdown-list"> - <p class="image-drop-down-paragraph">Hey I'm Michael Zhu! I'm a senior at Brookline High School. I am the Modeling Lead. On the team I have been part of a wide range of other teams. I started off and have been part of the design team when joining and then I later branched out to doing a side project on education team with Biobuilder and also did a little bit of Wetlab.. Some of my hobbies include baking, singing in the shower, playing Squash, and camping.</p> + <p class="image-drop-down-paragraph">Hey I'm Michael Zhu! I'm a senior at Brookline High School. I am the Modeling Lead. On the team I have been part of a wide range of other teams. I started off and have been part of the design team when joining and then I later branched out to doing a side project on education team with Biobuilder and also did a little bit of Wetlab.. Some of my hobbies include baking, singing in the shower, playing Squash, and camping.</p> </nav> </div> </div> </section> - <section class="section-14"> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/vidyuth2.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <section class="section-30"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/vidyuth2.jpg" loading="lazy" class="member-img-7"> + <div data-delay="0" data-hover="false" class="dropdown-20 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Vidyuth Sathish</div> + <div class="text-block-17">Vidyuth Sathish</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hi! My name is Vidyuth Sathish, and I am a junior in Boston. I am the lead of the Education subteam, and also helped with our Human Practices project. I love to spend time with my family and play sports like tennis and swimming; and I also love to take pictures and cook. I joined iGEM because I have always been interested in the field of science, and because I wanted to learn more about synthetic biology and how it has been able to change our world and inspire the young minds of students around the world.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/sid3.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/sid3.jpg" loading="lazy" class="member-img-7"> + <div data-delay="0" data-hover="false" class="dropdown-20 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Sidharth Nair </div> + <div class="text-block-17">Sid NAir </div> </div> <nav class="image-drop-down w-dropdown-list"> - <p class="image-drop-down-paragraph">Hi, I'm Sid, an 11th-grade student and the Wetlab Co-Lead. One of my hobbies is throwing javelin. I joined iGEM to gain more hands-on experience in the lab and to learn more about the scientific process.</p> + <p class="image-drop-down-paragraph">Hi, I'm Sid, an 11th-grade student and the Wetlab Co-Lead. One of my hobbies is throwing javelin. I joined iGEM to gain more hands-on experience in the lab and to learn more about the scientific process.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/annesha2.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/annesha2.jpg" loading="lazy" class="member-img-7"> + <div data-delay="0" data-hover="false" class="dropdown-20 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Aneesha Aryan</div> + <div class="text-block-17">Aneesha Aryan</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hi, I'm Aneesha Aryan! I'm a sophmore at Newton North High School. I am a member of Human Practices subgroup on our team. In my free time I enjoy playing volleyball, reading, and exploring different aspects of science, specifically medicine. I joined iGEM because of my love for biology, connection with BOSLab, and drive to compete in the iGEM community.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/aadi3.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/aadi3.jpg" loading="lazy" class="member-img-7"> + <div data-delay="0" data-hover="false" class="dropdown-20 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Aadi Aryan</div> + <div class="text-block-17">Aadi Aryan</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Aaditya Aryan is a 12th-grade student. He serves as the Fundraising Lead and is a member of the Entrepreneurial Team. He enjoys playing baseball and chess. His current focus is on exploring his interest in entrepreneurship, particularly how it applies to real businesses.</p> @@ -210,45 +209,45 @@ </div> </div> </section> - <section class="section-14"> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/faria.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <section class="section-31"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/faria.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-21 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Faria Ashrafi</div> + <div class="text-block-17">Faria Ashrafi</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hi , My name is Faria! I'm currently a Senior in High School and my role on the team is the leader of the Human Practices sub-team. I do a lot of reading and writing in my free time and I enjoy joining different communities! The reason I joined iGEM was how much I enjoy learning from experts with new and unique perspectives. iGEM has thought me a lot and I'm really excited for our team!</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/leo.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/leo.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-21 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Leonardo Mayorga</div> + <div class="text-block-17">Leonardo Mayorga</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">-Hi, I'm Leonardo Mayorga- I'm in 12th grade-I am the lead in entrepreneurship at BOSlab-In my spare time I play Soccer and at night I play videogames with my friends.-I joined because I thought it would be nice to experience the bio-world more closely and participate in something bigger.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/erin.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/erin.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-21 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Erin Suh</div> + <div class="text-block-17">Erin Suh</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hi, I'm Erin Suh! I'm a senior at Lexington High School and I'm currently a member of Design team and Wiki team, as well as the lead for the Sustainable Development subteam. In my free time, I like to watch people doing covers of songs and looking for new releases (I love music in general). I also enjoy playing badminton, working out at home, and eating desserts. I joined iGEM because I'm interested in environmental bioengineering (using bioengineering for sustainability), and participating in iGEM seemed to be a great way for me to get hands-on experience with developing and following through with a project that aligns witch what I'd like to pursue as a future career. I've met a lot of cool new people, and it's been a great experience!</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/carlos.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/carlos.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-21 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Carlos Umanzor</div> + <div class="text-block-17">Carlos Umanzor</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hi! My name is Carlos Umanzor. I am a Junior at Revere High School. I am the Wiki Lead at BOSLab. On my free time I like to read, binge watch movies, take film photos, and I like to do science-related things. I joined iGEM because I have a passion for making a difference in the world and biology related things. I was curious to learn more about synthetic-biology.</p> @@ -256,45 +255,45 @@ </div> </div> </section> - <section class="section-14"> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/anuj3.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <section class="section-31"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/anuj3.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-22 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Anuj Joshi</div> + <div class="text-block-17">Anuj Joshi</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hi, my name is Anuj Joshi and I am a sophomore at Sharon High School! I am a member of the Wetlab of Boston BOSLab. In my free time, I like to golf, hang out with friends, and watch/play sports. I joined iGEM because I was a member of BOSLab prior to the competition and I heard about it through BOSLab, so I joined.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/rayan2.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/rayan2.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-22 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Rayan Elmzabi</div> + <div class="text-block-17">Rayan Elmzabi</div> </div> <nav class="image-drop-down w-dropdown-list"> - <p class="image-drop-down-paragraph"></p> + <p class="image-drop-down-paragraph">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/shiv.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/shiv.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-22 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Shiv Meiyur</div> + <div class="text-block-17">Shiv Meiyur</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">I am Shiv Meiyur, a 12th-grade student and the Wetlab Subteam Lead. I enjoy swimming, working out, traveling, skiing, playing lacrosse and tennis, and playing video games. I joined iGEM through the BosLab teen group, which I have been a part of since 8th grade.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/shaanveer.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/shaanveer.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-22 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Shaanveer Gupta</div> + <div class="text-block-17">Shaanveer Gupta</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hi, I'm Shaanveer Gupta. I am a junior at Thayer Academy. I am the co-lead of the wetlab subteam. When I'm not hard at work in and out of the lab, I like to play guitar, swim, and listen to music. Finally, I joined BOSlab's iGEM team because I have been coming to help and work at BOSlab since 7th grade, so I have been part of the Scientists In Training Teens group. </p> @@ -302,46 +301,46 @@ </div> </div> </section> - <h1 class="heading-46">MENTORS</h1> - <section class="section-14"> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/wendy.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <h1 class="heading-119">MENTORS</h1> + <section class="section-31"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/wendy.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-23 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Wendy Pouliot</div> + <div class="text-block-17">Wendy Pouliot</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph"></p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/michaeltaylor.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/michaeltaylor.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-23 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Michael Taylor</div> + <div class="text-block-17">Michael Taylor</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">I am a mentor to this wonderful team. I was apart of the 2018 FSU iGEM team where I lead the design team. In 2019, I started with Ginkgo Bioworks as an Assay Development scientists. I have extensive experiencing building assays and processes for enzymes, proteins, and organisms. I enjoy gardening, fermenting foods, and playing with my dog (@peachpit_theheeler on Instagram). After the 2018 season, I began mentoring teams as a way to stay involved with the iGEM community. I do this because I believe in the future of biotechnology and in the young scientists who participate in iGEM every year.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/josh4.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/josh4.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-23 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Josh Abramson</div> + <div class="text-block-17">Josh Abramson</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hey, I'm Josh. I’m an iGEM veteran who competed for the University of Michigan and is now serving as a founding mentor for the team. My scientific interests are research in aging and cancer. For fun I enjoy computer games, comedy, and leading mentees astray.</p> </nav> </div> </div> - <div class="div-block-47"><img src="https://static.igem.wiki/teams/5254/team/sierra.jpg" loading="lazy" width="270" height="Auto" alt="" class="member-img"> - <div data-hover="false" data-delay="0" class="dropdown-6 w-dropdown"> - <div class="dropdown-toggle-4 w-dropdown-toggle"> + <div class="div-block-67"><img width="270" height="Auto" alt="" src="https://static.igem.wiki/teams/5254/team/sierra.jpg" loading="lazy" class="member-img-8"> + <div data-delay="0" data-hover="false" class="dropdown-23 w-dropdown"> + <div class="dropdown-toggle-8 w-dropdown-toggle"> <div class="w-icon-dropdown-toggle"></div> - <div class="text-block-11">Sierra Harken</div> + <div class="text-block-17">Sierra Harken</div> </div> <nav class="image-drop-down w-dropdown-list"> <p class="image-drop-down-paragraph">Hello! I am Sierra Harken. I am a mentor for the BosLabs iGEM team. I am a former iGEM alumna from team Stanford-Brown (2017). Professionally, I work in biotech in Boston, MA. In my spare time, I enjoy science outreach, working on mopeds, and riding motorcycles around the Northeast.</p> @@ -349,16 +348,13 @@ </div> </div> </section> - <section class="section-20"><img src="https://static.igem.wiki/teams/5254/boston-boslab-11.png" loading="lazy" width="307" alt=""></section> -</section> -</div> -<div class="div-block-42 page-footer"> - <h1 class="heading-58"></h1> - <h1 class="heading-37">Boston Boslab iGEM</h1> - <p class="paragraph-50">© 2024 - Content on this site is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" class="link-5">Creative Commons Attribution 4.0 International License.</a> This repository used to create this website is available at <a href="http://gitlab.igem.org/2024/boston-boslab">gitlab.igem.org/2024/boston-boslab</a> - </p> -</div> -</section> + <section class="section-32"><img width="307" loading="lazy" alt="" src="https://static.igem.wiki/teams/5254/boston-boslab-11.png"></section> + <div class="div-block-68 page-footer"> + <h1 class="heading-120"></h1> + <h1 class="heading-121">Boston Boslab iGEM</h1> + <p class="paragraph-122">© 2024 - Content on this site is licensed under a <a href="https://creativecommons.org/licenses/by/4.0/" class="link-19">Creative Commons Attribution 4.0 International License.</a> This repository used to create this website is available at <a href="http://gitlab.igem.org/2024/boston-boslab">gitlab.igem.org/2024/boston-boslab</a> + </p> + </div> <script src="https://static.igem.wiki/teams/5254/jquery-3-5-1-min-dc5e7f18c8.js" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="{{ url_for('static', filename='webflow.js') }}" type="text/javascript"></script> </body>