Difference between revisions of "Team:NUS Singapore-A"

 
(241 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{NUS_Singapore-A}}
 
{{NUS_Singapore-A}}
 +
{{:Team:NUS_Singapore-A/Templates/Style}}
 +
 
<html>
 
<html>
 +
 +
<head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
</head>
 +
  
 
<script>
 
<script>
Line 12: Line 22:
 
<style>
 
<style>
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
 
+
.container{
 
+
   position: relative;
 
+
   width: 80%;
/**************************************************************************************************************************************************************************************************/
+
   margin: 65px auto;
/* MENU */
+
/**************************************************************************************************************************************************************************************************/
+
 
+
ul {
+
   list-style-type: none;
+
   margin: 0 -15px;
+
   padding: 0;
+
  overflow: hidden;
+
  background-color: white;
+
  width: auto;
+
 
}
 
}
li {
+
.container div{
   float: left;
+
   position: absolute;
}
+
  border-radius: 2px;
li a {
+
   font-size: calc(4px + 1.2vw);
   display: block;
+
   font-family: Garamond;
   color: #015249;
+
 
   text-align: center;
 
   text-align: center;
   padding: 14px 16px;
+
   line-height: 1.025;
  text-decoration: none;
+
 
}
 
}
li a:hover {
+
.main-page-img{
    background-color: #a5a5af;
+
  width: 100%;
 
}
 
}
 
+
.text-box-description{
li.active{
+
  top: 3.35%;
   background-color: #77C9D4
+
  left: 3%;
 +
  width: 45%;
 +
}
 +
.text-box-design{
 +
   top: 20%;
 +
  right: 6%;
 +
  width: 55%;
 +
}
 +
.text-box-ihp{
 +
  top: 37%;
 +
  left: 6%;
 +
  width: 40%;
 +
}
 +
.text-box-results{
 +
  top: 58%;
 +
  right: 8%;
 +
  width: 60%;
 +
}
 +
.text-box-modeling{
 +
  top: 75%;
 +
  left: 6%;
 +
  width: 40%;
 +
}
 +
.text-box-team{
 +
  top: 86%;
 +
  right: 10%;
 +
  width: 40%;
 +
}
 +
video {
 +
  width: 70%;
 +
  height: auto;
 +
  margin: auto auto;
 +
}
 +
}
 +
.font-class-5{
 +
  font-size: calc(4px + 1.4vw);
 +
}
 +
.font-class-6{
 +
  font-size: calc(4px + 1.8vw);
 +
}
 +
.font-class-9{
 +
  font-size: calc(4px + 1.8vw);
 +
}
 +
.font-class-10{
 +
  font-size: calc(8px + 2.4vw);
 +
}
 +
.font-class-12{
 +
  font-size: calc(8px + 2.8vw);
 
}
 
}
 
 
 
</style>
 
</style>
  
<div>
 
    <ul>
 
      <li><a href="#Overview">Overview</a></li>
 
      <li><a href="https://2018.igem.org/Team:NUS_Singapore-A/Description">Project</a></li>
 
      <li><a href="https://2018.igem.org/Team:NUS_Singapore-A/Parts">Parts</a></li>
 
      <li><a href="https://2018.igem.org/Team:NUS_Singapore-A/Model">Modelling</a></li>
 
      <li><a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices">Human Practices</a></li>
 
      <li><a href="https://2018.igem.org/Team:NUS_Singapore-A/Team">Team</a></li>
 
      <li style="float:right"><a href="#Contact Us">Contact Us</a></li>
 
    </ul>
 
  </div>
 
  
 +
<!------------------------------------------------------ALL HTML BELONGS BELOW HERE------------------------------------------------------------------------------------------------------------------------------------------------------------------------>
 +
<head>
  
<h1 id='Overview'>Overview</h1>
+
</head>
<p> This is the Overview </p>
+
<h1 id='Project'>Project</h1>
+
<p> This is the Project </p>
+
<h1 id='Parts'>Parts</h1>
+
<p> This is the Parts </p>
+
<h1 id='Modelling'>Modelling</h1>
+
<p> This is the Modelling </p>
+
<h1 id='Human Practices'>Human Practices</h1>
+
<p> This is the Human Practices </p>
+
<h1 id='Team'>Team</h1>
+
<p> This is the Team </p>
+
<h1 id='Contact us'>Contact us</h1>
+
<p> This is the Contact Info </p>
+
  
<div class="column full_size" >
+
<body>
<h1> Welcome to iGEM 2018 and NUSGEM! </h1>
+
<p> HELLO WORLD <p>
+
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
  
 +
<div class="inner-border" style="border-top: none;">
 +
<div class="all-wrapper" style="background-color: transparent;">
 +
<div class="content-wrapper">
 +
<img src="https://static.igem.org/mediawiki/2018/3/38/T--NUS_Singapore-A--the_main_header_gais.png">
 +
<div class="container">
 +
<img src="https://static.igem.org/mediawiki/2018/8/8d/T--NUS_Singapore-A--FrontPage_Trans2.png" class="main-page-img">
  
<img src="http://placehold.it/1080x320/c4baba/e4dede">
 
 
  
</div>  
+
<div class="text-box-description">Biomanufacturing opens up possibilities for sustainable <br>production of useful materials. <br><br>
  
 +
We, <b>Team NUSGEM</b>, created <font class="font-class-12"><b><i>Coup Dy’état</i></b></font>,<br> <font class="font-class-5">an environmentally-friendly platform to advance biomanufacturing.</font><br><br><a href="https://2018.igem.org/Team:NUS_Singapore-A/Description"><b>Discover our project</b></a>
 +
  </div>
  
<div class="column full_size" >
 
  
<h3>Before you start</h3>
+
  <div class="text-box-design">Current biomanufacturing platforms are <br>chemical-intensive and expensive. <br><br>
<p> Please read the following pages:</p>
+
<b><i>Coup Dy’état</i></b> is not only <font class="font-class-6"><b>environmentally-friendly</b></font>, but also potentially <font class="font-class-6"><b>cheaper</b></font>. <br><br><a href="https://2018.igem.org/Team:NUS_Singapore-A/Design"><b>Find out how we designed our platform</b></a>
<ul>
+
<li> <a href="https://2018.igem.org/Competition">Competition Hub</a> </li>
+
<li> <a href="https://2018.igem.org/Competition/Deliverables/Wiki">Wiki Requirements page</a></li>
+
<li> <a href="https://2018.igem.org/Resources/Template_Documentation">Template documentation</a></li>
+
</ul>
+
 
</div>
 
</div>
  
  
<div class="clear extra_space"></div>
+
  <div class="text-box-ihp">Integrating findings from our human practices has helped us make sure that our platform is <font class="font-class-6"><b>relevant</b></font> and <font class="font-class-6"><b>useful</b></font> to biomanufacturers. <br><br><a href="https://2018.igem.org/Team:NUS_Singapore-A/Human_Practices"><b>Find out who we spoke to</b></a></div>
<div class="line_divider"></div>
+
<div class="clear extra_space"></div>
+
  
  
 +
  <div class="text-box-results">
  
<div class="column full_size" >
+
<br><br> To prove that our platform works, we decided to produce flavonoids to be used as dyes.<br><br>
<h3> Styling your wiki </h3>
+
This is because the textile dyeing and dyestuff production industry is the <i>second most pollutive industry in the world</i>. <br><br>
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
+
Our biomanufacturing platform can <br> <font class="font-class-10"><b>help</b></font>.<br><br>
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
+
  
</div>
+
<a href="https://2018.igem.org/Team:NUS_Singapore-A/Results"><b>See our results</b></a></div>
 
+
 
+
 
+
 
+
<div class="clear extra_space"></div>
+
 
+
 
+
 
+
<div class="column third_size" >
+
 
+
<h3> Uploading pictures and files </h3>
+
<p> You must upload any pictures and files to the iGEM 2018 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. </p>
+
  
 +
  <div class="text-box-modeling">No system would work without its <font class="font-class-6"><b>support</b></font>.<br><br> Find out how we <a href="https://2018.igem.org/Team:NUS_Singapore-A/Model"><b>modelled</b></a> our complete system and how we built our <a href="https://2018.igem.org/Team:NUS_Singapore-A/Hardware"><b>hardware</b></a> system to support our platform.</div>
  
<p>When you upload, set the "Destination Filename" to <b> T--YourOfficialTeamName--NameOfFile.jpg</b>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
 
  
<div class="button_link">
+
  <div class="text-box-team">Our team of 13 is made up <font class="font-class-6"><b><i>intensely</i> motivated</b></font> students across all disciplines. <br><br><a href="https://2018.igem.org/Team:NUS_Singapore-A/Team"><b>Find out who we are</b></a></div>
<a href="https://2018.igem.org/Special:Upload">
+
UPLOAD FILES
+
</a>
+
 
</div>
 
</div>
  
</div>
+
<div class="container">
 +
<font class="font-class-9"><center><b>Our Achievements</b></center></font>
 +
<br>
 +
<a target="_blank" href="https://www.eng.nus.edu.sg/2018/gold-for-nus-igem-team-2018/"><img src="https://static.igem.org/mediawiki/2018/c/cc/T--NUS_Singapore-A--Group_Photo.jpeg"></a>
 +
<br>
 +
  <figcaption><b>Here's a lovely photo of us, flush with post-Jamboree endorphins! Click to read more on our university's website.</figcaption>
 +
<br>
  
<div class="column third_size" >
+
<p>We are thrilled to announce that <i>Coup Dy’état</i> has won a <b>Gold Medal</b> and obtained 3 nominations for special awards: <b>Best Manufacturing Project, Best Hardware</b>, and the <b>Safety Commendation</b>. Thank you for being with us on our iGEM journey!</p><br><br>
<h3> Wiki template information </h3>
+
<p>We have created these wiki template pages to help you get started and to help you think about how your team will be evaluated. You can find a list of all the pages tied to awards here at the <a href="https://2018.igem.org/Judging/Pages_for_Awards">Pages for awards</a> link. You must edit these pages to be evaluated for medals and awards, but ultimately the design, layout, style and all other elements of your team wiki is up to you!</p>
+
 
+
</div>  
+
 
+
 
+
 
+
<div class="column third_size" >
+
<div class="highlight decoration_B_full">
+
<h3> Editing your wiki </h3>
+
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
+
<p>Use WikiTools - Edit in the black menu bar to edit this page</p>
+
 
+
<div class="button_link">
+
<a href="https://2018.igem.org/wiki/index.php?title=Team:NUS_Singapore-A&action=edit">
+
EDIT PAGE
+
</a>
+
 
</div>
 
</div>
  
 +
<font class="font-class-9"><center><b>Join us in our vision for the <br><br> Biomanufacturing of the Future.</b></center></font><br>
  
</div>
+
<video src="https://static.igem.org/mediawiki/2018/0/01/T--NUS_Singapore-A--Video.mp4" controls onclick="this.paused ? this.play() : this.pause();">The video may not be supported by your browser. Please try with Mozilla Firefox, Google Chrome or Safari</video>
</div>
+
  
 
+
    </div>
 
+
  </div>
 
+
 
+
<div class="clear extra_space"></div>
+
<div class="line_divider"></div>
+
<div class="clear extra_space"></div>
+
 
+
 
+
 
+
<div class="column two_thirds_size" >
+
<h3>Tips</h3>
+
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
<ul>
+
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
<li>Be clear about what you are doing and how you plan to do this.</li>
+
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="https://2018.igem.org/Calendar">iGEM 2018 calendar</a> </li>
+
<li>Have lots of fun! </li>
+
</ul>  
+
 
</div>
 
</div>
  
 
+
</body>
<div class="column third_size">
+
<div class="highlight decoration_A_full">
+
<h3>Inspiration</h3>
+
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
+
<ul>
+
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
+
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
+
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
+
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
+
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
+
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
+
</ul>
+
</div>
+
</div>
+
 
+
 
+
 
+
  
 
</html>
 
</html>
 +
{{:Team:NUS_Singapore-A/Templates/Footer}}

Latest revision as of 01:47, 14 December 2018

CONNECT WITH US

Biomanufacturing opens up possibilities for sustainable
production of useful materials.

We, Team NUSGEM, created Coup Dy’état,
an environmentally-friendly platform to advance biomanufacturing.

Discover our project
Current biomanufacturing platforms are
chemical-intensive and expensive.

Coup Dy’état is not only environmentally-friendly, but also potentially cheaper.

Find out how we designed our platform
Integrating findings from our human practices has helped us make sure that our platform is relevant and useful to biomanufacturers.

Find out who we spoke to


To prove that our platform works, we decided to produce flavonoids to be used as dyes.

This is because the textile dyeing and dyestuff production industry is the second most pollutive industry in the world.

Our biomanufacturing platform can
help.

See our results
No system would work without its support.

Find out how we modelled our complete system and how we built our hardware system to support our platform.
Our team of 13 is made up intensely motivated students across all disciplines.

Find out who we are
Our Achievements


Here's a lovely photo of us, flush with post-Jamboree endorphins! Click to read more on our university's website.

We are thrilled to announce that Coup Dy’état has won a Gold Medal and obtained 3 nominations for special awards: Best Manufacturing Project, Best Hardware, and the Safety Commendation. Thank you for being with us on our iGEM journey!



Join us in our vision for the

Biomanufacturing of the Future.