Difference between revisions of "Team:Marburg/Attributions"

Line 1: Line 1:
−
{{Marburg}}
+
<!-- Extend base with navigation and footer -->
−
<html>
+
<!-- Extend base with navigation and footer -->
 +
<!DOCTYPE html>
 +
<html lang="en">
  
 +
    <head>
  
 +
        <!-- Meta tags -->
 +
        <meta charset="utf-8">
 +
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
        <meta name="viewport" content="width=device-width, initial-scale=1">
 +
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 +
        <meta name="description" content="iGEM Marburg 2016 Wiki">
 +
        <meta name="author" content="Martin Lellep, iGEM Team Marburg 2016" >
  
 +
        <!-- Favicon -->
 +
        <!--TODO: Proper Favicon-->
 +
        <link rel="icon" href="../img/favicons/favicon.ico">
  
 +
        <!-- Title -->
 +
        <title>Attributions :: Syndustry - iGEM Marburg 2016</title>
  
 +
        <!-- CSS -->
 +
        <link href="../css/bootstrap.min.css" rel="stylesheet">
 +
        <link href="../css/custom.css" rel="stylesheet">
  
 +
        <!-- IE8 Support -->
 +
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 +
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
        <!--[if lt IE 9]>
 +
            <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 +
            <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 +
        <![endif]-->
  
 +
    </head>
  
 +
    <body>
  
 +
        <!-- Navigation -->
  
 +
<!-- Navigation bar -->
 +
<nav class="navbar navbar-inverse navbar-fixed-top">
  
−
<div class="column full_size">
+
    <div class="container">
  
 +
        <div class="navbar-header">
 +
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
 +
                <span class="sr-only">Toggle navigation</span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
                <span class="icon-bar"></span>
 +
            </button>
 +
            <a class="navbar-brand" href="../index.html">iGEM Marburg 2016</a>
 +
        </div>
  
−
<p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster. </p>
+
        <div id="navbar" class="collapse navbar-collapse">
 +
            <ul class="nav navbar-nav">
 +
                <!-- Item 0 -->
 +
                <li class="">
 +
                    <a href="projects/projects.index.html">Projects</a>
 +
                </li>
 +
                <!-- Item 1 -->
 +
                <li class="">
 +
                    <a href="human_practices/human_practices.index.html">Human Practices</a>
 +
                </li>
 +
                <!-- Item 2 -->
 +
                <li class="">
 +
                    <a href="notebooks.html">Notebooks</a>
 +
                </li>
 +
                <!-- Item 3 -->
 +
                <li class="">
 +
                    <a href="safety.html">Safety</a>
 +
                </li>
 +
                <!-- Item 4 -->
 +
                <li class="">
 +
                    <a href="team.html">Team</a>
 +
                </li>
 +
                <!-- Item 5 -->
 +
                <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="achievements/achievements.1.html">Scientific Results</a></li>
 +
                        <li role="separator" class="divider"></li>
 +
                        <li><a href="achievements/achievements.2.html">Medal Requirements</a></li>
 +
                        <li><a href="achievements/achievements.3.html">Acknowledgements</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
            <ul class="nav navbar-nav navbar-right">
 +
                <!-- TODO: Proper own-styled SVG images -->
 +
                <!-- TODO: Why does SVG not work?! -->
 +
                <li><a href="https://de-de.facebook.com/igemmarburg">
 +
                    <img class="navigation-icon" src="../img/navigation/facebook.svg">
 +
                </a></li>
 +
                <li><a href="mailto:igemteam@synmikro.uni-marburg.de">
 +
                <!-- TODO: Why does white envelope not work?! -->
 +
                    <img class="navigation-icon" src="../img/navigation/email.svg">
 +
                </a></li>
 +
                <li><a href="https://twitter.com/igem_marburg">
 +
                    <img class="navigation-icon" src="../img/navigation/twitter.svg">
 +
                </a></li>
 +
            </ul>
 +
        </div>
  
−
</div>
+
    </div>
  
 +
</nav>
  
−
<div class="clear"></div>
 
  
 +
        <!-- Content -->
 +
 +
<!-- Overall header -->
 +
<div class="container">
 +
 +
    <div class="master-heading">
 +
        <h1>
 +
            SynDustry <small>Fuse. Use. Produce.</small>
 +
        </h1>
 +
    </div>
  
−
<div class="column half_size">
 
−
<h5> Why is this page needed? </h5>
 
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
 
−
<p>
 
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
 
 
</div>
 
</div>
  
 +
<!-- Heading -->
 +
<div class="container">
 +
    <div class="heading">
 +
        <h2>Attributions</h2>
 +
    </div>
 +
</div>
  
−
<div class="column half_size">
+
<!-- Content -->
−
<h5> What should this page have?</h5>
+
<div class="container">
  
−
<ul>
+
<!-- Heading -->
−
<li>General Support</li>
+
<div class="container">
−
<li>Project support and advice</li>
+
    <div class="heading">
−
<li>Fundraising help and advice</li>
+
        <h2>Responsibilities</h2>
−
<li>Lab support</li>
+
    </div>
−
<li>Difficult technique support</li>
+
−
<li>Project advisor support</li>
+
−
<li>Wiki support</li>
+
−
<li>Presentation coaching</li>
+
−
<li>Human Practices support</li>
+
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
+
−
</ul>
+
 
</div>
 
</div>
  
 +
<!-- Content -->
 +
<div class="container">
  
−
<div class="clear"></div>
+
    <!-- TODO: Buttons are not centered! -->
 +
    <!-- TODO: Implement button functionality -->
  
−
<div class="column half_size">
+
    <div class="row responsibilities">
  
−
<div class="highlight">
+
        <div class="col-sm-4">
−
<h5> Can we base our project on a previous one? </h5>
+
            <img class="img-rounded img-responsive center-block"
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
+
                src="../img/responsibilities/wetlab.svg"
−
</div>
+
                alt="Wetlab Responsibility">
−
</div>
+
            <h3>Wetlab</h3>
 +
            <p>
 +
                Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor
 +
                id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac,
 +
                vestibulum at eros. Praesent commodo cursus magna.
 +
            </p>
 +
            <p>
 +
                <a class="btn btn-default" href="#" role="button">More details &raquo;</a>
 +
            </p>
 +
        </div>
  
 +
        <div class="col-sm-4">
 +
            <img class="img-rounded img-responsive center-block"
 +
                src="../img/responsibilities/modeling.svg"
 +
                alt="Modeling Responsibility">
 +
            <h3>Modeling</h3>
 +
            <p>
 +
                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio
 +
                sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus,
 +
                tellus ac cursus commodo, tortor mauris condimentum nibh.
 +
            </p>
 +
            <p>
 +
                <a class="btn btn-default" href="#" role="button">More details &raquo;</a>
 +
            </p>
 +
        </div>
  
−
<div class="column half_size">
+
        <!-- TODO: Insert some space here!-->
  
−
<h5>Inspiration</h5>
+
        <div class="col-sm-4">
−
<p>Take a look at what other teams have done:</p>
+
            <img class="img-rounded img-responsive center-block"
−
<ul>
+
                src="../img/responsibilities/human_practices.svg"
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
+
                alt="Human Practices Responsibility">
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
+
            <h3>Human Practices</h3>
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
+
            <p>
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
+
                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio
−
</ul>
+
                sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus,
 +
                tellus ac cursus commodo, tortor mauris condimentum nibh.
 +
            </p>
 +
            <p>
 +
                <a class="btn btn-default" href="#" role="button">More details &raquo;</a>
 +
            </p>
 +
        </div>
 +
 
 +
    </div>
 +
 
 +
    <div class="row responsibilities">
 +
 
 +
        <div class="col-sm-3">
 +
            <img class="img-rounded img-responsive center-block"
 +
                src="../img/responsibilities/fund_raising.svg"
 +
                alt="Fund Raising Responsibility">
 +
            <h3>Fund Raising</h3>
 +
            <p>
 +
                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio
 +
                sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus,
 +
                tellus ac cursus commodo, tortor mauris condimentum nibh.
 +
            </p>
 +
            <p>
 +
                <a class="btn btn-default" href="#" role="button">More details &raquo;</a>
 +
            </p>
 +
        </div>
 +
 
 +
        <div class="col-sm-3">
 +
            <img class="img-rounded img-responsive center-block"
 +
                src="../img/responsibilities/wiki.svg"
 +
                alt="Wiki Responsibility">
 +
            <h3>Wiki</h3>
 +
            <p>
 +
                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio
 +
                sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus,
 +
                tellus ac cursus commodo, tortor mauris condimentum nibh.
 +
            </p>
 +
            <p>
 +
                <a class="btn btn-default" href="#" role="button">More details &raquo;</a>
 +
            </p>
 +
        </div>
 +
 
 +
        <div class="col-sm-3">
 +
            <img class="img-rounded img-responsive center-block"
 +
                src="../img/responsibilities/social_media.svg"
 +
                alt="Social Media Responsibility">
 +
            <h3>Social Media</h3>
 +
            <p>
 +
                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio
 +
                sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus,
 +
                tellus ac cursus commodo, tortor mauris condimentum nibh.
 +
            </p>
 +
            <p>
 +
                <a class="btn btn-default" href="#" role="button">More details &raquo;</a>
 +
            </p>
 +
        </div>
 +
 
 +
        <div class="col-sm-3">
 +
            <img class="img-rounded img-responsive center-block"
 +
                src="../img/responsibilities/design.svg"
 +
                alt="Design Responsibility">
 +
            <h3>Design</h3>
 +
            <p>
 +
                Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio
 +
                sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus,
 +
                tellus ac cursus commodo, tortor mauris condimentum nibh.
 +
            </p>
 +
            <p>
 +
                <a class="btn btn-default" href="#" role="button">More details &raquo;</a>
 +
            </p>
 +
        </div>
 +
 
 +
    </div>
  
 
</div>
 
</div>
  
−
<div class="clear"></div>
+
ADD TABLES!
  
−
<div class="column half_size">
 
  
−
<h5>Team training and Project start</h5>
+
        <!-- Footer -->
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
−
<ul>
+
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
−
<li>When did you start this course?</li>
+
−
<li>Are the syllabus and course materials freely available online?</li>
+
−
<li>When did you start your brainstorming?</li>
+
−
<li>When did you start in the lab?</li>
+
−
<li>When did you start working on  your project?</li>
+
  
−
</ul>
+
<!-- Footer -->
 +
<div class="container">
 +
 
 +
    <hr style="width: 100%; color: black; height: 1px; background-color:black;" />
 +
 
 +
    <footer>
 +
        <p class="pull-right"><a href="#">Back to top</a></p>
 +
        <p>&copy; 2016 iGEM Marburg &middot; <a href="#" data-toggle="modal" data-target="#myModal">Contact</a></p>  <!-- Calls the modal -->
 +
    </footer>
  
 
</div>
 
</div>
  
 +
<!-- Modal -->
 +
<div id="myModal" class="modal fade" role="dialog">
 +
    <div class="modal-dialog">
  
 +
    <!-- Modal content-->
 +
    <div class="modal-content">
 +
        <div class="modal-header">
 +
            <button type="button" class="close" data-dismiss="modal">&times;</button>
 +
            <h4 class="modal-title">Contact iGEM Team Marburg 2016</h4>
 +
        </div>
 +
        <div class="modal-body">
 +
            <p>
 +
                Do not hesitate to contact us if you would like! We are eager to help
 +
                with everything we can.
 +
            </p>
  
 +
<!-- TODO: Add pictures. -->
 +
<!-- TODO: Add responsive table. -->
 +
            <table class="table">
 +
                <thead>
 +
                    <tr>
 +
                        <th>Service</th>
 +
                        <th>Contact</th>
 +
                    </tr>
 +
                </thead>
 +
                <tbody>
 +
                    <tr>
 +
                        <td>Email</td>
 +
                        <td>
 +
                            <a href="mailto:igemteam@synmikro.uni-marburg.de">
 +
                                igemteam@synmikro.uni-marburg.de
 +
                            </a>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>Facebook</td>
 +
                        <td>
 +
                            <a href="https://de-de.facebook.com/igemmarburg">
 +
                                www.facebook.com/igemmarburg
 +
                            </a>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>Twitter</td>
 +
                        <td>
 +
                            <a href="https://twitter.com/igem_marburg">
 +
                                www.twitter.com/igem_marburg
 +
                            </a>
 +
                        </td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>Mail</td>
 +
                        <td>
 +
                            <i class="todo">TODO</i>
 +
                        </td>
 +
                    </tr>
 +
                </tbody>
 +
            </table>
  
 +
        </div>
 +
        <div class="modal-footer">
 +
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 +
        </div>
 +
    </div>
 +
 +
    </div>
 
</div>
 
</div>
 +
 +
 +
        <!-- Bootstrap core JavaScript -->
 +
        <!-- Placed at the end of the document so the pages load faster -->
 +
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 +
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <!-- TODO: Local copy! -->
 +
        <!-- Include all compiled plugins (below), or include individual files as needed -->
 +
        <script src="../js/bootstrap.min.js"></script>
 +
        <script src="../js/custom.js"></script>
 +
 +
    </body>
 +
 
</html>
 
</html>

Revision as of 02:43, 20 October 2016

<!DOCTYPE html> Attributions :: Syndustry - iGEM Marburg 2016

SynDustry Fuse. Use. Produce.

Attributions

Responsibilities

Wetlab Responsibility

Wetlab

Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.

More details »

Modeling Responsibility

Modeling

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

More details »

Human Practices Responsibility

Human Practices

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

More details »

Fund Raising Responsibility

Fund Raising

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

More details »

Wiki Responsibility

Wiki

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

More details »

Social Media Responsibility

Social Media

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

More details »

Design Responsibility

Design

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.

More details »

ADD TABLES!