Difference between revisions of "Team:Michigan Software/Description"

m
m
Line 1: Line 1:
 
{{Michigan_Software}}
 
{{Michigan_Software}}
 
<html>
 
<html>
 +
 
<head>
 
<head>
  
−
<link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'>
+
   
 +
 
 +
    <link href='https://fonts.googleapis.com/css?family=Comfortaa:300,400,700' rel='stylesheet' type='text/css'>
  
 
<style>
 
<style>
  
−
.blue-border{
+
 
−
border-radius: 5px;
+
        .top-buffer { margin-top:40px; }
 +
 
 +
        .vertical-center {
 +
            position: relative;
 +
            top: 50%;
 +
            transform: translateY(-50%);
 +
        }
 +
 
 +
        .flip3D{
 +
            width:250px; height:250px; margin:10px; float:center; margin: auto; 
 +
            border-weight: 10px;
 +
               
 +
        }
 +
        .flip3D > .front{
 +
            border-radius: 5px;
 
             border-color: #00274c;
 
             border-color: #00274c;
−
border-style: solid;
+
            background: rgba(0,0,0,0.0);
−
padding: 50px;
+
            border-style: solid;
−
}
+
            position:absolute;
 +
            transform: perspective( 600px ) rotateY( 0deg );
 +
            width:250px; height:250px;
 +
            backface-visibility: hidden;
 +
            -webkit-backface-visibility: hidden;
 +
            transition: transform .5s linear 0s;
 +
            box-shadow: 0 15px 50px rgba(0,0,0,0.0);
 +
            float: center;
 +
        }
 +
        .flip3D > .back{
 +
            padding-top:20px;
 +
            padding-bottom:20px;
 +
            border-radius: 5px;
 +
            border-color: #00274c;
 +
            background: rgba(0,0,0,0.0);
 +
            border-style: solid;
 +
            position:absolute;
 +
            transform: perspective( 600px ) rotateY( 180deg );
 +
            width:250px; height:250px;
 +
            backface-visibility: hidden;
 +
            -webkit-backface-visibility: hidden;
 +
            transition: transform .5s linear 0s;
 +
            box-shadow: 0 15px 50px rgba(0,0,0,0.0);
 +
        }
 +
        .flip3D:hover > .front{
 +
            transform: perspective( 600px ) rotateY( -180deg );
 +
        }
 +
        .flip3D:hover > .back{
 +
            transform: perspective( 600px ) rotateY( 0deg );
 +
        }
 +
 
 +
        .carousel-indicators li { visibility: hidden; }
  
−
.p-font{
+
        p{
−
             /*color: #00274c;*/
+
             color: #00274c;
 
             font-family: "font-family: 'Comfortaa', cursive";
 
             font-family: "font-family: 'Comfortaa', cursive";
−
             font-weight:400;
+
             font-weight:400;  
−
font-size: 12pt !important;
+
 
         }
 
         }
−
.grey-text{
 
−
color: #4d4d4d;
 
−
}
 
−
.heading-weight{
 
−
font-weight:700;
 
−
}
 
  
  
−
</style>
 
  
 +
 +
</style>
 
</head>
 
</head>
 
<body>
 
<body>
  
−
<div class="container">
+
 
 +
    <div class="container text-center">
 
          
 
          
 
         <div class="row">
 
         <div class="row">
−
         <div class="col-xs-12 col-lg-9 blue-border">
+
         <div class="col-xs-12 col-lg-9">
  
−
<div>
+
        <div class="row" style="border-bottom:thin solid;">
 +
            <div class="col-xs-12" style="font-family: 'Comfortaa', cursive; color:#00274c !important; padding-bottom:30px">
 +
                <h1>Michigan Software Team<br>Protocat 3.0</h1>
 +
            </div>
 +
        </div>
  
−
<p><h3 class="grey-text heading-weight">Background</h3><p>
 
  
−
<p class="p-font grey-text">Two years ago the Michigan Biology Software team began development of Protocat 1.0. Like many innovative ideas, Protocat began because of a problem. *Studies* have estimated that only 10-25% of published scientific results are reproducible. A 2014 survey conducted by the Michigan Biosoft Team confirmed that the repeatability problem exists in synthetic biology, with every scientist surveyed reporting prior struggles with replicating protocols. The majority of these scientists indicate unclear language and missing steps are the greatest contributors to the irreproducibility of synthetic biology protocols. A *second study* conducted by last years designed team helped to confirm the sentiments of the first study. These issues are what Protocat has been designed to solve.</p>
+
        <div class="row top-buffer">
 +
            <div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
 +
               
 +
                <div class="flip3D">
 +
                    <div class="back">
 +
                        <p style="font-size:14pt">Project</p>
 +
                        <p>ProtoCat 3.0 is a free, open-source online catalog of laboratory protocols with improvements upon last year’s project including a larger protocol database and a website with more advanced features. By using ProtoCat 3.0, users can find tested, reliable protocols from across the globe all in one place.</p>
 +
                    </div>
 +
                    <div class="front">
 +
                        <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/8/83/T--Michigan_Software--testTubeBlue.png">
 +
                    </div>
 +
                </div>
  
−
<br>
+
            </div>
−
<p><h3 class="grey-text heading-weight">Solution</h3></p>
+
            <div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
 +
               
 +
                <div class="flip3D">
 +
                    <div class="back">
 +
                        <p class="vertical-center" style="font-size:14pt">Click to meet the team!</p>
 +
                    </div>
 +
                    <div class="front">
 +
                        <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/a/ae/T-Michigan_Software--teamBlue.png">
 +
                    </div>
 +
                </div>
  
−
<p class="p-font grey-text">Every respondent indicated that they would use a database to browse and download protocols, with over 85% indicating that they would upload and maintain their own protocols if such a site existed. ProtoCat 3.0 is a free database of crowd sourced protocols designed to make existing protocols more repeatable and enable more accurate computational models of biological systems. We believe this can most efficiently be accomplished with a commitment to open source protocols and a broader more active community of digital troubleshooters. ProtoCat 3.0 works to establish such a community by giving anyone with an internet connection or smartphone access to a repository of synthetic biology protocols collected from all over the world. Additionally, ProtoCat 3.0 encourages the development of higher quality, more repeatable protocols by allowing users to document trails, rate, review, and edit existing methods, and easily locate related protocols.</p>
+
            </div>
 +
            <div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
  
−
<br>
+
                <div class="flip3D">
−
<h3 class="grey-text heading-weight">Whats new in Protocat 3.0?</h3>
+
                    <div class="back">
 +
                        <p class="vertical-center" style="font-size:14pt">Click to learn more about our outreach!</p>
 +
                    </div>
 +
                    <div class="front">
 +
                        <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/8/80/T--Michigan_Software--globeBlue.png">
 +
                    </div>
 +
                </div>
  
−
</div>
+
            </div>
  
 +
            <div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
 +
               
 +
                <div class="flip3D">
 +
                    <div class="back">
 +
                        <p class="vertical-center" style="font-size:14pt">Click to learn about our software!</p>
 +
                    </div>
 +
                    <div class="front">
 +
                        <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/3/38/T--Michigan_Software--usbBlue.png">
 +
                    </div>
 +
                </div>
 +
 +
            </div>
 +
            <div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
 +
               
 +
                <div class="flip3D">
 +
                    <div class="back">
 +
                        <p class="vertical-center" style="font-size:14pt">Click to learn how to use Protocat 3.0!</p>
 +
                    </div>
 +
                    <div class="front">
 +
                        <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/c/cc/T--Michigan_Software--manualBlue.png">
 +
                    </div>
 +
                </div>
 +
 +
            </div>
 +
            <div class="col-xs-12 col-sm-6 col-md-4 top-buffer">
 +
 +
                <div class="flip3D">
 +
                    <div class="back">
 +
                        <p class="vertical-center" style="font-size:14pt">Thank you to all of our sponsors!</p>
 +
                    </div>
 +
                    <div class="front">
 +
                        <img width="160" height="160" class="center-block vertical-center" src="https://static.igem.org/mediawiki/2016/9/95/T--Michigan_Software--handShakeBlue.png">
 +
                    </div>
 +
                </div>
 +
 +
            </div>
 
         </div>
 
         </div>
 +
   
 
         </div>
 
         </div>
 +
        </div>
 +
   
 +
    </div>
 +
 
  
 +
<footer class="container-fluid text-center">
 +
 
 +
</footer>
  
 
</body>
 
</body>
−
 
 
</html>
 
</html>

Revision as of 16:58, 16 August 2016

Michigan Software Team
Protocat 3.0

Project

ProtoCat 3.0 is a free, open-source online catalog of laboratory protocols with improvements upon last year’s project including a larger protocol database and a website with more advanced features. By using ProtoCat 3.0, users can find tested, reliable protocols from across the globe all in one place.

Click to meet the team!

Click to learn more about our outreach!

Click to learn about our software!

Click to learn how to use Protocat 3.0!

Thank you to all of our sponsors!