Difference between revisions of "Team:Sydney Australia/Design"

Line 69: Line 69:
 
   min-width:400px
 
   min-width:400px
 
}
 
}
 +
 +
.snip1506, .snip1507, .snip1508, .snip1509 {
 +
  font-family: Quicksand, sans-serif;
 +
  position: relative;
 +
  float: left;
 +
  margin: 10px 1%;
 +
  max-width: 1200px;
 +
  width: 100%;
 +
  text-align: left;
 +
  line-height: 1.4em;
 +
  font-size: 25px;
 +
  box-shadow: none !important;
 +
}
 +
 +
.snip1506 * {
 +
  -webkit-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
 +
.snip1507 * {
 +
  -webkit-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
 +
.snip1508 * {
 +
  -webkit-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
 +
.snip1509 * {
 +
  -webkit-box-sizing: border-box;
 +
  box-sizing: border-box;
 +
}
 +
 +
.snip1506 .profile-image, .snip1507 .profile-image, .snip1508 .profile-image, .snip1509 .profile-image {
 +
  width: 26%;
 +
}
 +
 +
.snip1506 .profile-image img, .snip1507 .profile-image img, .snip1508 .profile-image img, .snip1509 .profile-image img {
 +
  border-radius: 5px;
 +
  max-width: 100%;
 +
  vertical-align: top;
 +
}
 +
.snip1506 .profile-image,
 +
.snip1506 figcaption, .snip1507 .profile-image,
 +
.snip1507 figcaption, .snip1508 .profile-image,
 +
.snip1508 figcaption, .snip1509 .profile-image,
 +
.snip1509 figcaption {
 +
  float: left;
 +
}
 +
.snip1506 figcaption, .snip1507 figcaption, .snip1508 figcaption {
 +
  width: 70%;
 +
  background-color: #fada92;
 +
  color: #fff;
 +
  padding: 25px;
 +
  display: inline-block;
 +
  margin-left: 4%;
 +
  border-radius: 5px;
 +
}
 +
 +
.snip1507 figcaption {
 +
  background-color: #c1808e;
 +
}
 +
 +
.snip1508 figcaption {
 +
  width: 70%;
 +
  background-color: #93bcc1;
 +
  color: #fff;
 +
  padding: 25px;
 +
  display: inline-block;
 +
  margin-left: 4%;
 +
  border-radius: 5px;
 +
}
 +
 +
.snip1509 figcaption {
 +
  width: 70%;
 +
  background-color: #afe0b2;
 +
  color: #fff;
 +
  padding: 25px;
 +
  display: inline-block;
 +
  margin-left: 4%;
 +
  border-radius: 5px;
 +
}
 +
 +
.snip1506 figcaption:after, .snip1507 figcaption:after, .snip1508 figcaption:after, .snip1509 figcaption:after {
 +
  content: '';
 +
  position: absolute;
 +
  right: 70%;
 +
  top: 30px;
 +
  width: 0;
 +
  height: 0;
 +
  border-style: solid;
 +
  border-width: 10px 10px 10px 0;
 +
  border-color: transparent #fada92 transparent transparent;
 +
}
 +
 +
.snip1507 figcaption:after {
 +
  border-color: transparent #c1808e
 +
    transparent transparent;
 +
}
 +
 +
.snip1508 figcaption:after {
 +
  border-color: transparent #93bcc1
 +
    transparent transparent;
 +
}
 +
 +
.snip1509 figcaption:after {
 +
  border-color: transparent #afe0b2
 +
    transparent transparent;
 +
}
 +
 +
.snip1506 h3,
 +
.snip1506 h4,
 +
.snip1506 p {
 +
  margin: 0 0 5px;
 +
}
 +
.snip1506 h3 {
 +
  font-weight: 600;
 +
  font-size: 1.2em;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
.snip1506 h4 {
 +
  font-weight: 400;
 +
  letter-spacing: 2px;
 +
}
 +
.snip1506 p {
 +
  font-size: 0.9em;
 +
  letter-spacing: 1px;
 +
  opacity: 0.9;
 +
}
 +
 +
.snip1507 h3,
 +
.snip1507 h4,
 +
.snip1507 p {
 +
  margin: 0 0 5px;
 +
}
 +
.snip1507 h3 {
 +
  font-weight: 600;
 +
  font-size: 1.2em;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
.snip1507 h4 {
 +
  font-weight: 400;
 +
  letter-spacing: 2px;
 +
}
 +
.snip1507 p {
 +
  font-size: 0.9em;
 +
  letter-spacing: 1px;
 +
  opacity: 0.9;
 +
}
 +
 +
.snip1508 h3,
 +
.snip1508 h4,
 +
.snip1508 p {
 +
  margin: 0 0 5px;
 +
}
 +
.snip1508 h3 {
 +
  font-weight: 600;
 +
  font-size: 1.2em;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
.snip1508 h4 {
 +
  font-weight: 400;
 +
  letter-spacing: 2px;
 +
}
 +
.snip1508 p {
 +
  font-size: 0.9em;
 +
  letter-spacing: 1px;
 +
  opacity: 0.9;
 +
}
 +
 +
.snip1509 h3,
 +
.snip1509 h4,
 +
.snip1509 p {
 +
  margin: 0 0 5px;
 +
}
 +
.snip1509 h3 {
 +
  font-weight: 600;
 +
  font-size: 1.2em;
 +
  font-family: 'Quicksand', sans-serif;
 +
}
 +
.snip1509 h4 {
 +
  font-weight: 400;
 +
  letter-spacing: 2px;
 +
}
 +
.snip1509 p {
 +
  font-size: 0.9em;
 +
  letter-spacing: 1px;
 +
  opacity: 0.9;
 +
}
 +
 +
  
 
</style>
 
</style>
Line 96: Line 288:
 
</div>
 
</div>
  
−
<div class = "row">
 
−
<div class="col-xs-4">
 
−
<center><img class = "img-center" src="https://static.igem.org/mediawiki/2017/e/e9/T--Sydney_Australia--PDFire.gif"><center>
 
−
</div>
 
−
<div class="col-xs-8">
 
−
</div>
 
−
</div>
 
−
</div>
 
  
−
<div class = "row">
+
<figure class="snip1506">
−
<div class="col-xs-4">
+
  <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/e/e9/T--Sydney_Australia--PDFire.gif"/>
−
<center><img class = "img-center" src="https://static.igem.org/mediawiki/2017/a/a0/T--Sydney_Australia--PDMoney.gif"></center>
+
  </div>
−
</div>
+
  <figcaption>
−
<div class="col-xs-8">
+
    <h3>Giles Posture</h3>
−
</div>
+
    <h4>Founder</h4>
−
</div>
+
    <p>Which is worse, that everyone has his price, or that the price is always so low.</p>
−
</div>
+
  </figcaption>
 +
</figure>
 +
<figure class="snip1507">
 +
  <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/4/4c/T--Sydney_Australia--PDSingleStrand.gif"/>
 +
  </div>
 +
  <figcaption>
 +
    <h3>Ursula Gurnmeister</h3>
 +
    <h4>Web Designer</h4>
 +
    <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p>
 +
  </figcaption>
 +
</figure>
 +
<figure class="snip1508">
 +
  <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/a/a0/T--Sydney_Australia--PDMoney.gif"/>
 +
  </div>
 +
  <figcaption>
 +
    <h3>Ursula Gurnmeister</h3>
 +
    <h4>Web Designer</h4>
 +
    <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p>
 +
  </figcaption>
 +
</figure>
 +
<figure class="snip1509">
 +
  <div class="profile-image"><img src="https://static.igem.org/mediawiki/2017/0/06/T--Sydney_Australia--PDWeighs.gif"/>
 +
  </div>
 +
  <figcaption>
 +
    <h3>Ursula Gurnmeister</h3>
 +
    <h4>Web Designer</h4>
 +
    <p>I'm killing time while I wait for life to shower me with meaning and happiness.</p>
 +
  </figcaption>
 +
</figure>
  
−
<div class = "row">
 
−
<div class="col-xs-4">
 
−
<center><img class = "img-center" src="https://static.igem.org/mediawiki/2017/4/4c/T--Sydney_Australia--PDSingleStrand.gif"></center>
 
−
</div>
 
−
<div class="col-xs-8">
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class = "row">
 
−
<div class="col-xs-4">
 
−
<center><img class = "img-center" src="https://static.igem.org/mediawiki/2017/2/22/T--Sydney_Australia--PDSafety.gif"></center>
 
−
</div>
 
−
<div class="col-xs-8">
 
−
</div>
 
−
</div>
 
−
</div>
 
−
 
−
<div class = "row">
 
−
<div class="col-xs-4">
 
−
<center><img class = "img-center" src="https://static.igem.org/mediawiki/2017/0/06/T--Sydney_Australia--PDWeighs.gif"></center>
 
−
</div>
 
−
<div class="col-xs-8">
 
−
</div>
 
−
</div>
 
−
</div>
 
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 09:06, 5 October 2017

The aim of the USYD iGEM 2017 team was to address the problem of insulin inaccessibility. The design of our insulin, and its means of expression, needed to look at five key characteristics:

Giles Posture

Founder

Which is worse, that everyone has his price, or that the price is always so low.

Ursula Gurnmeister

Web Designer

I'm killing time while I wait for life to shower me with meaning and happiness.

Ursula Gurnmeister

Web Designer

I'm killing time while I wait for life to shower me with meaning and happiness.

Ursula Gurnmeister

Web Designer

I'm killing time while I wait for life to shower me with meaning and happiness.