Difference between revisions of "Team:EPF Lausanne/Modeling"

(Prototype team page)
 
Line 1: Line 1:
{{EPF_Lausanne}}
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<html>
+
  <head>
 +
<style type="text/css">
  
<h2> Modeling</h2>
+
  #contentSub, #footer-box, #catlinks, #search-controls,
 +
  #p-logo, .printfooter, .firstHeading, .visualClear {
 +
      display: none;
 +
  }
 +
  #globalWrapper, #content {   
 +
    width: 100%;
 +
    height: 100%;
 +
    border: 0px;
 +
    background-color: #669999;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    font-size: 100%;
 +
  }
 +
img.resize50{
 +
  max-width:50%;
 +
  max-height:50%;
 +
}
  
 +
.highlight > pre { background-color: #404040;  display:block; height:600px; overflow:scroll}
 +
.highlight .hll { background-color: #49483e }
 +
.highlight  { background: #272822; color: #f8f8f2 }
 +
.highlight .c { color: #75715e } /* Comment */
 +
.highlight .err { color: #960050; background-color: #1e0010 } /* Error */
 +
.highlight .k { color: #66d9ef } /* Keyword */
 +
.highlight .l { color: #ae81ff } /* Literal */
 +
.highlight .n { color: #f8f8f2 } /* Name */
 +
.highlight .o { color: #f92672 } /* Operator */
 +
.highlight .p { color: #f8f8f2 } /* Punctuation */
 +
.highlight .cm { color: #75715e } /* Comment.Multiline */
 +
.highlight .cp { color: #75715e } /* Comment.Preproc */
 +
.highlight .c1 { color: #75715e } /* Comment.Single */
 +
.highlight .cs { color: #75715e } /* Comment.Special */
 +
.highlight .gd { color: #f92672 } /* Generic.Deleted */
 +
.highlight .ge { font-style: italic } /* Generic.Emph */
 +
.highlight .gi { color: #a6e22e } /* Generic.Inserted */
 +
.highlight .gs { font-weight: bold } /* Generic.Strong */
 +
.highlight .gu { color: #75715e } /* Generic.Subheading */
 +
.highlight .kc { color: #66d9ef } /* Keyword.Constant */
 +
.highlight .kd { color: #66d9ef } /* Keyword.Declaration */
 +
.highlight .kn { color: #f92672 } /* Keyword.Namespace */
 +
.highlight .kp { color: #66d9ef } /* Keyword.Pseudo */
 +
.highlight .kr { color: #66d9ef } /* Keyword.Reserved */
 +
.highlight .kt { color: #66d9ef } /* Keyword.Type */
 +
.highlight .ld { color: #e6db74 } /* Literal.Date */
 +
.highlight .m { color: #ae81ff } /* Literal.Number */
 +
.highlight .s { color: #e6db74 } /* Literal.String */
 +
.highlight .na { color: #a6e22e } /* Name.Attribute */
 +
.highlight .nb { color: #f8f8f2 } /* Name.Builtin */
 +
.highlight .nc { color: #a6e22e } /* Name.Class */
 +
.highlight .no { color: #66d9ef } /* Name.Constant */
 +
.highlight .nd { color: #a6e22e } /* Name.Decorator */
 +
.highlight .ni { color: #f8f8f2 } /* Name.Entity */
 +
.highlight .ne { color: #a6e22e } /* Name.Exception */
 +
.highlight .nf { color: #a6e22e } /* Name.Function */
 +
.highlight .nl { color: #f8f8f2 } /* Name.Label */
 +
.highlight .nn { color: #f8f8f2 } /* Name.Namespace */
 +
.highlight .nx { color: #a6e22e } /* Name.Other */
 +
.highlight .py { color: #f8f8f2 } /* Name.Property */
 +
.highlight .nt { color: #f92672 } /* Name.Tag */
 +
.highlight .nv { color: #f8f8f2 } /* Name.Variable */
 +
.highlight .ow { color: #f92672 } /* Operator.Word */
 +
.highlight .w { color: #f8f8f2 } /* Text.Whitespace */
 +
.highlight .mb { color: #ae81ff } /* Literal.Number.Bin */
 +
.highlight .mf { color: #ae81ff } /* Literal.Number.Float */
 +
.highlight .mh { color: #ae81ff } /* Literal.Number.Hex */
 +
.highlight .mi { color: #ae81ff } /* Literal.Number.Integer */
 +
.highlight .mo { color: #ae81ff } /* Literal.Number.Oct */
 +
.highlight .sb { color: #e6db74 } /* Literal.String.Backtick */
 +
.highlight .sc { color: #e6db74 } /* Literal.String.Char */
 +
.highlight .sd { color: #e6db74 } /* Literal.String.Doc */
 +
.highlight .s2 { color: #e6db74 } /* Literal.String.Double */
 +
.highlight .se { color: #ae81ff } /* Literal.String.Escape */
 +
.highlight .sh { color: #e6db74 } /* Literal.String.Heredoc */
 +
.highlight .si { color: #e6db74 } /* Literal.String.Interpol */
 +
.highlight .sx { color: #e6db74 } /* Literal.String.Other */
 +
.highlight .sr { color: #e6db74 } /* Literal.String.Regex */
 +
.highlight .s1 { color: #e6db74 } /* Literal.String.Single */
 +
.highlight .ss { color: #e6db74 } /* Literal.String.Symbol */
 +
.highlight .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
 +
.highlight .vc { color: #f8f8f2 } /* Name.Variable.Class */
 +
.highlight .vg { color: #f8f8f2 } /* Name.Variable.Global */
 +
.highlight .vi { color: #f8f8f2 } /* Name.Variable.Instance */
 +
.highlight .il { color: #ae81ff } /* Literal.Number.Integer.Long */
  
<div class="highlightBox">
+
</style>
<h4>Note</h4>
+
<p>In order to be considered for the <a href="https://2015.igem.org/Judging/Awards#SpecialPrizes">Best Model award</a>, you must fill out this page.</p>
+
</div>
+
  
 +
    <!--
 +
    Stone Template
 +
    http://www.templatemo.com/preview/templatemo_452_stone
 +
    -->
  
<p>Mathematical models and computer simulations provide a great way to describe the function and operation of BioBrick Parts and Devices. Synthetic Biology is an engineering discipline, and part of engineering is simulation and modeling to determine the behavior of your design before you build it. Designing and simulating can be iterated many times in a computer before moving to the lab. This award is for teams who build a model of their system and use it to inform system design or simulate expected behavior in conjunction with experiments in the wetlab.</p>
+
    <!-- Latest compiled and minified CSS -->
 +
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
 +
   
 +
    <!-- Bootstrap Stylesheet -->
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/bootstrap?action=raw&amp;ctype=text/css" type="text/css">
 +
   
 +
    <!-- FontAwesome Icons -->
 +
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
 +
   
 +
    <!-- Normailize Stylesheet -->
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/normalize?action=raw&amp;ctype=text/css" type="text/css">
  
<p>
+
    <!-- Main Styles -->
Here are a few examples from previous teams:
+
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/templatemo-style?action=raw&amp;ctype=text/css" type="text/css">
</p>
+
<ul>
+
<li><a href="https://2014.igem.org/Team:ETH_Zurich/modeling/overview">ETH Zurich 2014</a></li>
+
<li><a href="https://2014.igem.org/Team:Waterloo/Math_Book">Waterloo 2014</a></li>
+
</ul>
+
  
 +
    <!-- Footer -->
 +
    <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/css/footer?action=raw&amp;ctype=text/css" type="text/css">
  
</div>
+
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&amp;ctype=text/js"></script>
  
 +
</head>
 +
<body  class="loading">
 +
    <!--[if lt IE 7]>
 +
    <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
 +
    <![endif]-->
 +
 +
    <!-- HEADER -->
 +
    <div class="site-header">
 +
        <div class="container">
 +
            <div class="row">
 +
                <nav class="navbar navbar-default navbar-static-top">
 +
                    <div class="navbar-header">
 +
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#main-menu">
 +
                            <span class="sr-only">Toggle navigation</span>
 +
                            <i class="fa fa-bars"></i>
 +
                        </button>
 +
                        <a href="https://2015.igem.org/Team:EPF_Lausanne"><img src="https://static.igem.org/mediawiki/2015/9/95/EPF_Lausanne_BIOLOGIC_BLANC.png"></a>
 +
                    </div>
 +
                    <div class="collapse navbar-collapse" id="main-menu">
 +
                        <ul class="nav navbar-nav navbar-right">
 +
                            <li><a href="https://2015.igem.org/Team:EPF_Lausanne">Home</a></li>
 +
                            <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="https://2015.igem.org/Team_EPF_Lausanne/Project/Background">Background</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">Description</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Applications">Applications</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Modelling">Modelling</a></li>
 +
                            </ul>
 +
                            </li>
 +
                            <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Vivo">In vivo</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Silico">In silico</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Judging">Judging</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Parts">Parts</a></li>
 +
                            </ul>
 +
                            </li>
 +
                            <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Policy and Practices <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Ethic">Ethics</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Safety">Safety</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Human">Human Practices</a></li>
 +
                            </ul>
 +
                            </li>
 +
                            <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Ecoli">E. Coli</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Yeast">Yeast</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Protocols">Protocols</a></li>
 +
                            </ul>
 +
                            </li>
 +
                            <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">Meet us</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Timeline">Timeline</a></li>
 +
                                <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Aknowledgements">Aknowledgements</a></li>
 +
                            </ul>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                </nav>       
 +
            </div>
 +
        </div>
 +
    </div> <!-- .site-header -->
 +
 +
    <div class="page-h promotion">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 text-center">
 +
                    <h3>Code</h3>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
 +
<div class="second-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 col-centered">
 +
                    <h3>code2html</h3>
 +
<p>The following Python script allows to generate HTML (and CSS) code from source files in C++ and Python languages. It is based on <a href="http://pygments.org/" target="blank">Pygment</a>, a Python syntax highlighter. All code in our Wiki is formatted using this script.
 +
 +
<p>This script accepts two command line arguments: the first argument is the name of the file to convert, the second one (optional) is to ask separate HTML and CSS files.</p>
 +
 +
 +
 +
 +
 +
 +
</div></div></div>
 +
 +
 +
 +
 +
    <div class="fourth-section">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12 text-center">
 +
                    <h2>Still under construction</h2>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <!-- Footer -->
 +
    <footer class="footer-distributed">
 +
 +
            <div class="footer-left">
 +
 +
                <img class="resize50" src="https://static.igem.org/mediawiki/2015/4/4e/EPF_Lausanne_iGem_Logo_Blue.png" alt="">
 +
 +
            </div>
 +
 +
            <div class="footer-center">
 +
 +
                <div>
 +
                    <i class="fa fa-map-marker"></i>
 +
                    <p><span>Route Cantonale</span> Lausanne, Suisse</p>
 +
                </div>
 +
 +
                <div>
 +
                    <i class="fa fa-envelope"></i>
 +
                    <p><a href="mailto:iGEM2015dreamteam@groupes.epfl.ch">Contact us</a></p>
 +
                </div>
 +
 +
            </div>
 +
 +
            <div class="footer-right">
 +
 +
                <p class="footer-company-about">
 +
                    <span>About us</span>
 +
                    Team of a dozen biotechnology students that will attempt to change the world
 +
                </p>
 +
 +
                <div class="footer-icons">
 +
 +
                    <a href="https://www.facebook.com/pages/IGEM-EPFL-2015/1598472927106907" target="_blank"><i class="fa fa-facebook"></i></a>
 +
                    <a href="https://instagram.com/igem2015epfl/" target="_blank"><i class="fa fa-instagram"></i></a>
 +
                    <a href="https://twitter.com/EPFL_iGEM/" target="_blank"><i class="fa fa-twitter"></i></a>
 +
                </div>
 +
 +
            </div>
 +
 +
        </footer>
 +
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/jquery?action=raw&amp;ctype=text/js"></script>
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/bootstrap?action=raw&amp;ctype=text/js"></script>
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/plugins?action=raw&amp;ctype=text/js"></script>
 +
    <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/main?action=raw&amp;ctype=text/js"></script>   
 +
</body>
 
</html>
 
</html>

Revision as of 10:12, 31 July 2015

Code

code2html

The following Python script allows to generate HTML (and CSS) code from source files in C++ and Python languages. It is based on Pygment, a Python syntax highlighter. All code in our Wiki is formatted using this script.

This script accepts two command line arguments: the first argument is the name of the file to convert, the second one (optional) is to ask separate HTML and CSS files.

Still under construction