|
|
| Line 1: |
Line 1: |
| | + | {{iTesla-Soundbio}} |
| | <html> | | <html> |
| − | <style> /*STYLE FOR ALL PAGES*/
| |
| − | body { /* Replaces "root" div -- filtered out all iGEM wiki settings (see first <script>)*/
| |
| − | width: 100%;
| |
| − | height: 100vh;
| |
| − | background-size:cover;
| |
| − | background-repeat:no-repeat;
| |
| − | /*background-image:url("https://raddinteractive.com/wp-content/uploads/Chalkboard-background-e1463542024446.jpg");
| |
| − | */
| |
| − | background-color: whitesmoke;
| |
| − | margin: 0px;
| |
| − | padding: 0px;
| |
| − | }
| |
| − | /* Style the top navigation bar */
| |
| − | .topnav {
| |
| − | overflow: hidden;
| |
| − | background-color: #333;
| |
| − | font-family: Bahnschrift;
| |
| − | font-size: 15px;
| |
| − | width: 100%;
| |
| − | margin-top: -10px;
| |
| − | }
| |
| − | /* Style the topnav links */
| |
| − | .topnav a {
| |
| − | float: right;
| |
| − | display: block;
| |
| − | color: #f2f2f2;
| |
| − | text-align: center;
| |
| − | padding: 14px 16px;
| |
| − | text-decoration: none;
| |
| − | /*for transitions when hovering*/
| |
| − | -o-transition: color .2s ease-out, background 1s ease-in;
| |
| − | -ms-transition: color .2s ease-out, background 1s ease-in;
| |
| − | -moz-transition: color .2s ease-out, background 1s ease-in;
| |
| − | -webkit-transition: color .2s ease-out, background 1s ease-in;
| |
| − | }
| |
| − | .topnav a img {
| |
| − | height: 10%;
| |
| − | width: 10%;
| |
| − | }
| |
| − | .topnav a.logo {
| |
| − | float: left;
| |
| − | }
| |
| − | /* Change color on hover */
| |
| − | .topnav a:hover, .dropdown:hover .dropdown-button {
| |
| − | background-color: #ddd;
| |
| − | color: black;
| |
| − |
| |
| − | }
| |
| − | .dropdown {
| |
| − | float: right;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .dropdown .dropdown-button {
| |
| − | font-size: 16px;
| |
| − | border: none;
| |
| − | outline: none;
| |
| − | color: white;
| |
| − | padding: 14px 16px;
| |
| − | background-color: inherit;
| |
| − | font-family: inherit;
| |
| − | margin: 0;
| |
| − | cursor: pointer;
| |
| − | /*for transitions when hovering*/
| |
| − | -o-transition: color .2s ease-out, background 1s ease-in;
| |
| − | -ms-transition: color .2s ease-out, background 1s ease-in;
| |
| − | -moz-transition: color .2s ease-out, background 1s ease-in;
| |
| − | -webkit-transition: color .2s ease-out, background 1s ease-in;
| |
| − | }
| |
| − | .dropdown-content {
| |
| − | /* opacity: 0; */
| |
| − | display: none;
| |
| − | position: absolute;
| |
| − | background-color: whitesmoke;
| |
| − | min-width: 160px;
| |
| − | box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
| |
| − | z-index: 1;
| |
| − | }
| |
| − | .dropdown-content a {
| |
| − | float: none;
| |
| − | color: black;
| |
| − | padding: 12px 16px;
| |
| − | text-decoration: none;
| |
| − | display: block;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .dropdown-content a:hover {
| |
| − | background-color: white;
| |
| − | }
| |
| − |
| |
| − | .dropdown:hover .dropdown-content {
| |
| − | display: block;
| |
| − | /*
| |
| − | opacity: 1;
| |
| − | transition: all 1s ease;
| |
| − | -webkit-transition: all 1s ease;
| |
| − | */
| |
| − | }
| |
| − | /* Base DIVs for whole website */
| |
| − | #root {
| |
| − | position: absolute;
| |
| − | font-size: 16px;
| |
| − | width: 100%;
| |
| − | height: auto;
| |
| − | margin: auto;
| |
| − | background-color: Whitesmoke;
| |
| − | }
| |
| − | #wrapper { /* Wraps all critical website content */
| |
| − | height: auto;
| |
| − | width: 90%;
| |
| − | background-color: white;
| |
| − | /*border-style: solid;
| |
| − | border-width: 1px;
| |
| − | border-color: black;
| |
| − | border-radius: 10px;*/
| |
| − | margin: auto;
| |
| − | display: table;
| |
| − | }
| |
| − | /*Load special fonts*/
| |
| − | @font-face {
| |
| − | font-family: CenturyGothic;
| |
| − | src: url(https://static.igem.org/mediawiki/2018/b/b9/T--iTesla-SoundBio--CenturyGothic.ttf);
| |
| − | }
| |
| − | @font-face {
| |
| − | font-family: Ubuntu-L;
| |
| − | src: url(https://static.igem.org/mediawiki/2018/8/85/T--iTesla-SoundBio--Ubuntu-L.ttf);
| |
| − | }
| |
| − | /*text styles*/
| |
| − | #title {
| |
| − | font-family: Ubuntu-L;
| |
| − | font-size: 92px;
| |
| − | padding: 20px 40px;
| |
| − | text-align: center;
| |
| − | text-transform: uppercase;
| |
| − | text-rendering: optimizeLegibility;
| |
| − | }
| |
| − | /*shadow classes*/
| |
| − | .elegantshadow {
| |
| − | color: #131313;
| |
| − | /*background-color: #e7e5e4;*/
| |
| − | letter-spacing: .15em;
| |
| − | text-shadow:
| |
| − | 1px -1px 0 #767676,
| |
| − | -1px 2px 1px #737272,
| |
| − | -2px 4px 1px #767474,
| |
| − | -3px 6px 1px #787777,
| |
| − | -4px 8px 1px #7b7a7a,
| |
| − | -5px 10px 1px #7f7d7d,
| |
| − | -6px 12px 1px #828181,
| |
| − | -7px 14px 1px #868585,
| |
| − | -8px 16px 1px #8b8a89,
| |
| − | -9px 18px 1px #8f8e8d,
| |
| − | -10px 20px 1px #949392,
| |
| − | -11px 22px 1px #999897,
| |
| − | -12px 24px 1px #9e9c9c,
| |
| − | -13px 26px 1px #a3a1a1,
| |
| − | -14px 28px 1px #a8a6a6,
| |
| − | -15px 30px 1px #adabab,
| |
| − | -16px 32px 1px #b2b1b0,
| |
| − | -17px 34px 1px #b7b6b5,
| |
| − | -18px 36px 1px #bcbbba,
| |
| − | -19px 38px 1px #c1bfbf,
| |
| − | -20px 40px 1px #c6c4c4,
| |
| − | -21px 42px 1px #cbc9c8,
| |
| − | -22px 44px 1px #cfcdcd,
| |
| − | -23px 46px 1px #d4d2d1,
| |
| − | -24px 48px 1px #d8d6d5,
| |
| − | -25px 50px 1px #dbdad9,
| |
| − | -26px 52px 1px #dfdddc,
| |
| − | -27px 54px 1px #e2e0df,
| |
| − | -28px 56px 1px #e4e3e2;
| |
| − | }
| |
| − | .deepshadow {
| |
| − | color: #e0dfdc;
| |
| − | background-color: #333;
| |
| − | letter-spacing: .1em;
| |
| − | text-shadow:
| |
| − | 0 -1px 0 #fff,
| |
| − | 0 1px 0 #2e2e2e,
| |
| − | 0 2px 0 #2c2c2c,
| |
| − | 0 3px 0 #2a2a2a,
| |
| − | 0 4px 0 #282828,
| |
| − | 0 5px 0 #262626,
| |
| − | 0 6px 0 #242424,
| |
| − | 0 7px 0 #222,
| |
| − | 0 8px 0 #202020,
| |
| − | 0 9px 0 #1e1e1e,
| |
| − | 0 10px 0 #1c1c1c,
| |
| − | 0 11px 0 #1a1a1a,
| |
| − | 0 12px 0 #181818,
| |
| − | 0 13px 0 #161616,
| |
| − | 0 14px 0 #141414,
| |
| − | 0 15px 0 #121212,
| |
| − | 0 22px 30px rgba(0, 0, 0, 0.9);
| |
| − | }
| |
| − | .insetshadow {
| |
| − | color: #202020;
| |
| − | background-color: #2d2d2d;
| |
| − | letter-spacing: .1em;
| |
| − | text-shadow:
| |
| − | -1px -1px 1px #111,
| |
| − | 2px 2px 1px #363636;
| |
| − | }
| |
| − | .retroshadow {
| |
| − | color: #2c2c2c;
| |
| − | background-color: #d5d5d5;
| |
| − | letter-spacing: .05em;
| |
| − | text-shadow:
| |
| − | 4px 4px 0px #d5d5d5,
| |
| − | 7px 7px 0px rgba(0, 0, 0, 0.2);
| |
| − | }
| |
| − | /* Animation Transitions */
| |
| − | .imgFadeIn {
| |
| − | -webkit-animation: appear 1s;
| |
| − | animation: appear 1s;
| |
| − | -webkit-animation-fill-mode: forwards;
| |
| − | animation-fill-mode: forwards;
| |
| − | }
| |
| − | @-webkit-keyframes appear {
| |
| − | 0% { left: 500px; opacity: 0; }
| |
| − | 100% { left: 16px; opacity: 1; }
| |
| − | }
| |
| − |
| |
| − | @keyframes appear {
| |
| − | 0% { left: 500px; opacity: 0; }
| |
| − | 100% { left: 16px; opacity: 1; }
| |
| − | }
| |
| − | /* Style the footer */
| |
| − | .footer {
| |
| − | background-color: #f1f1f1;
| |
| − | padding: 10px;
| |
| − | text-align: center;
| |
| − | width: 100vw;
| |
| − | }
| |
| − | .rowdiv{
| |
| − | border: 1px solid black;
| |
| − | margin-top: 10px;
| |
| − | margin-bottom: 10px;
| |
| − | }
| |
| − | .column {
| |
| − | float: left;
| |
| − | width: 31%;
| |
| − | padding: 15px;
| |
| − | }
| |
| − | .card {
| |
| − | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
| |
| − | max-width: 300px;
| |
| − | margin: auto;
| |
| − | text-align: center;
| |
| − | font-family: arial;
| |
| − | }
| |
| − |
| |
| − | .persontitle {
| |
| − | color: grey;
| |
| − | font-size: 18px;
| |
| − | }
| |
| − |
| |
| − | .collapsible {
| |
| − | background-color: #777;
| |
| − | color: white;
| |
| − | cursor: pointer;
| |
| − | padding: 18px;
| |
| − | width: 100%;
| |
| − | border: none;
| |
| − | text-align: left;
| |
| − | outline: none;
| |
| − | font-size: 15px;
| |
| − | }
| |
| − |
| |
| − | .active, .collapsible:hover {
| |
| − | background-color: #555;
| |
| − | }
| |
| − |
| |
| − | .content {
| |
| − | padding: 0 18px;
| |
| − | max-height: 0;
| |
| − | overflow: hidden;
| |
| − | transition: max-height 0.2s ease-out;
| |
| − | background-color: #f1f1f1;
| |
| − | }
| |
| − | </style>
| |
| | <body> | | <body> |
| − | <!-- The following reset code was given by William Kwok from the UW iGEM team -->
| |
| − | <!-- Add on-page javascript for destroying default iGEM CSS and adding a loading animation -->
| |
| − | <!-- I do it twice to run once so the page loading animation gets correct styling the first run -->
| |
| − | <!-- Second run is just to make sure everything gets ran -->
| |
| − | <script type="text/javascript">
| |
| − | $('div#content').removeAttr('id').attr('id', 'contentBox');
| |
| − | $('a#top').remove();
| |
| − | $('div#top_title').remove();
| |
| − | $('div#HQ_page').removeAttr('id');
| |
| − | $('div.mw-body').removeAttr('class');
| |
| − | $('div#mw-content-text').removeAttr('id');
| |
| − | $('div#bodyContent').removeAttr('id');
| |
| − | $('div.mw-content-ltr>p').addClass('meta');
| |
| − | $('div.mw-content-ltr').removeAttr('class');
| |
| − | document.getElementById("root").innerText = "Page loading...";
| |
| − | $(document).ready(function () {
| |
| − | $('div#content').removeAttr('id').attr('id', 'contentBox');
| |
| − | $('a#top').remove();
| |
| − | $('div#top_title').remove();
| |
| − | $('div#HQ_page').removeAttr('id');
| |
| − | $('div.mw-body').removeAttr('class');
| |
| − | $('div#mw-content-text').removeAttr('id');
| |
| − | $('div#bodyContent').removeAttr('id');
| |
| − | $('div.mw-content-ltr>p').addClass('meta');
| |
| − | $('div.mw-content-ltr').removeAttr('class');
| |
| − | })
| |
| − | </script>
| |
| − |
| |
| − | <body>
| |
| − | <div class="topnav">
| |
| − | <a class="logo" href="#"><img src="https://static.igem.org/mediawiki/2018/8/87/T--iTesla-SoundBio--teamlogo.png"></a>
| |
| − |
| |
| − | <!-- Floats right hence in opposite order -->
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Safety">Safety</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Interlab">InterLab</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/team">Team</a>
| |
| − | <div class="dropdown">
| |
| − | <button class="dropdown-button">Human Practices</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Outreach">Outreach</a>
| |
| − | <a href="#">Collaborations</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <button class="dropdown-button">Project</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/description">Description</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/design">Design</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Experiment">Experiment</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/results">Results</a>
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio/Project/Parts">Biobrick Parts</a>
| |
| − | <a href="#">Lab Notebook</a>
| |
| − |
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="dropdown">
| |
| − | <button class="dropdown-button">Home</button>
| |
| − | <div class="dropdown-content">
| |
| − | <a href="https://2018.igem.org/Team:iTesla-SoundBio">iT-SB 2018</a>
| |
| − | <a href="https://2017.igem.org/Team:iTesla-SoundBio">iT-SB 2017</a>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| | <!-- Brief Introduction --> | | <!-- Brief Introduction --> |
| | <h1><center> Meet Our Members! </center></h1> | | <h1><center> Meet Our Members! </center></h1> |
Mary Elizabeth Adler is a senior at Newport High School in Bellevue, Washington. Over the past few years she’s been fascinated with all facets of biology, from the evolution of species to the exciting possibilities of synthetic biology. She is one of the leaders of wetlab, and has had such a great time diving head-first into the wonderful world of iGEM. She enjoys reading and napping.
Charlie Anderson is a sophomore at the Lakeside School in Seattle, Washington. Synthetic biology has been a fascination of Charlie's since third grade, when his science class did a (very) brief unit on it and he decided he wanted to learn more. Being on an iGEM team has been a great opportunity for him to gain hands-on wetlab experience and meet some truly awesome people. Charlie hopes to eventually go into a career that somehow integrates synthetic biology, neuroscience, and machine learning. He also enjoys playing games and reading.
Katherine Holo is a junior at Interlake High School in Bellevue, Washington. As an aspiring biomedical engineer, her experience in iGEM has been an amazing opportunity to not only learn, but to meet new people who are also dedicated and interested in synthetic biology. Outside of iGEM, she can be found procrastinating on her homework and searching for new music to listen to. She has thoroughly enjoyed working on iTesla's project this year and is excited to see all the projects at the Giant Jamboree!
Ishika is a senior at Tesla STEM High School in Redmond, Washington. She loves snowboarding, playing the piano, and building robots. When she's not building robots or in the lab, she's at the lake with her dog! Her fascination with biology and engineering has been present all her life. iGEM is her favorite way to continue learning about the cutting edge technology of synthetic biology and genetic engineering!
Keerthana Thammana is a junior at Redmond High School in Redmond, Washington. Keerthana was drawn to biology after entering the Washington State Science & Engineering fair in middle school, and her interest further increased after taking advanced courses in high school. She is fascinated by the immense possibilities of synthetic biology, and would like to learn more about its various applications. She loves the hands-on experience iGem offers, and enjoys doing wetlab. When she is not sleeping, you can usually find her drawing, singing, reading or playing the piano.
JJ Wheeler is a senior at Newport High school in Bellevue, Washington. He has been interested in the amazing things that can be accomplished with synthetic biology for a long time and is always ready to learn new things. He used to dream of one day genetically engineering an actual, real, totally legit, fire-breathing dragon. Now that he’s actually learned a lot and gained that valuable experience through iGEM, his dream is becoming increasingly unrealistic because so far none of the science he’s done has involved dragons in any way, shape, or form. Well, there’s always next year.
