Difference between revisions of "Team:BostonU HW/Demonstrate"

(Prototype team page)
 
Line 1: Line 1:
−
{{BostonU_HW}}
+
{{BostonU_HW/CSS}}
 +
{{BostonU_HW/Nav_Bar}}
 
<html>
 
<html>
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
  <meta name="description" content="Start your development with a Design System for Bootstrap 4.">
 +
  <meta name="author" content="Creative Tim">
 +
  <title>Argon Design System - Free Design System for Bootstrap 4</title>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_jquery?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
  <script src="https://2018.igem.org/Template:BostonU_HW/JS_bootstrap_min?action=raw&ctype=text/javascript" type="text/javascript"></script>
  
 +
<!-- /* ADJUSTS DEFAULT iGEM CONTENT */-->
  
 +
<style type="text/css">
 +
.logo_2018, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 +
    display: none;
 +
}
 +
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 +
    background-color: transparent;
 +
}
 +
/* ADJUSTS DEFAULT iGEM CONTENT */
  
−
<div class="column full_size judges-will-not-evaluate">
+
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
−
<h3>★  ALERT! </h3>
+
    display: none;
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
}
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
−
</div>
+
    background-color: transparent;
−
 
+
}
−
 
+
body, html, #globalWrapper, #bodyContent, #HQ_page {
−
<div class="clear"></div>
+
width: 100%;
−
 
+
margin: 0;
−
 
+
padding: 0;
−
 
+
height: 100%;
−
<div class="column full_size">
+
}
−
<h1>Demonstrate</h1>
+
#content {
−
<h3>Gold Medal Criterion #4</h3>
+
width: 100%;
−
 
+
margin: 0;
−
<p>
+
margin-top: -33px;
−
Teams that can show their system working under real world conditions are usually good at impressing the judges in iGEM. To achieve gold medal criterion #4, convince the judges that your project works. There are many ways in which your project working could be demonstrated, so there is more than one way to meet this requirement. This gold medal criterion was introduced in 2016, so check our what 2016 teams did to achieve their gold medals!
+
padding: 0;
−
</p>
+
height: 100%;
−
 
+
}
−
<p>
+
html {
−
Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
-webkit-font-smoothing: antialiased;
−
</p>
+
}
−
 
+
#logo{
−
 
+
height:100%;
−
</div>
+
width:100%;
−
 
+
margin-top: 2%;
−
 
+
}
−
 
+
</style>
−
 
+
</head>
−
 
+
<body>
 +
  <main>
 +
    <section class="section-profile-cover section-shaped my-0">
 +
      <div class="shape shape-style-1 shape-default shape-skew alpha-4"></div>
 +
      <div class="container">
 +
        <div class="row justify-content-center">
 +
          <div class="col-lg-4 pt-5">
 +
          <img src="https://static.igem.org/mediawiki/2018/c/c9/T--BostonU_HW--TERRA_logo.png" style="width: 250px;" class="img-fluid">
 +
          </div>
 +
          <div class="col-lg-8 pt-lg">
 +
            <h1 class="display-1">Demonstrate</h1>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <section class="section section-skew">
 +
      <div class="container">
 +
        <div class="card card-profile shadow mt--300 px-4 pt-3">
 +
          <div class="row justify-content-center">
 +
            <div class="col-lg-12 px-4 pt-2">
 +
              Proof-of-Concept video </p>
 +
              using the UI </p>
 +
              using the the XY-plane </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <br>
 +
        <div class="card card-profile shadow px-4 pt-3">
 +
          <div class="row justify-content-center">
 +
            <div class="col-lg-12 px-4 pt-2">
 +
              All of our stress tests + little creations
 +
            </p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </section>
 +
    </main>
 +
  </body>
 
</html>
 
</html>
 +
{{BostonU_HW/Javascript}}

Revision as of 13:14, 10 September 2018

Argon Design System - Free Design System for Bootstrap 4

Argon Design System - Free Design System for Bootstrap 4

Demonstrate

Proof-of-Concept video

using the UI

using the the XY-plane


All of our stress tests + little creations