antismash_lca2011.html

   1 <!DOCTYPE html>
   2 <!--[if lt IE 7]> <html class="no-js ie6" lang="en"> <![endif]-->
   3 <!--[if IE 7]>    <html class="no-js ie7" lang="en"> <![endif]-->
   4 <!--[if IE 8]>    <html class="no-js ie8" lang="en"> <![endif]-->
   5 <!--[if gt IE 8]><!-->  <html class="no-js" lang="en"> <!--<![endif]-->
   6 <head>
   7   <meta charset="utf-8">
   8   <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   9
  10   <title>antiSMASH: Searching for New Antibiotics Using Open Source Tools</title>
  11
  12   <meta name="description" content="A presentation of the antiSMASH software for Linux.Conf.AU 2012">
  13   <meta name="author" content="Kai Blin">
  14   <meta name="viewport" content="width=1024, user-scalable=no">
  15
  16   <!-- Core and extension CSS files -->
  17   <link rel="stylesheet" href="core/deck.core.css">
  18   <link rel="stylesheet" href="extensions/goto/deck.goto.css">
  19   <link rel="stylesheet" href="extensions/menu/deck.menu.css">
  20   <link rel="stylesheet" href="extensions/navigation/deck.navigation.css">
  21   <link rel="stylesheet" href="extensions/status/deck.status.css">
  22   <link rel="stylesheet" href="extensions/hash/deck.hash.css">
  23   <link rel="stylesheet" href="extensions/scale/deck.scale.css">
  24
  25   <!-- Theme CSS files (menu swaps these out) -->
  26   <link rel="stylesheet" id="style-theme-link" href="themes/style/uni-tue.css">
  27   <link rel="stylesheet" id="transition-theme-link" href="themes/transition/horizontal-slide.css">
  28
  29   <!-- Custom CSS just for this page -->
  30   <link rel="stylesheet" href="antismash_talk.css">
  31   <link rel="stylesheet" href="cell.css">
  32
  33   <script src="modernizr.custom.js"></script>
  34 </head>
  35
  36 <body>
  37
  38 <header>
  39  <p>antiSMASH: Searching for New Antibiotics Using Open Source Tools</p>
  40 </header>
  41
  42 <article class="deck-container">
  43
  44 <section class="slide" id="title-slide">
  45   <div id="title-slide-logo">
  46     <img height="10%" src="antismash_logo.svg">
  47   </div>
  48   <div id="subtitle">
  49     <h4>An Antibiotics and Secondary Metabolites Analysis Shell</h4>
  50     Kai Blin<br>
  51     Division for Microbiology/Biotechnology
  52   </div>
  53   </section>
  54
  55   <section class="slide" id="background">
  56   <h1>Biological Background</h2>
  57   </section>
  58
  59   <section class="slide" id="background-definition">
  60     <h2>Biotechnology - Definition</h2>
  61
  62     <blockquote cite="http://www.cbd.int/convention/articles/?a=cbd-02">
  63         [...] any <span id="definition-technological">technological application</span>
  64         that uses <span id="definition-biological">biological systems, living organisms,
  65         or derivatives thereof</span>, to make or modify
  66         <span id="definition-products">products or processes</span> for specific use.
  67     </blockquote>
  68     <cite>The UN Convention on Biological Diversity</cite>
  69     <div class="slide" id="background-definition-technological"></div>
  70     <div class="slide" id="background-definition-biological"></div>
  71     <div class="slide" id="background-definition-products"></div>
  72   </section>
  73
  74
  75
  76   <section class="slide" id="cell-animation-begin">
  77     <h2>Cell</h2>
  78     <div id="cell-canvas"></div>
  79     <div class="slide" id="cell-animation-factory"></div>
  80   </section>
  81
  82   <section class="slide" id="background-example-beer">
  83     <img src="beer.jpg">
  84   </section>
  85
  86   <section class="slide" id="background-example-insulin">
  87     <img src="insulin.jpg">
  88   </section>
  89
  90   <section class="slide" id="bacteria-animation-begin">
  91     <h2>Biofactories</h2>
  92     <div id="bacteria-canvas"></div>
  93     <div class="slide" id="bacteria-animation-grow"></div>
  94   </section>
  95
  96   <section class="slide" id="background-metaphor-machines">
  97   <img src="protein_metaphor.svg" height="300">
  98   <div class="float-left-small">
  99       <div class="slide" id="enzymes"><img src="protein_reaction.svg"></div>
 100       <div class="slide" id="sensors"><img src="protein_sensor.svg"></div>
 101       <div class="slide" id="regulators"><img src="protein_regulator.svg"></div>
 102       <div class="slide" id="ribosomes"><img src="protein_ribosome.svg"></div>
 103   </section>
 104
 105   <section class="slide" id="background-metaphor-gene-tools">
 106     <img src="a_lot_of_proteins.svg">
 107   </section>
 108
 109   <section class="slide" id="background-metaphor-gene-blueprint">
 110     <img src="blueprint.svg" height="600">
 111     <h3 class="centered">Gene</h3>
 112   </section>
 113
 114   <section class="slide" id="background-protein-vs-enzyme">
 115   <h2>Nomenclature</h2>
 116   <div class="float-left-large">
 117     <div class="slide" id="when-protein"><img src="protein_parts.svg"></div>
 118     <div class="slide" id="when-enzyme"><img src="protein_reaction.svg"></div>
 119   </div>
 120   </section>
 121
 122   <section class="slide" id="background-metaphor-assembly">
 123     DNA --copy-&gt; mRNA --ribosome-&gt; Protein
 124   </section>
 125
 126   <section class="slide" id="background-glossary">
 127   <ul>
 128     <li>Primary Metabolism</li>
 129     <li>Secondary Metabolism</li>
 130     <li>Gene cluster</li>
 131     <li>Antibiotics</li>
 132   </ul>
 133   </section>
 134
 135   <section class="slide" id="background-why-antibiotics">
 136   <h2>Why do we need more antibiotics?</h2>
 137   </section>
 138
 139
 140
 141 <a href="#" class="deck-prev-link" title="Previous">&#8592;</a>
 142 <a href="#" class="deck-next-link" title="Next">&#8594;</a>
 143
 144 <p class="deck-status">
 145   <span class="deck-status-current"></span>
 146   /
 147   <span class="deck-status-total"></span>
 148 </p>
 149
 150 <form action="." method="get" class="goto-form">
 151   <label for="goto-slide">Go to slide:</label>
 152   <input type="text" name="slidenum" id="goto-slide" list="goto-datalist">
 153   <datalist id="goto-datalist"></datalist>
 154   <input type="submit" value="Go">
 155 </form>
 156
 157 <a href="." title="Permalink to this slide" class="deck-permalink">#</a>
 158
 159 </article>
 160 <footer>
 161 <div id="affiliation">Interfakutäres Intstitut für Mikrobiologie und
 162 Infektionsmedizin Tübingen (IMIT)
 163 </div>
 164 <img src="uni_logo.svg" id="uni-logo">
 165 </footer>
 166
 167   <script src="jquery.js"></script>
 168
 169 <!-- Deck Core and extensions -->
 170 <script src="core/deck.core.js"></script>
 171 <script src="extensions/hash/deck.hash.js"></script>
 172 <script src="extensions/menu/deck.menu.js"></script>
 173 <script src="extensions/goto/deck.goto.js"></script>
 174 <script src="extensions/status/deck.status.js"></script>
 175 <script src="extensions/navigation/deck.navigation.js"></script>
 176 <script src="extensions/scale/deck.scale.js"></script>
 177
 178 <script src="d3.js"></script>
 179
 180 <!-- Specific to this page -->
 181 <script src="antismash_talk.js"></script>
 182
 183 </body>
 184 </html>