Difference between revisions of "Team:Valencia UPV"

 
(174 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Valencia_UPV}}
+
{{Valencia_UPV/bootstrap.css}}
 +
{{Valencia_UPV/custom.css}}
 +
{{Valencia_UPV/flickity.css}}
 +
{{Valencia_UPV/iconsmind.css}}
 +
{{Valencia_UPV/jquery.steps.css}}
 +
{{Valencia_UPV/lightbox.min.css}}
 +
{{Valencia_UPV/stackinterface.css}}
 +
{{Valencia_UPV/theme.css}}
 +
{{Valencia_UPV/navBar}}
 +
 
 
<html>
 
<html>
−
  <head>
+
<style>
−
    <meta charset="utf-8">
+
 
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
#home_logo, #sideMenu { display:none; }
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
    <title>Free Bulma templates</title>
+
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
−
    <link rel="shortcut icon" href="https://cdn.rawgit.com/jgthms/bulma/master/docs/favicons/favicon-32x32.png" type="image/x-icon">
+
 
−
    <meta name="description" content="Free bulma templates">
+
 
−
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+
 
−
    <!-- Bulma Version 0.7.1 -->
+
</style>
−
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" />
+
 
−
    <link rel="stylesheet" type="text/css" href="css/index.css">
+
<head>
−
   </head>
+
  <meta charset="utf-8">
−
  <body>
+
  <title>Stack Multipurpose HTML Template</title>
−
    <section class="hero is-info is-medium is-bold">
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
      <div class="hero-body">
+
  <meta name="description" content="Site Description Here">
−
        <div class="container has-text-centered">
+
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
−
          <h1 class="title">
+
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
−
          Free Bulma Templates
+
  <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
−
          </h1>
+
  <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
−
          <h2 class="subtitle">
+
    
−
          Based on the <a href="http://bulma.io">Bulma</a> CSS Framework
+
</head>
−
          </h2>
+
 
−
          <a class="github-button" href="https://github.com/dansup/bulma-templates"  data-size="large" aria-label="View dansup/bulma-templates on GitHub">View on Github</a>
+
 
−
          <a class="github-button" href="https://github.com/dansup/bulma-templates" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star dansup/bulma-templates on GitHub">Star</a>
+
 
−
          <a class="github-button" href="https://github.com/dansup/bulma-templates/fork" data-size="large" data-show-count="true" aria-label="Fork dansup/bulma-templates on GitHub">Fork</a>
+
<!-- ESTE ES EL CODIGO DE LA IMAGEN DE LA ESQUINA DERECHA
−
        </div>
+
 
−
      </div>
+
He puesto justo debajo los atributos height y width a 200 píxeles
−
    </section>
+
por defecto pero se puede modificar. Con esos valores, cualquier foto
−
    <div class="container content-wrapper">
+
que pongas se va a ver con un tamaño de 200x200.  
−
      <div class="columns">
+
 
−
        <div class="column is-4">
+
-->
−
          <div class="card">
+
                                     
−
            <header class="card-header">
+
<div style="
−
              <p class="card-header-title">
+
    position: absolute;
−
                <span>Admin <small>(Light)</small></span>
+
    padding-right: 1em;
−
                <span class="is-pulled-right">
+
    padding-bottom: 1em;
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
    padding-left: 1em;
−
                    <span class="tag is-default">v0.7.1</span>
+
    z-index: 99;
−
                  </a>
+
    width: 100%;
−
                  <span class="tag is-default">Desktop</span>
+
    text-align: right;
−
                  <span class="tag is-danger">WIP</span>
+
">
−
                </span>
+
 
−
              </p>
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Awards">
−
            </header>
+
<img style="
−
            <div class="card-content">
+
    margin: 0 !important;
−
              <figure class="image">
+
    width: 200px;
−
                <img src="images/admin.png" alt="Admin template screenshot">
+
    height: 200px;
−
              </figure>
+
 
−
            </div>
+
" src="https://static.igem.org/mediawiki/2018/7/7d/T--Valencia_UPV--TROFEOGIF_ale.gif">
−
            <footer class="card-footer">
+
</a>
−
              <a href="templates/admin.html" class="card-footer-item">Preview</a>
+
 
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/admin.html" class="card-footer-item">Source Code</a>
+
 
−
            </footer>
+
</div>
−
          </div>
+
 
−
          <div class="card">
+
<!---->
−
            <header class="card-header">
+
 
−
              <p class="card-header-title">
+
 
−
                <span>Cover</span>
+
 
−
                <span class="is-pulled-right">
+
<div class="t-cover" style="
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
height: 100vh; margin-top: -20px;background-color: #DCDEDC;">
−
                    <span class="tag is-default">v0.7.1</span>
+
 
−
                  </a>
+
 
−
                  <span class="tag is-default">Desktop</span>
+
 
−
                  <span class="tag is-default">Mobile</span>
+
 
−
                </span>
+
 
−
              </p>
+
<div id="media-box">
−
            </header>
+
 
−
            <div class="card-content">
+
 
−
              <figure class="image">
+
<video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted="">
−
                <img src="images/cover.png" alt="Cover template screenshot">
+
                                        <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4">
−
              </figure>
+
                                      </video>
−
            </div>
+
                                    <center style="
−
            <footer class="card-footer">
+
height: 100%;
−
              <a href="templates/cover.html" class="card-footer-item">Preview</a>
+
/* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */">
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/cover.html" class="card-footer-item">Source Code</a>
+
<a class="btn down inner-link active" href="#story" style="
−
            </footer>
+
;;
−
          </div>
+
font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 80vh;z-index: 93;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
−
          <div class="card">
+
            <i class="stack-interface stack-down-open-big"></i>
−
            <header class="card-header">
+
        </a>
−
              <p class="card-header-title">
+
</center></div>
−
                <span>Forum</span>
+
</div>
−
                <span class="is-pulled-right">
+
<div class="main-container" style=""><row>
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
 
−
                    <span class="tag is-default">v0.7.1</span>
+
 
−
                  </a>
+
<!-------------------------------IMAGEN PRINCIPAL------------------------------------------------>
−
                  <span class="tag is-default">Desktop</span>
+
 
−
                  <span class="tag is-default">Mobile</span>
+
 
−
                </span>
+
 
−
              </p>
+
 
−
            </header>
+
<!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN ----------------------------->
−
            <div class="card-content">
+
<div class="col-md-12" style="
−
              <figure class="image">
+
z-index: 99;
−
                <img src="images/forum.png" alt="Hero template screenshot">
+
position: relative;width: 100%;padding-left: 0;padding-right: 0;">
−
              </figure>
+
 
−
            </div>
+
<section class="imageblock " style="
−
            <footer class="card-footer">
+
padding-bottom: 0px !important;
−
              <a href="templates/forum.html" class="card-footer-item">Preview</a>
+
height: 722px;
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/forum.html" class="card-footer-item">Source Code</a>
+
padding-bottom: 24px;
−
            </footer>
+
;background-color: #DCDEDC;
−
          </div>
+
"><a class="anchorOffset" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;"></a><row>
−
          <div class="card">
+
               
−
            <header class="card-header">
+
               
−
              <p class="card-header-title">
+
<div class=" col-lg-6 col-md-6" style="
−
                <span>Landing</span>
+
float: left !important;
−
                <span class="is-pulled-right">
+
padding-right: 0px;
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
padding-left: 0px;
−
                    <span class="tag is-default">v0.7.1</span>
+
position:  relative;
−
                  </a>
+
float: left;">
−
                  <span class="tag is-default">Desktop</span>
+
                    <div class="row" style="
−
                  <span class="tag is-default">Mobile</span>
+
padding: 5em;
−
                </span>
+
;
−
              </p>
+
display: block;
−
            </header>
+
position: absolute;
−
            <div class="card-content">
+
height: 100%;
−
              <figure class="image">
+
/*! background-color: #DCDEDC; */
−
                <img src="images/landing.png" alt="Landing template screenshot">
+
">
−
              </figure>
+
                        <div class="col-lg-12 col-md-12 mt--12" style="
−
            </div>
+
padding-right: 3em;
−
            <footer class="card-footer">
+
display: block;">
−
              <a href="templates/landing.html" class="card-footer-item">Preview</a>
+
                           
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/landing.html" class="card-footer-item">Source Code</a>
+
                     
−
            </footer>
+
                            <div class="modal-instance block">
−
          </div>
+
                               
−
          <div class="card">
+
                               
−
            <header class="card-header">
+
                               
−
              <p class="card-header-title">
+
                                <!--end of modal-container-->
−
                <span>InstaAlbum</span>
+
                            </div>
−
                <span class="is-pulled-right">
+
                            <!--end of modal instance-->
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
                        </div>
−
                    <span class="tag is-default">v0.7.1</span>
+
                    </div>
−
                  </a>
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/e/e0/T--Valencia_UPV--ImagenHomeIzq2UPV2018.png" style="
−
                  <span class="tag is-default">Desktop</span>
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--ImagenHomeIzqUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a>
−
                  <span class="tag is-default">Mobile</span>
+
</div>
−
                 </span>
+
<div class=" col-lg-6 col-md-6 pos-left" style="
−
              </p>
+
padding-right: 0px;
−
             </header>
+
padding-left: 0px;
−
            <div class="card-content">
+
position: relative;
−
              <figure class="image">
+
height: 100%;
−
                 <img src="images/instaalbum.png" alt="Landing template screenshot">
+
background-color: #DCDEDC;
−
              </figure>
+
float: right;">
−
            </div>
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/1/12/T--Valencia_UPV--ImagenHomeDerUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a>
−
            <footer class="card-footer">
+
<img alt="image" src="https://static.igem.org/mediawiki/2018/8/87/T--Valencia_UPV--ImagenHomeDer2UPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs">
−
              <a href="templates/instaAlbum.html" class="card-footer-item">Preview</a>
+
 
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/instaAlbum.html" class="card-footer-item">Source Code</a>
+
                   
−
            </footer>
+
                    <!--end of row-->
−
          </div>
+
                </div>
−
        </div>
+
                 <!--end of container--></row>
−
        <div class="column is-4">
+
             </section>
−
          <div class="card">
+
<section class="" style="
−
            <header class="card-header">
+
padding-top: -1px;
−
              <p class="card-header-title">
+
padding-bottom: 0px !important;
−
                <span>Blog</span>
+
height: 722px;
−
                <span class="is-pulled-right">
+
padding-bottom: 24px;
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
;"><div style="
−
                    <span class="tag is-default">v0.7.1</span>
+
float: left;">
−
                  </a>
+
                  
−
                  <span class="tag is-default">Desktop</span>
+
               
−
                  <span class="tag is-danger">WIP</span>
+
<div class=" col-lg-6 col-md-6" style="
−
                </span>
+
top: -7.5em;float: left !important;
−
              </p>
+
padding-right: 0px;
−
            </header>
+
padding-left: 0px;
−
            <div class="card-content">
+
position:  relative;
−
              <figure class="image">
+
float: left;">
−
                <img src="images/blog.png" alt="Blog template screenshot">
+
                    <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/archive/4/46/20181017075815%21T--Valencia_UPV--gifhomeUPV2018.jpeg" style="
−
              </figure>
+
float: left;
−
            </div>
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
−
            <footer class="card-footer">
+
</div>
−
              <a href="templates/blog.html" class="card-footer-item">Preview</a>
+
<div class=" col-lg-6 col-md-6" style="
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/blog.html" class="card-footer-item">Source Code</a>
+
top: -7.5em;float: right !important;
−
            </footer>
+
padding-right: 0px;
−
          </div>
+
padding-left: 0px;
−
          <div class="card">
+
position:  relative;
−
            <header class="card-header">
+
float: left;">
−
              <p class="card-header-title">
+
                    <div style="
−
                <span>Hero</span>
+
width: 100%;
−
                <span class="is-pulled-right">
+
height: 16%;"><h1 style="
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
padding-top: 1.8em !important; padding-left: 2em !important; margin: 0em !important; height: 87% !important; margin-bottom: 11em !important;margin-left: 6em; margin-top: 5em; padding-right: 5em !important; /* font-size: 18px !important; */; width: 102%; overflow-x: hidden !important; padding: 0; height: 100%; overflow: scroll; letter-spacing: 0px; line-height: 27px !important; color: white; position: absolute; left: 0em; z-index: 20;">Abstract</h1><p style="
−
                    <span class="tag is-default">v0.7.1</span>
+
padding-top: 9.5em !important;
−
                  </a>
+
padding-left: 6em !important;
−
                  <span class="tag is-default">Desktop</span>
+
margin: 0em !important;
−
                  <span class="tag is-default">?</span>
+
height: 87% !important;
−
                </span>
+
margin-bottom: 11em !important;margin-left: 6em;
−
              </p>
+
margin-top: 5em;
−
            </header>
+
padding-right: 5em !important;
−
            <div class="card-content">
+
font-size: 18px !important;
−
              <figure class="image">
+
width: 102%;
−
                <img src="images/hero.png" alt="Hero template screenshot">
+
overflow-x: hidden !important;
−
              </figure>
+
padding: 0;
−
            </div>
+
height: 100%;
−
            <footer class="card-footer">
+
overflow: scroll;
−
              <a href="templates/hero.html" class="card-footer-item">Preview</a>
+
letter-spacing: 0px;
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/hero.html" class="card-footer-item">Source Code</a>
+
line-height: 27px !important;
−
            </footer>
+
 
−
          </div>
+
color: white;
−
          <div class="card">
+
    position: absolute;
−
            <header class="card-header">
+
    left: 0em;
−
              <p class="card-header-title">
+
    z-index: 20;">
−
                <span>Login</span>
+
                              Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment.  <font size="+1"><b>Printeria</b></font> is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy.
−
                <span class="is-pulled-right">
+
Printeria opens the door to a world of applications affordable for the general public.
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
                            </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style="
−
                    <span class="tag is-default">v0.7.1</span>
+
margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;">
−
                  </a>
+
</div>
−
                  <span class="tag is-default">Desktop</span>
+
 
−
                  <span class="tag is-default">Mobile</span>
+
                <!--end of container--></div>
−
                </span>
+
            </section></div>
−
              </p>
+
 
−
            </header>
+
 
−
            <div class="card-content">
+
<!--------------------------------------------TEXTO------------------------------------------------>
−
              <figure class="image">
+
 
−
                <img src="images/login.png" alt="Login template screenshot">
+
 
−
              </figure>
+
 
−
            </div>
+
   
−
            <footer class="card-footer">
+
<div class="container hashlink" tabindex="-1" style="outline: none;position: relative;">
−
              <a href="templates/login.html" class="card-footer-item">Preview</a>
+
 
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/login.html" class="card-footer-item">Source Code</a>
+
 
−
            </footer>
+
 
−
          </div>
+
                                   
−
          <div class="card">
+
                                   
−
            <header class="card-header">
+
<div class="col-md-12" style="padding-top: 1em; padding-right: 0em; padding-left: 0em; position: relative; margin-right: 11em; outline: none;" tabindex="-1">
−
              <p class="card-header-title">
+
 
−
                <span>Band</span>
+
<div style="
−
                <span class="is-pulled-right">
+
margin-top: -14px;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style="
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
margin-bottom: 0px !important;
−
                    <span class="tag is-default">v0.7.1</span>
+
margin-top: -8em;"><div><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
−
                  </a>
+
position: relative;
−
                  <span class="tag is-default">Desktop</span>
+
z-index: 50;
−
                  <span class="tag is-default">?</span>
+
float: left; width: 52%;;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--Valencia_UPV--EsquemaHomeSoftUPV2018.png" style="
−
                </span>
+
float: left;
−
              </p>
+
margin-top: 0;
−
            </header>
+
  /* width: 56%; */">
−
            <div class="card-content">
+
<div class="blue" style="
−
              <figure class="image">
+
opacity: 0.2;
−
                <img src="images/band.png" alt="Band template screenshot">
+
height: 100%;
−
              </figure>
+
width: 100%;
−
            </div>
+
position: absolute;"></div>
−
            <footer class="card-footer">
+
</div></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Parts"><div style="
−
              <a href="templates/band.html" class="card-footer-item">Preview</a>
+
position: relative; z-index: 50; float: left; width: 47%;;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style="
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/band.html" class="card-footer-item">Source Code</a>
+
float: right;
−
            </footer>
+
margin-top: 0;"><div class="yellow" style="
−
          </div>
+
opacity: 0.2;
−
        </div>
+
height: 100%;
−
        <div class="column is-4">
+
width: 100%;
−
          <div class="card">
+
position: absolute;"></div></div>
−
            <header class="card-header">
+
 
−
              <p class="card-header-title">
+
</a></div>
−
                <span>Cards</span>
+
<a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style="
−
                <span class="is-pulled-right">
+
position: relative; z-index: 50; float: left; width: 52%;;
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
width: 48%;
−
                    <span class="tag is-default">v0.7.1</span>
+
float: right;"></a>
−
                  </a>
+
 
−
                  <span class="tag is-default">Desktop</span>
+
<a style="
−
                  <span class="tag is-default">Mobile</span>
+
margin-top: 0em;
−
                </span>
+
width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;;
−
              </p>
+
float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style="
−
            </header>
+
margin-top: 0px;"></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div style="
−
            <div class="card-content">
+
position: relative; z-index: 50; float: left; width: 65%;;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style="
−
              <figure class="image">
+
float: right;
−
                <img src="images/cards.png" alt="Cards template screenshot">
+
margin-top: 0;"><div class="red" style="
−
              </figure>
+
opacity: 0.2;
−
            </div>
+
height: 100%;
−
            <footer class="card-footer">
+
width: 100%;
−
              <a href="templates/cards.html" class="card-footer-item">Preview</a>
+
position: absolute;"></div></div>
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/cards.html" class="card-footer-item">Source Code</a>
+
 
−
            </footer>
+
</a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
−
          </div>
+
position: relative; z-index: 50; float: left; width: 100%;;"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Valencia_UPV--EsquemaHomeHardUPV2018.png" style="
−
          <div class="card">
+
float: right;
−
            <header class="card-header">
+
margin-top: 0;"><div class="yellow" style="
−
              <p class="card-header-title">
+
opacity: 0.2;
−
                <span>Inbox</span>
+
height: 100%;
−
                <span class="is-pulled-right">
+
width: 100%;
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
position: absolute;"></div></div>
−
                    <span class="tag is-default">v0.7.1</span>
+
 
−
                  </a>
+
</a></div>
−
                  <span class="tag is-default">Desktop</span>
+
 
−
                  <span class="tag is-default">Mobile</span>
+
</div><div class="col-md-12 row" style="
−
                </span>
+
padding-left: 2em;
−
              </p>
+
padding-right: 0em !important;margin-bottom: 5em;">
−
            </header>
+
                   
−
            <div class="card-content">
+
<div class="col-md-3"><div style="
−
              <figure class="image">
+
;
−
                <img src="images/inbox.png" alt="Inbox template screenshot">
+
float: left;
−
              </figure>
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style="
−
            </div>
+
background-position: center center;
−
            <footer class="card-footer">
+
background-size: cover;
−
              <a href="templates/inbox.html" class="card-footer-item">Preview</a>
+
;
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/inbox.html" class="card-footer-item">Source Code</a>
+
height: 142px !important;
−
            </footer>
+
border-top-left-radius: 13px;
−
          </div>
+
border-top-right-radius: 13px;
−
          <div class="card">
+
background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style="
−
            <header class="card-header">
+
padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a>
−
              <p class="card-header-title">
+
 
−
                <span>Kanban</span>
+
</div></div>
−
                <span class="is-pulled-right">
+
<div class="col-md-3"><div style="
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
;
−
                    <span class="tag is-default">v0.7.1</span>
+
float: left;
−
                  </a>
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style="
−
                  <span class="tag is-default">Desktop</span>
+
background-position: center center;
−
                  <span class="tag is-default">?</span>
+
background-size: cover;
−
                </span>
+
;
−
              </p>
+
height: 142px !important;
−
            </header>
+
border-top-left-radius: 13px;
−
            <div class="card-content">
+
border-top-right-radius: 13px;
−
              <figure class="image">
+
background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style="
−
                <img src="images/kanban.png" alt="Kanban template screenshot">
+
padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a>
−
              </figure>
+
 
−
            </div>
+
</div></div>
−
            <footer class="card-footer">
+
<div class="col-md-3"><div style="
−
              <a href="templates/kanban.html" class="card-footer-item">Preview</a>
+
;
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/kanban.html" class="card-footer-item">Source Code</a>
+
float: left;
−
            </footer>
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Design"><div style="
−
          </div>
+
background-position: center center;
−
          <div class="card">
+
background-size: cover;
−
            <header class="card-header">
+
;
−
              <p class="card-header-title">
+
height: 142px !important;
−
                <span>Kanban  with functional Search box</span>
+
border-top-left-radius: 13px;
−
                <span class="is-pulled-right">
+
border-top-right-radius: 13px;
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--GifHomeDesignUPV2018.gif);"></div><p style="
−
                    <span class="tag is-default">v0.7.1</span>
+
padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a>
−
                  </a>
+
 
−
                  <span class="tag is-default">Desktop</span>
+
</div></div><div class="col-md-3"><div style="
−
                  <span class="tag is-default">?</span>
+
;
−
                </span>
+
float: left;
−
              </p>
+
border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div id="btnHomeModel" style="
−
            </header>
+
background-position: center center;
−
            <div class="card-content">
+
background-size: cover;
−
              <figure class="image">
+
;
−
                <img src="images/kanban2.png" alt="Kanban template screenshot">
+
height: 142px !important;
−
              </figure>
+
border-top-left-radius: 13px;
−
            </div>
+
border-top-right-radius: 13px;
−
            <footer class="card-footer">
+
background-image: url(https://static.igem.org/mediawiki/2018/2/21/T--Valencia_UPV--GifHomeModelUPV2018.gif);"></div><p style="
−
              <a href="templates/kanban[search].html" class="card-footer-item">Preview</a>
+
padding-bottom: 22px;
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/kanban[search].html" class="card-footer-item">Source Code</a>
+
padding-top: 24px;
−
            </footer>
+
padding-right: 12px;
−
          </div>
+
padding-left: 24px !important;">Do you want to discover the multiple possibilities that Printeria modeling offers you?</p>
−
          <div class="card">
+
 
−
            <header class="card-header">
+
</a>
−
              <p class="card-header-title">
+
 
−
                <span>Tabs</span>
+
</div></div>
−
                <span class="is-pulled-right">
+
                   
−
                  <a href="https://github.com/jgthms/bulma/releases/tag/0.7.1">
+
 
−
                    <span class="tag is-default">v0.7.1</span>
+
                   
−
                  </a>
+
                   
−
                  <span class="tag is-default">Desktop</span>
+
                   
−
                  <span class="tag is-default">?</span>
+
                   
−
                </span>
+
                   
−
              </p>
+
                   
−
            </header>
+
                   
−
            <div class="card-content">
+
                   
−
              <figure class="image">
+
                    </div><!--end of row-->
−
                <img src="images/tabs.png" alt="tabs template screenshot">
+
                                </div></row></div>
−
              </figure>
+
</body>
−
            </div>
+
 
−
            <footer class="card-footer">
+
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script>
−
              <a href="templates/tabs.html" class="card-footer-item">Preview</a>
+
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script>
−
              <a href="https://github.com/dansup/bulma-templates/blob/master/templates/tabs.html" class="card-footer-item">Source Code</a>
+
        <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script>
−
            </footer>
+
        <script type="text/javascript"  src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script>
−
          </div>
+
      <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script>
−
          <div class="box">
+
<script>
−
            <p class="has-text-centered">More templates coming soon!</p>
+
 
−
          </div>
+
(function ($) {
−
        </div>
+
  $(document).ready(function(){
−
      </div>
+
   
−
    </div>
+
// hide .nav-container first
−
    <footer class="footer">
+
$(".nav-container").hide();
−
      <div class="container">
+
−
        <div class="content has-text-centered">
+
// fade in .nav-container
−
          <p>
+
$(function () {
−
            <strong>Bulma Templates</strong> by <a href="https://github.com/dansup">Daniel Supernault</a>. The source code is licensed
+
$(window).scroll(function () {
−
            <a href="http://opensource.org/licenses/mit-license.php">MIT</a>.
+
            // set distance user needs to scroll before we fadeIn navbar
−
          </p>
+
if ($(this).scrollTop() > 100) {
−
          <p>
+
$('.nav-container').fadeIn();
−
            <a class="icon" href="https://github.com/dansup/bulma-templates">
+
} else {
−
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0 0 16 8c0-4.42-3.58-8-8-8z"/></svg>
+
$('.nav-container').fadeOut();
−
            </a>
+
}
−
          </p>
+
});
−
        </div>
+
 
−
      </div>
+
−
    </footer>
+
});
−
    <script async type="text/javascript" src="../js/bulma.js"></script>
+
 
−
    <script async defer src="https://buttons.github.io/buttons.js"></script>
+
});
−
   </body>
+
   }(jQuery));
 +
 
 +
</script>
 +
 
 +
 
 +
 
 +
 
 
</html>
 
</html>
 +
{{Valencia_UPV/footer}}

Latest revision as of 17:17, 7 December 2018

Stack Multipurpose HTML Template

image
image
image

Abstract

Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. Printeria is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy. Printeria opens the door to a world of applications affordable for the general public.

image

CONTACT US igem.upv.2018@gmail.com