|
|
| (144 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <!DOCTYPE html>
| |
| − | <html>
| |
| − | <head>
| |
| − | <title>MOD - University of Auckland iGEM 2018 Team</title>
| |
| − | <meta name="description" content="MOD is a student-led team which competes in the International Genetically Engineered Machine competition each year … Check out our novel biotech">
| |
| − | <link rel="shortcut icon" type="image/png" href="../assets/images/mod-logo-favicon.png">
| |
| − | <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,700" rel="stylesheet">
| |
| − | <meta name="viewport" content="width=device-width,minimum-scale=1">
| |
| − | <link rel="stylesheet" href="css/normalize.css">
| |
| − | <link rel="stylesheet" href="css/main.css">
| |
| − | <link rel="stylesheet" href="css/index.css">
| |
| − | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
| |
| − | <script src="js/expandable-div.js"></script>
| |
| − | <script src="js/parallax.js"></script>
| |
| − | <script src="js/show-image.js"></script>
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| | | | |
| − | <nav class="nav-mobile-fixed">
| |
| − | <div class="logo-text-mobile-wrap"><a href="index.html"><img class="logo-text-mobile" src="../assets/images/MOD-logo-animated.svg"/></a></div><!--
| |
| − | --><div class="contact-info-button-mobile"><a class="contact-info-text-mobile" href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">Contact</a></div>
| |
| − | </nav>
| |
| − |
| |
| − | <nav class="nav-mobile-top">
| |
| − | <div class="expandable-divs-wrap">
| |
| − | <ul>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-1">
| |
| − | <h3 class="dropdown-header">Team</h3>
| |
| − | <img class="open open-1" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-1">
| |
| − | <h3 class="dropdown-header">Team</h3>
| |
| − | <img class="close close-1" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-1"></div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-1">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="team.html"><li class="team-submenu">Meet The Team</li></a>
| |
| − | <a href="collaborations.html"><li class="collaborations-submenu disabled">Collaborations</li></a>
| |
| − | <a href="attributions.html"><li class="attributions-submenu disabled">Attributions</li></a>
| |
| − | <a href="safety.html"><li class="safety-submenu disabled">Special Thanks</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-2 disabled">
| |
| − | <h3 class="dropdown-header">Project</h3>
| |
| − | <img class="open open-2" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-2">
| |
| − | <h3 class="dropdown-header">Project</h3>
| |
| − | <img class="close close-2" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-2"></div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-2">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="project.html"><li class="project-submenu disabled">Description</li></a>
| |
| − | <a href="results.html"><li class="results-submenu1 disabled">Results</li></a>
| |
| − | <a href="future.html"><li class="future-submenu disabled">Future</li></a>
| |
| − | <a href="safety.html"><li class="safety-submenu disabled">Safety</li></a>
| |
| − | <a href="experiments.html"><li class="experiments-submenu disabled">Experiments</li></a>
| |
| − | <a href="notebook.html"><li class="notebook-submenu disabled">Notebook</li></a>
| |
| − | <a href="parts.html"><li class="parts-submenu disabled">Parts</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-3 disabled">
| |
| − | <h3 class="dropdown-header">Community</h3>
| |
| − | <img class="open open-3" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-3 disabled">
| |
| − | <h3 class="dropdown-header">Community</h3>
| |
| − | <img class="close close-3" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-3"></div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-3">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="community.html"><li class="community-submenu">Engagement</li></a>
| |
| − | <a href="results.html"><li class="results-submenu">Media</li></a>
| |
| − | <a href="future.html"><li class="future-submenu">Something</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-4 disabled">
| |
| − | <h3 class="dropdown-header">Business</h3>
| |
| − | <img class="open open-4" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-4">
| |
| − | <h3 class="dropdown-header">Business</h3>
| |
| − | <img class="close close-4" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-4">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="business.html"><li class="business-submenu">Entrepreneurship</li></a>
| |
| − | <a href="partners.html"><li class="partners-submenu">Partners</li></a>
| |
| − | <a href="vision.html"><li class="future-submenu">Vision</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-4"></div>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </nav>
| |
| − |
| |
| − | <nav class="nav-desktop">
| |
| − | <ul>
| |
| − | <a href="index.html"><img class="logo-text" src="../assets/images/MOD-logo-animated.svg"/></a><!--
| |
| − | --><a href="team.html"><li class="menu-education">Team</li></a><!--
| |
| − | --><a href="project.html" class="disabled"><li class="menu-work-experience">Project</li></a><!--
| |
| − | --><a href="community.html" class="disabled"><li class="menu-projects">Community</li></a><!--
| |
| − | --><a href="blog.html" class="disabled"><li class="menu-blog">Business</li></a><!--
| |
| − | --><div class="download-cv-button-1"><a class="download-cv-text" href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">Contact</a></div>
| |
| − | </ul>
| |
| − | </nav>
| |
| − |
| |
| − | <div class="content1">
| |
| − |
| |
| − | <div class="copy1">
| |
| − | <h1>Welcome to Team MOD 2018</h1>
| |
| − | <p>Team MOD is a group of undergrads who undertake genetic engineering projects with commercial applications. The projects are relatively simple, but challenging enough to introduce students to the real world of science and business. Each year, Team MOD enters in the International Genetic Engineering Machine (iGEM) competition. iGEM started in 2003 as a summer project at the Massachusettes Institute of Technology (MIT), and is now a global event involving hundreds of teams. Each year, Team MOD sends students to Boston to present their work. Team MOD is a great opportunity to gain insights into the real world of business and science, extracurricular experience, lab time, connections, friends, and more.</p>
| |
| − | <div class="show-image show-image-1">
| |
| − | <p>Hold to view image</p>
| |
| − | <img src="../assets/images/show-image.svg">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!--<div class="media1">
| |
| − | <img class="test-image-1" src="../assets/images/entrepreneurship-1.jpg">
| |
| − | <!--<div class="slider-wrap">
| |
| − | <div class="slider-content">
| |
| − | <img class="fg-image-1-2" src="../assets/images/Images/analytics.png">
| |
| − | <div class="fg-image-1-1">
| |
| − | <div class="video1-container">
| |
| − | <video class="video1" src="../assets/images/Protein-Data-Bank-CRISPR.mp4" autoplay loop type="video/mp4">
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="fg-image-1-3">
| |
| − | <div class="video2-container">
| |
| − | <video class="video2" src="../assets/images/html5-animated-ad.mp4" autoplay loop type="video/mp4">
| |
| − | </div>
| |
| − | </div>
| |
| − | <img class="fg-image-1-2" src="../assets/images/Images/analytics.png">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>-->
| |
| − |
| |
| − | <div class="content2">
| |
| − | <div class="copy2">
| |
| − | <h2>About Team MOD and iGEM</h2>
| |
| − | <p>Here are answers to questions we get asked the most. For more info, <a href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">contact us</a> (don't be shy, we're a friendly bunch).</p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="expandable-divs-wrap">
| |
| − |
| |
| − | <div class="dropdown-header-wrap dropdown-header-wrap-1"><!--
| |
| − | --><h3 class="dropdown-header">Why join?</h3><!--
| |
| − | --><img class="open open-1" src="../assets/images/plus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="slideup-header-wrap slideup-header-wrap-1"><!--
| |
| − | --><h3 class="dropdown-header">Why join?</h3><!--
| |
| − | --><img class="close close-1" src="../assets/images/minus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="line line-1"></div>
| |
| − | <div class="expandable-content-wrap expandable-content-wrap-1 bg-image-1">
| |
| − | <div class="expandable-content expandable-content-1">
| |
| − | <p>One of the best things scientists get out of iGEM is real lab experience, because this is valued by postgrad supervisors and employers. If you're a lab member, you'll get to be trained by expert profressors (e.g. Joanna Putterill) and work with both undergrad and postgrad students. Most business students value presenting to and having discussions with investors and other experienced business managers (however intimidating it can be sometimes). Without a doubt, you will gain valuable connections with people you never thought possible. Of course, everybody likes the potential of being flown to Boston for a week or two to present at iGEM's Giant Jamboree. But with Team MOD, it really is about the journey, not the destination.</p>
| |
| − | <div class="show-image show-image-2">
| |
| − | <p>Hold to view image</p>
| |
| − | <img src="../assets/images/show-image.svg">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="dropdown-header-wrap dropdown-header-wrap-2"><!--
| |
| − | --><h3 class="dropdown-header">What's involved?</h3><!--
| |
| − | --><img class="open open-2" src="../assets/images/plus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="slideup-header-wrap slideup-header-wrap-2"><!--
| |
| − | --><h3 class="dropdown-header">What's involved?</h3><!--
| |
| − | --><img class="close close-2" src="../assets/images/minus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="line line-2"></div>
| |
| − | <div class="expandable-content-wrap expandable-content-wrap-2 bg-image-2">
| |
| − | <div class="expandable-content expandable-content-2">
| |
| − | <p>Some members only commit one hour per week to Team MOD, others commit several hours. Think of it like Fight Club: You decide your own level of involvement. The more you put in, the more you will get out. If you only want to contribute to team meetings and investor presentations, that's fine. But you could get involved in wet lab work and community engagement (e.g. a few times a year, we visit high schools and do a simple lab experiment with the students and let them ask about university etc). Sometimes everything can get a little stressful. If exams are around the corner and something in the lab isn't going as planned, you might have to chose between meeting a deadline for iGEM and cramming a few more hours for your exams. Of course, we work as a team to make sure everybody helps those most in need.</p>
| |
| − | <div class="show-image show-image-3">
| |
| − | <p>Hold to view image</p>
| |
| − | <img src="../assets/images/show-image.svg">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="dropdown-header-wrap dropdown-header-wrap-3"><!--
| |
| − | --><h3 class="dropdown-header">How do I join?</h3><!--
| |
| − | --><img class="open open-3" src="../assets/images/plus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="slideup-header-wrap slideup-header-wrap-3"><!--
| |
| − | --><h3 class="dropdown-header">How do I join?</h3><!--
| |
| − | --><img class="close close-3" src="../assets/images/minus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="line line-3"></div>
| |
| − | <div class="expandable-content-wrap expandable-content-wrap-3 bg-image-3">
| |
| − | <div class="expandable-content expandable-content-3">
| |
| − | <p>To be a core member of an iGEM team, you have to be an undergrad student and you have to be younger than 24 years old (as of March 31). However, you can still join the team and be recognised as an official Advisor or Consultant. In either case, if you want in, <a href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">send us an email</a> introducing yourself and we'll look into organising a meeting. In your email, you can tell us about (1) what makes you stand out, (2) your career aspirations, (3) your opinion on selling/consuming GMO foods vs organic foods, (4) any extracurricular activities you've been involved in, and (5) what you would do with genetic engineering if you had access to an authorised lab with all the equipment and expertise you'd need. And try not to sugar-coat anything (honesty sounds more genuine anyway).</p>
| |
| − | <div class="show-image show-image-4">
| |
| − | <p>Hold to view image</p>
| |
| − | <img src="../assets/images/show-image.svg">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="dropdown-header-wrap dropdown-header-wrap-4"><!--
| |
| − | --><h3 class="dropdown-header">What's the project?</h3><!--
| |
| − | --><img class="open open-4" src="../assets/images/plus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="slideup-header-wrap slideup-header-wrap-4"><!--
| |
| − | --><h3 class="dropdown-header">What's the project?</h3><!--
| |
| − | --><img class="close close-4" src="../assets/images/minus-icon.svg"><!--
| |
| − | --></div>
| |
| − | <div class="line line-4"></div>
| |
| − | <div class="expandable-content-wrap expandable-content-wrap-4 bg-image-4">
| |
| − | <div class="expandable-content expandable-content-4">
| |
| − | <p>iGEM projects can be about almost anything. Last year, our 2017 iGEM team project focused on introducing tissue-specific frost resistance into crop plants. Before that, our 2016 iGEM team project had the idea to engineer E. coli to secrete enzymes that break down common plastics. This year, our lab members have shown interest in improving aeroponic technology, although we could end up going down a different path. If you're interested in joining and/or you have an idea for a genetics project, don't hesitate to <a href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">get in touch</a>.</p>
| |
| − | <div class="show-image show-image-5">
| |
| − | <p>Hold to view image</p>
| |
| − | <img src="../assets/images/show-image.svg">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="testimonial-wrap-1">
| |
| − | <div class="testimonial-wrap-2">
| |
| − | <img class="quote-icon-1" src="../assets/images/quote-icon.svg" />
| |
| − | <p class="testimonial-text">"iGEM was an awesome opportunity to build practical science skills. I loved being able to contribute to solving a real world problem — working on a project that could make a difference. If you're thinking research might be for you, then this is a fantastic way to start."</p>
| |
| − | <img class="quote-icon-2" src="../assets/images/quote-icon.svg" />
| |
| − | <p class="testimonial-name">Peter Wills, Alumni</p>
| |
| − | </div>
| |
| − | <!--<a class="testimonial-link disabled" href="testimonials.html">More testimonials</a>-->
| |
| − | <div class="show-image show-image-7">
| |
| − | <p>Hold to view image</p>
| |
| − | <img src="../assets/images/show-image.svg">
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="content3">
| |
| − |
| |
| − | <div class="copy3">
| |
| − | <h2>Keen to talk?</h2>
| |
| − | <p>If you're interested, have questions, or want to know more, don't hesitate to <a href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">contact us directly</a>.</p>
| |
| − | </div>
| |
| − | <div class="copy3-buttons-wrap">
| |
| − | <a class="contact-button-1" href="mailto:hrwaldegrave@gmail.com?Subject=Team MOD Enquiry">Contact</a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="footer-wrap">
| |
| − | <nav class="nav-mobile-bottom">
| |
| − | <div class="expandable-divs-wrap">
| |
| − | <ul>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-1">
| |
| − | <h3 class="dropdown-header">Team</h3>
| |
| − | <img class="open open-1" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-1">
| |
| − | <h3 class="dropdown-header">Team</h3>
| |
| − | <img class="close close-1" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-1"></div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-1">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="team.html"><li class="team-submenu">Meet The Team</li></a>
| |
| − | <a href="collaborations.html"><li class="collaborations-submenu disabled">Collaborations</li></a>
| |
| − | <a href="attributions.html"><li class="attributions-submenu disabled">Attributions</li></a>
| |
| − | <a href="safety.html"><li class="safety-submenu disabled">Special Thanks</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-2 disabled">
| |
| − | <h3 class="dropdown-header">Project</h3>
| |
| − | <img class="open open-2" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-2 disabled">
| |
| − | <h3 class="dropdown-header">Project</h3>
| |
| − | <img class="close close-2" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-2"></div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-2">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="project.html"><li class="project-submenu">Description</li></a>
| |
| − | <a href="results.html"><li class="results-submenu1 disabled">Results</li></a>
| |
| − | <a href="future.html"><li class="future-submenu disabled">Future</li></a>
| |
| − | <a href="safety.html"><li class="safety-submenu">Safety</li></a>
| |
| − | <a href="experiments.html"><li class="experiments-submenu disabled">Experiments</li></a>
| |
| − | <a href="notebook.html"><li class="notebook-submenu">Notebook</li></a>
| |
| − | <a href="parts.html"><li class="parts-submenu disabled">Parts</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-3 disabled">
| |
| − | <h3 class="dropdown-header">Community</h3>
| |
| − | <img class="open open-3" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-3 disabled">
| |
| − | <h3 class="dropdown-header">Community</h3>
| |
| − | <img class="close close-3" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-3"></div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-3">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="community.html"><li class="community-submenu">Engagement</li></a>
| |
| − | <a href="results.html"><li class="results-submenu">Media</li></a>
| |
| − | <a href="future.html"><li class="future-submenu">Something</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-dropdown-header-wrap menu-dropdown-header-wrap-4 disabled">
| |
| − | <h3 class="dropdown-header">Business</h3>
| |
| − | <img class="open open-4" src="../assets/images/plus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-slideup-header-wrap menu-slideup-header-wrap-4">
| |
| − | <h3 class="dropdown-header">Business</h3>
| |
| − | <img class="close close-4" src="../assets/images/minus-icon-dark.svg">
| |
| − | </div>
| |
| − | <div class="menu-expandable-content-wrap menu-expandable-content-wrap-4">
| |
| − | <ul class="expandable-content">
| |
| − | <a href="business.html"><li class="business-submenu">Entrepreneurship</li></a>
| |
| − | <a href="partners.html"><li class="partners-submenu">Partners</li></a>
| |
| − | <a href="vision.html"><li class="future-submenu">Vision</li></a>
| |
| − | </ul>
| |
| − | </div>
| |
| − | <div class="menu-line menu-line-4"></div>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </nav>
| |
| − | <p class="copyright">© Hadleigh Waldegrave 2018</p>
| |
| − | <div class="footer-icon-wrap">
| |
| − | <div class="footer-icon-wrap">
| |
| − | <img style="z-index: -999;" src="../assets/images/dna-icon-animated.svg"/>
| |
| − | <img style="z-index: -999;" src="../assets/images/marketing-icon-animated.svg"/>
| |
| − | <img style="z-index: -999;" src="../assets/images/ai-icon-animated.svg"/>
| |
| − | <img style="z-index: -999;" src="../assets/images/code-icon-animated.svg"/>
| |
| − | </div>
| |
| − | <div class="footer-icon-wrap">
| |
| − | <p>Genetics</p>
| |
| − | <p>Marketing</p>
| |
| − | <p>AI</p>
| |
| − | <p>Programming</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </body>
| |
| − | </html>
| |
