Difference between revisions of "Team:Uppsala/test2"

(Created page with "<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edg...")
 
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 +
{{Uppsala/javascript/iGemRemoval_js}}
 +
{{Uppsala/css_removal}}
 +
{{Uppsala/main_template-1}}
 +
{{Uppsala/scroll-button}}
 +
{{Uppsala/javascript/scroll-button}}
 +
 +
 
<html lang="en">
 
<html lang="en">
  
−
<head>
+
<style>
−
  <meta charset="UTF-8">
+
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
−
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
−
  <meta name="author" content="Chiel van Amstel">
+
−
  <meta name="description" content="Antibiotic resistance poses a real threat to global public health. This year iGEM Leiden will develop a colourful screening platform enabling high throughput screening for non-lethal, yet stress-inducing compounds. These compounds can be used to enhance current antibiotics or as novel combination therapies.">
+
−
  <meta name="keywords" content="iGEM, Leiden, 2018, Fifty Shades of Stress, Fsos, antibiotic, resistance, non-lethal compound, stress, colourful, screening platform, detection">
+
−
  <link rel="stylesheet" href="https://2018.igem.org/Team:Leiden/css/main_css?action=raw&ctype=text/css" type='text/css'>
+
−
  <link rel="stylesheet" href="https://2018.igem.org/Team:Leiden/css/fontawesome-all_min_css?action=raw&ctype=text/css" type="text/css">
+
−
  <link rel="stylesheet" href="https://2018.igem.org/Team:Leiden/css/navbarfooter_css?action=raw&ctype=text/css">
+
  
−
  <script src="https://2018.igem.org/Team:Leiden/javascript/jquery-3_3_1_min_js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
−
  <script src="https://2018.igem.org/Team:Leiden/javascript/main_js?action=raw&ctype=text/javascript" charset="utf-8" type="text/javascript"></script>
 
−
  <script src="https://2018.igem.org/Team:Leiden/javascript/removeBullshitClasses_js?action=raw&ctype=text/javascript" charset="utf-8"></script>
 
  
−
  <script src="https://2018.igem.org/Team:Leiden/javascript/events_js?action=raw&ctype=text/javascript" charset="utf-8"></script>
 
  
−
  <script type="text/javascript">
 
−
    $(document).ready(function() {
 
−
      window.include('#footer_html');
 
−
      window.include('#header_html');
 
−
    });
 
−
  </script>
 
−
</head>
 
  
−
<body>
+
/* thin      = fontnamne-100
−
  <nav id="header_html" data-source="https://2018.igem.org/Team:Leiden/navbar_html?action=raw"></nav>
+
    regular   = fontname-400
−
   <div class="container-text">
+
     medium  = -600
−
     <h1 class="SectionTitle">Events</h1>
+
     bold       = -700
−
     <p>Synthetic biology brings great opportunities for innovative applications, tackling major societal problems. However, as with all applications, they are made to be used by people. Therefore, it is vital to keep these people in mind during the design
+
−
       process and to have them on board with our plans.To that end, we are engaging with all people and organizations associated to our project by visiting a variety of events. Scroll down to see what activities we have participated in and make sure to
+
−
      come back here often to stay up-to-date to our activities and get a sneak preview of future events.</p>
+
−
  </div>
+
−
  <div>
+
  
−
    <div class="card links">
+
@font-face{
−
      <div class="title">
+
font-family: 'Raleway-700';
−
        <h1 class="date">22/05/2018</h1>
+
src: url('https://static.igem.org/mediawiki/2018/3/3d/T--Uppsala--Font-Raleway-Bold.woff') format('woff'),
−
        <h1 class="cardtitle">Netherlands Biotechnology Conference</h1>
+
        url('https://static.igem.org/mediawiki/2018/8/88/T--Uppsala--Font-Raleway-Bold.ttf') format('truetype')   
−
      </div>
+
}
  
−
      <div class="images">
+
@font-face{
−
        <div class="image1"><img src="https://static.igem.org/mediawiki/2018/e/e3/T--Leiden--nbc1.jpg" alt=""></div>
+
font-family: 'Raleway-600';
−
      </div>
+
src: url('https://static.igem.org/mediawiki/2018/f/fd/T--Uppsala--Font-Raleway-Medium.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/6/65/T--Uppsala--Font-Raleway-Medium.ttf') format('truetype')   
 +
}
  
−
      <div class="cardtext">At the Netherlands Biotechnology Conference promising developments in biotechnology were discussed. During the day we attended pitches and lectures given by researchers and students from universities, companies - such as DSM - and the Rathenau Institute.
+
@font-face{
−
        We also presented our project via a posterpitch and held interesting discussions with the many participants at the conference. Particularly the critical questions on our project helped us challenge our plans and decisions. For example, making
+
font-family: 'Raleway-400';
−
        us think of why we choose to use plasmids over incorporating our system directly into the bacterial genome. Furthermore, the conference was another opportunity to make contact with Dutch iGEM teams, including members of the winning Delft iGEM
+
src: url('https://static.igem.org/mediawiki/2018/9/92/T--Uppsala--Font-Raleway-Regular.woff') format('woff'),
−
        team of 2017. This allowed us to gather many tips and tricks. Finally, we made contact with several speakers who offered us support and guidance during our project to combat antibiotic resistance. Altogether, the Netherlands Biotechnology Conference
+
        url('https://static.igem.org/mediawiki/2018/1/16/T--Uppsala--Font-Raleway-Regular.ttf') format('truetype')   
−
        provided us with inspiring day where we made many new contacts and promoted our iGEM project!
+
}
−
      </div>
+
−
    </div>
+
  
−
    <div class="card rechts">
+
@font-face{
−
      <div class="title">
+
font-family: 'Raleway-100';
−
        <h1 class="date">17/05/2018</h1>
+
src: url('https://static.igem.org/mediawiki/2018/8/8a/T--Uppsala--Font-Raleway-Thin.woff') format('woff'),
−
        <h1 class="cardtitle">Science meets Business Café</h1>
+
        url('https://static.igem.org/mediawiki/2018/a/a0/T--Uppsala--Font-Raleway-Thin.ttf') format('truetype')   
−
      </div>
+
}
  
−
      <div class="cardtext">The Science Meets Business Café is a monthly meeting of scientists and bioscience company representatives, with the goal of stimulating cooperation between them. During the final Café event before the summer break, we presented our project and opened
+
@font-face{
−
        the discussion with scientists and businesspeople alike. It was motivating to receive many positive reactions to our project and the subsequent drinks allowed us to delve into further details with interested individuals. The afternoon provided
+
font-family: 'PT-serif-400i';
−
        us valuable new contacts and allowed us to further spread our ideas and the added value of synthetic biology.
+
src: url('https://static.igem.org/mediawiki/2018/9/9b/T--Uppsala--Font-PT-Serif-web-Italic.woff') format('woff'),
−
      </div>
+
        url('https://static.igem.org/mediawiki/2018/2/20/T--Uppsala--Font-PT-Serif-Web-Italic.ttf') format('truetype')   
 +
}
  
−
      <div class="images">
+
@font-face{
−
        <div class="image1"><img src="https://static.igem.org/mediawiki/2018/1/12/T--Leiden--smb1.jpg" alt=""></div>
+
font-family: 'PT-serif-400';
−
      </div>
+
src: url('https://static.igem.org/mediawiki/2018/9/97/T--Uppsala--Font-PT-Serif-Web-regular.woff') format('woff'),
−
    </div>
+
        url('https://static.igem.org/mediawiki/2018/c/c5/T--Uppsala--Font-PT-Serif-web-regular.ttf') format('truetype')   
 +
}
  
−
    <div class="card rechts">
+
@font-face{
−
      <div class="title">
+
font-family: 'PT-serif-700';
−
        <h1 class="date">17/05/2018</h1>
+
src: url('https://static.igem.org/mediawiki/2018/a/af/T--Uppsala--Font-PT-Serif-Bold.woff') format('woff'),
−
        <h1 class="cardtitle">Industry Day</h1>
+
        url('https://static.igem.org/mediawiki/2018/f/f0/T--Uppsala--Font-PT-Serif-Bold.ttf') format('truetype')   
−
      </div>
+
}
  
 +
@font-face{
 +
font-family: 'Roboto-100';
 +
src: url('https://static.igem.org/mediawiki/2018/b/bb/T--Uppsala--Roboto--Thin.woff') format('woff'),
 +
        url('https://static.igem.org/mediawiki/2018/f/fe/T--Uppsala--Roboto--Thin.ttf') format('truetype')   
 +
}
  
−
      <div class="cardtextfull">The city of Leiden has a rich history of scientists and artists engaging their work to find solutions to problems and explore the scientific and ethical boundaries of curiosity. At Industry day, we kept that tradition alive by bringing scientists
+
@font-face{
−
        and artist into one room and displaying our work. iGEM Leiden team member, Germaine Aalderink, had prepared two large pieces of agar art for the occasion, using colored bacteria as ‘paint’. Sadly, bacterial infections took hold on the large homemade
+
font-family: 'Roboto-400';
−
        agar containers leading to the art being overgrown. Fortunately we were able to use this loss to further emphasize the need for antibiotics and to raise awareness for the growing problem of antibiotic resistance.
+
src: url('https://static.igem.org/mediawiki/2018/4/4e/T--Uppsala--Roboto--Regular.woff') format('woff'),
−
      </div>
+
        url('https://static.igem.org/mediawiki/2018/1/18/T--Uppsala--Fonts--Roboto-Regular.ttf') format('truetype')   
−
      <div class="cardtext">
+
}
−
        We also had the opportunity to have discussions with fascinating artists. A favorite was Auke-Florian Hiemstra, a biologist and artist who uses his art as a medium to raise awareness for an endangered squid species. Hiemstra made us realize that - although
+
−
        graphs are a scientific method to show a negative trend - art is a way to emotionally involve the viewer an make them truly realise the problem and the need to solve it.
+
−
        <br><br><span class="smaller">Picture by Gabi van Ingen</span>.
+
−
      </div>
+
−
      <div class="images special">
+
−
        <div class="image1"><img src="https://static.igem.org/mediawiki/2018/9/92/T--Leiden--industryday1.jpg" alt=""></div>
+
−
      </div>
+
−
    </div>
+
  
−
    <!-- <div class="card links">
+
@font-face{
−
      <div class="title">
+
font-family: 'Roboto-600';
−
        <h1 class="date">16/05/2018</h1>
+
src: url('https://static.igem.org/mediawiki/2018/e/e4/T--Uppsala--Roboto--Medium.woff') format('woff'),
−
        <h1 class="cardtitle">Feature in 'Radio Sleutelstad'</h1>
+
        url('https://static.igem.org/mediawiki/2018/e/e4/T--Uppsala--Roboto--Medium.ttf') format('truetype')   
−
      </div>
+
}
  
−
      <div class="images">
 
−
        <div class="image1"><img src="/img/radio1.jpg" alt=""></div>
 
−
      </div>
 
  
−
      <div class="cardtext">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad porro sed tenetur blanditiis! Vitae asperiores error eum labore quae reiciendis id animi voluptates consequuntur omnis deserunt, possimus deleniti porro eos expedita est, ab et illum quidem
 
−
        vel doloremque laboriosam. Necessitatibus nobis, atque, provident et cupiditate hic eos quo dolorem aut. Magnam facilis optio dolores corrupti consectetur dolorum eum amet explicabo nisi perferendis nemo vero ut dolorem cumque, voluptatum modi
 
−
        similique, in quasi ipsa dolore quia totam nostrum atque cupiditate. Molestiae velit nostrum natus corrupti dignissimos nam obcaecati nesciunt praesentium, cumque dolorem quod esse quo eveniet iste voluptatum sed nemo unde.</div>
 
−
    </div> -->
 
  
−
    <div class="card rechts">
 
−
      <div class="title">
 
−
        <h1 class="date">14/04/2018</h1>
 
−
        <h1 class="cardtitle">RIVM: Safe by Design</h1>
 
−
      </div>
 
  
−
      <div class="cardtext">To kickstart our brainstorming on the Human Practices behind our project, we met with the Dutch National Institute for Public Health and the Environment (RIVM) and with the Rathenau Institute, tasked with supporting the public and political discussion
+
h1,   h2 {
−
        of science. During the day we pitched our idea to the RIVM and other Dutch iGEM teams. Afterwards, 7 experts from the fields of policy & law, societal impact, safety & security, business and ethics enriched us with their knowledge and thoughts
+
    font-family: monospace;
−
        on our project. This provided us with many valuable insights and helped us to firmly include Human Practices into all the steps of our project. Additionally, the day provided a nice opportunity to meet up with the other Dutch iGEM teams, allowing
+
   
−
        us to exchange ideas and get to know each other better.
+
}
−
      </div>
+
  
−
      <div class="images">
 
−
        <div class="image1"><img src="https://static.igem.org/mediawiki/2018/1/18/T--Leiden--RIVM1.png" alt=""></div>
 
−
      </div>
 
−
    </div>
 
  
−
    <div class="card links">
+
h2 {
−
      <div class="title">
+
          font-family: 'Roboto-400' !important;
−
        <h1 class="date">23/04/2018</h1>
+
}
−
        <h1 class="cardtitle">Science Day - Hannover Messe Challenge</h1>
+
−
      </div>
+
  
−
      <div class="images">
+
</style>
−
        <div class="image1"><img src="https://static.igem.org/mediawiki/2018/f/f3/T--Leiden--TUTwente1.jpg" alt=""></div>
+
−
        <div class="image2"><img src="https://static.igem.org/mediawiki/2018/1/12/T--Leiden--TUTwente4.jpg" alt=""></div>
+
−
      </div>
+
  
−
      <div class="cardtext">Five members of our team attended the science day at Twente University, to enthuse high school students for a study in beta or life sciences. During the event we gave a workshop on synthetic biology, explaining the basics of synthetic biology to
 
−
        25 motivated higher secondary education students. <br><br>The workshop started with a presentation on the usefulness of bacteria and the advantages that synthetic biology offer us. Thereafter, the students received a taste of biological research
 
−
        by performing three small experiments, including DNA visualization, ‘agar art’ with colored bacteria and a test to discover where the most bacteria live; e.g. on your phone, the toilet or your hands, and before or after washing? During the experiments,
 
−
        the students were stimulated to think about the biology behind the experiments. For instance, discussing the source of the bacteria’s pink color. It was gratifying to see the students enthusiastically discuss and perform the experiments, being
 
−
        eager to learn about synthetic biology. <br><br>We want to give a big shout out to Twente University for inviting us to this great educational event.
 
−
      </div>
 
−
    </div>
 
−
    <!-- <span class="circle circle1 orange large thick right"></span>
 
−
    <span class="circle circle2 accent1 normal filled right"></span>
 
−
    <span class="circle circle3 accent2 small thin right"></span>
 
−
    <span class="circle circle4 accent3 normal thick right"></span>
 
−
    <span class="circle circle5 accent4 small filled right"></span> -->
 
  
−
  </div>
+
<h1> asdasdkasd </h1>
−
  <img src="https://static.igem.org/mediawiki/2018/0/07/T--Leiden--scrolldowngifv2.gif" alt="" class="scrolldown">
+
<h2> nasasdkasd asdkas </h2>
−
  <footer id="footer_html" data-source="https://2018.igem.org/Team:Leiden/Footer?action=raw" style="color:var(--blackish)"></footer>
+
  
−
</body>
 
  
 
</html>
 
</html>

Latest revision as of 23:27, 17 October 2018


asdasdkasd

nasasdkasd asdkas