|
|
| Line 1: |
Line 1: |
| | {{Munich/Alive}} | | {{Munich/Alive}} |
| | <html> | | <html> |
| − |
| |
| − | <style>
| |
| − |
| |
| − | @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
| |
| − |
| |
| − | .pictureTitle{
| |
| − | background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0)), url("https://2019.igem.org/wiki/images/f/f3/T--Munich--Beta_Cell.png");
| |
| − | background-repeat: no-repeat;
| |
| − | background-size: cover;
| |
| − | background-position:center;
| |
| − | }
| |
| − |
| |
| − | /* for dark theme */
| |
| − | .table-of-contents a {
| |
| − | color: #fff;
| |
| − | }
| |
| − | .table-of-contents a:before {
| |
| − | color: #fff;
| |
| − | }
| |
| − |
| |
| − | #accordion .card {
| |
| − | border-radius: 2rem;
| |
| − | margin-bottom: 10px;
| |
| − | border: 2px solid rgba(23,123,206,1);
| |
| − | }
| |
| − | #accordion .card-header {
| |
| − | padding:0;
| |
| − | }
| |
| − | #accordion h5 {
| |
| − | padding:0;
| |
| − | }
| |
| − | #accordion .card button{
| |
| − | width: 100%;
| |
| − | }
| |
| − | #accordion button span {
| |
| − | font-size: 2rem;
| |
| − | }
| |
| − |
| |
| − | .mobileNumber{
| |
| − | font-size: 3rem;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | @media only screen and (max-width: 809.99px) {
| |
| − | #accordion button span {
| |
| − | font-size: 0.7rem;
| |
| − | }
| |
| − | .mobileCol{
| |
| − | padding-right: 0;
| |
| − | }
| |
| − | .mobileNumber{
| |
| − | font-size: 2.5rem;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − | @media only screen and (max-width: 1360.99px) and (min-width: 810px){
| |
| − | #accordion button span {
| |
| − | font-size: 1rem;
| |
| − | }
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <div class="pictureTitle container-fluid text-center mb-0 align-items-center text-light">
| |
| − |
| |
| − | <div class="display-3 mt-5 mb-0">
| |
| − | ALiVE
| |
| − | </div>
| |
| − | <h4>Analysis of Living Cells by Vesicular Export</h4>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − | <div class="showCase container-fluid jumbotron jumbotron-fluid bg-white text-center align-items-center text-dark mb-0">
| |
| − | <div class="row align-items-center">
| |
| − | <div class="col-12 col-md-12">
| |
| − | <figure class="figure">
| |
| − | <img src="https://2019.igem.org/wiki/images/5/59/T--Munich--test1.png" class="figure-img img-fluid rounded" alt="A generic square placeholder image with rounded corners in a figure.">
| |
| − | </figure>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | <div class="phaContainer bg-white text-dark mb-4">
| |
| − | <aside id="phaContentsOuter">
| |
| − | <aside id="phaContents" class="table-of-contents">
| |
| − | <!-- will be generated with JS -->
| |
| − | </aside>
| |
| − | </aside>
| |
| − |
| |
| − | <main class="post-content">
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--<div id="background-container" style=" height: 500px; border-width: 2px; border: solid;"></div>-->
| |
| − | <div id="background-container" style=" height: 500px; border-width: 2px; border: solid;">
| |
| − |
| |
| − | <script type="text/javascript" src="https://2019.igem.org/Team:Munich/backgroundGraphics/p5JS?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − | <script>
| |
| − | function setup() {
| |
| − | background(0);
| |
| − | stroke(255);
| |
| − | var parent = document.getElementById("background-container");
| |
| − | canvas = createCanvas(parent.clientWidth,parent.clientHeight);
| |
| − | canvas.parent("background-container");
| |
| − |
| |
| − | }
| |
| − |
| |
| − | function windowResized(){
| |
| − | resizeCanvas(windowWidth,windowHeight);
| |
| − | }
| |
| − |
| |
| − | function draw() {
| |
| − | if (mouseIsPressed){
| |
| − | line(pmouseX,pmouseY,mouseX,mouseY);
| |
| − | }
| |
| − | }
| |
| − | </script>
| |
| − |
| |
| − | </main>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <script type="text/javascript" src="https://2019.igem.org/Template:Munich/AliveContentsJS?action=raw&ctype=text/javascript"></script>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| | | | |
| | | | |
| | </html> | | </html> |
| − |
| |
| | {{Munich/AliveFooterCSS}} | | {{Munich/AliveFooterCSS}} |
