Difference between revisions of "Team:NUS Singapore-A/shadow/Outreach"

 
(7 intermediate revisions by 2 users not shown)
Line 16: Line 16:
 
/**************************END OF NEW CAROUSEL********************************/
 
/**************************END OF NEW CAROUSEL********************************/
  
* {box-sizing: border-box;}
 
body {font-family: Verdana, sans-serif;}
 
.mySlides {display: none;}
 
img {vertical-align: middle;}
 
  
 
.outreach-header{
 
.outreach-header{
Line 26: Line 22:
 
}
 
}
  
 
.active {
 
  background-color: #717171;
 
}
 
 
/* Fading animation */
 
 
@-webkit-keyframes fade {
 
  from {opacity: .4}
 
  to {opacity: 1}
 
}
 
 
@keyframes fade {
 
  from {opacity: .4}
 
  to {opacity: 1}
 
}
 
 
/* On smaller screens, decrease text size */
 
@media only screen and (max-width: 300px) {
 
  .text {font-size: 11px}
 
}
 
.mySlides{
 
  text-align: center;
 
}
 
  
 
/****************ANYTHING ONWARDS IS THE STYLE FROM INTERLAB********************************************/
 
/****************ANYTHING ONWARDS IS THE STYLE FROM INTERLAB********************************************/
Line 206: Line 178:
 
     /********************
 
     /********************
 
     End of two columns */
 
     End of two columns */
 +
/* Style the img inside the buttons */
 +
.sponsors-overview-rows button img{
 +
  max-height:100%;
 +
  max-width:100%;
 +
}
 +
/* Create an active/current tablink class */
 +
.sponsors-overview-rows button.active {
 +
    background-color: #ccc;
 +
}
 +
 +
.tabcontent-wrapper{
 +
  text-align: center;
 +
}
 +
/* Style the tab content */
 +
.tabcontent {
 +
    display: none;
 +
    max-width: 85%;
 +
    margin: auto auto;
 +
    padding: 6px 12px;
 +
    border-radius: 12px;
 +
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 +
    -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 +
    -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
 +
    flex-direction: row;
 +
    justify-content: flex-start;
 +
    align-items: center;
 +
}
 +
.sponsor-pic{
 +
  display: flex;
 +
  width: 235px;
 +
  max-width: 235px;
 +
  min-width: 235px;
 +
  height: auto;
 +
}
 
      
 
      
 
</style>
 
</style>
Line 215: Line 221:
  
 
<div style="text-align: center; padding-top: 15px; padding-bottom: 15px;">
 
<div style="text-align: center; padding-top: 15px; padding-bottom: 15px;">
   <img src="https://static.igem.org/mediawiki/2018/0/02/T--NUS_Singapore-A--Outreach_header_C.png" class="outreach-header" alt="Outreach Header">
+
   <img src="https://static.igem.org/mediawiki/2018/0/02/T--NUS_Singapore-A--Outreach_header_C.png" class="outreach-header" alt="Outreach Header" style="width:40%">
 
</div>
 
</div>
  
 
<div id="carousel">
 
<div id="carousel">
 
   <carousel-3d :autoplay="true" :autoplay-timeout="2400">
 
   <carousel-3d :autoplay="true" :autoplay-timeout="2400">
     <slide :index="0"><img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Collabration1.jpg"/></slide>
+
     <slide :index="0"><button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'IHP1')"><img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Collabration1.jpg"/></button></slide>
    <slide :index="1"><img src="https://static.igem.org/mediawiki/2018/6/62/T--NUS_Singapore-A--Collabration2.jpg"/></slide>
+
    <slide :index="2"><img src="https://static.igem.org/mediawiki/2018/3/3b/T--NUS_Singapore-A--Collabration3.jpg"/></slide>
+
    <slide :index="3"><img src="https://static.igem.org/mediawiki/2018/b/b7/T--NUS_Singapore-A--Collabration4.jpg"/></slide>
+
    <slide :index="4"><img src="https://static.igem.org/mediawiki/2018/3/37/T--NUS_Singapore-A--Collabration5.jpg"/></slide>
+
  </carousel-3d>
+
</div>
+
  
 +
    <slide :index="1"><button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'IHP2')"><img src="https://static.igem.org/mediawiki/2018/6/62/T--NUS_Singapore-A--Collabration2.jpg"/></button></slide>
  
 +
    <slide :index="2"><button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'IHP3')"><img src="https://static.igem.org/mediawiki/2018/3/3b/T--NUS_Singapore-A--Collabration3.jpg"/></button></slide>
  
<!--
+
    <slide :index="3"><button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'IHP4')"><img src="https://static.igem.org/mediawiki/2018/b/b7/T--NUS_Singapore-A--Collabration4.jpg"/></button></slide>
<div style="text-align: center; margin-bottom: -24px;">
+
  <img src="https://static.igem.org/mediawiki/2018/8/8e/T--NUS_Singapore-A--Collabration_header.png" alt="Collaboration Header" style="width:50%;">
+
</div>
+
  
<div class="slideshow-container">
+
    <slide :index="4"><button class="sponsor-boxes tablinks" onclick="openSponsor(event, 'IHP5')"><img src="https://static.igem.org/mediawiki/2018/3/37/T--NUS_Singapore-A--Collabration5.jpg"/></button></slide>
  
<div class="mySlides fade">
+
   </carousel-3d>
   <div class="numbertext">1 / 5</div>
+
  <img src="https://static.igem.org/mediawiki/2018/7/7e/T--NUS_Singapore-A--Collabration1.jpg" style="width:50%">
+
  <div class="text">Caption Text</div>
+
 
</div>
 
</div>
  
<div class="mySlides fade">
+
<div class="tabcontent-wrapper">
  <div class="numbertext">2 / 5</div>
+
  <img src="https://static.igem.org/mediawiki/2018/6/62/T--NUS_Singapore-A--Collabration2.jpg" style="width:50%">
+
  <div class="text">Caption Two</div>
+
</div>
+
  
<div class="mySlides fade">
 
  <div class="numbertext">3 / 5</div>
 
  <img src="https://static.igem.org/mediawiki/2018/3/3b/T--NUS_Singapore-A--Collabration3.jpg" style="width:50%">
 
  <div class="text">Caption Three</div>
 
</div>
 
  
<div class="mySlides fade">
+
<!-- YOU CAN COPY PASTE FROM HERE TO THE NEXT WARNING -->
  <div class="numbertext">4 / 5</div>
+
  <img src="https://static.igem.org/mediawiki/2018/b/b7/T--NUS_Singapore-A--Collabration4.jpg" style="width:50%">
+
  <div class="text">Caption Four</div>
+
</div>
+
  
<div class="mySlides fade">
 
  <div class="numbertext">5 / 5</div>
 
  <img src="https://static.igem.org/mediawiki/2018/3/37/T--NUS_Singapore-A--Collabration5.jpg" style="width:50%">
 
  <div class="text">Caption Five</div>
 
</div>
 
  
</div>
 
  
-->
+
<!-- HELLO BELOW HERE IS THE DIV TAG YOU SHOULD CHANGE. REMEMBER TO RELATE THE ID TO THE CORRECT ID AT CAROUSEL UP ABOVE -->
  
 +
<div id="IHP1" class="tabcontent">
  
<br>
+
<!-- HELLO ABOVE HERE IS THE DIV TAG YOU SHOULD CHANGE. REMEMBER TO RELATE THE ID TO THE CORRECT ID AT THE CAROUSEL UP ABOVE -->
  
 +
    <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NUS_Singapore-A--IHP_FooJeeLoon.jpg" class="sponsor-pic" alt="Dr Foo Jee Loon"></a>
 +
    <div class="row">
 +
      <div class="column left" style="background-color: white;">
 +
        <p>HELLO TVARITA I WANT YOU TO WRITE HERE. REMEMBER FOR EVERY NEW PICTURE YOU WANNA ADD. MAKE SURE YOU LOOK AT THE onclick="openSponsor(event, 'INSERT CORRECT NUMBER HERE')" THEN REMEMBER TO CHANGE THE DIV ID FOR THIS SPECIFIC WRITEUP </p>
  
<!--
+
        <br>
<div style="text-align:center">
+
  <span class="dot"></span>
+
  <span class="dot"></span>
+
  <span class="dot"></span>
+
  <span class="dot"></span>
+
  <span class="dot"></span> 
+
</div>
+
-->
+
  
 +
        <p>HELLO TVARITA I WANT YOU TO WRITE HERE. REMEMBER FOR EVERY NEW PICTURE YOU WANNA ADD. MAKE SURE YOU LOOK AT THE onclick="openSponsor(event, 'INSERT CORRECT NUMBER HERE')" THEN REMEMBER TO CHANGE THE DIV ID FOR THIS SPECIFIC WRITEUP </p>
  
    <h1>OVERVIEW</h1>
 
    <div class="row">
 
      <div class="column left" style="background-color:white;">
 
        <p>A challenge of synthetic biology is repeating measurements in different laboratories. For example, fluorescence data is difficult to compare either because it is reported in different units, or because different groups handle raw data differently.
 
          iGEM’s Measurement Committee thus aims to use the InterLab Study to eventually develop absolute units for measurements of green fluorescent protein (GFP) in a plate reader. This will improve the measurement tools of synthetic biologists.
 
        </p>
 
 
         <br>
 
         <br>
        <p> This year, the Committee aims to discover if it is possible to reduce lab-to-lab variability in fluorescence measurements by normalizing to absolute cell count or colony-forming units (CFUs) instead of optical density (OD). For this, we were required
 
          to measure the cell density of Escherichia coli (<i>E. coli</i>) DH5⍺ cells using the methods below.
 
        </p>
 
      </div>
 
      <div class="column right" style="background-color:white;">
 
        <p> <i> Method 1: Converting between absorbance of cells to absorbance of a known concentration of beads </i>
 
        </p>
 
        <br>
 
        <p> In the first method, silica beads are used to estimate the actual amount of cells during fluorescence measurement. These beads are modeled after a typical <i> E. coli </i> cell and are thus expected to scatter light in a similar way to <i> E. coli </i>          cells. As a sample of these silica beads gives a consistent and known absorbance measurement at 600 nm, absorbance measurements from a sample’s cell density can be converted into an “equivalent concentration of beads” measurement that should
 
          be more universal and comparable between different labs.</p>
 
        <br>
 
        <p> <i>Method 2: Counting colony-forming units (CFUs) from the sample</i></p>
 
        <br>
 
        <p> In the second method, cell concentration is approximated is by plating a known volume of the sample and letting bacterial colonies grow. As each bacterial colony is assumed to represent a single cell (for cells that do not stick together), the
 
          cell concentration in the sample is then directly proportional to the number of CFUs. Using a scaling factor computed from negative and positive control CFUs, a conversion factor from absorbance to CFU can be computed.</p>
 
 
       </div>
 
       </div>
 +
      <div class="column right" style="background-color: white;">
 +
        <p><i>Use Italics for mini titles</i></p>
 +
        <p>ALWAYS REMEMBER TO OPEN AND CLOSE YOUR P TAGS OR THE LAYOUT WILL BE SCREWED BIG TIME</p>
 +
 
       <br>
 
       <br>
 +
    </div>
 
     </div>
 
     </div>
  
    <br>
+
  </div>
    <hr>
+
  
    <h1> EXPERIMENTS </h1>
 
    <button class="accordion"> PLATE READER SETUP </button>
 
    <div class="panel" style="line-height: 17em;">
 
  
      <div class="row">
+
<!-- HERE IS WHERE YOU SHOULD STOP YOUR COPYING. TRY TO SHOW PREVIEW BEFORE SAVING THE PAGE. ALSO DON'T USE GOOGLE CHROME WHEN SHOWING PREVIEW CAUSE IT'LL ALL BE GONE -->
        <div class="column left" style="background-color:white;">
+
          <table>
+
            <tr>
+
              <td style="padding:0;">
+
                <h3><i>Abs<sub>600</sub></i></h3>
+
              </td>
+
              <td>
+
                <ul style="list-style: none; margin: 0; padding: 1em; text-align:left; border-left: .5px solid black">
+
                  <li> Wavelength: 600nm </li>
+
                  <li> Read Speed: Normal </li>
+
                  <li> Delay: 100 msec </li>
+
                </ul>
+
              </td>
+
            </tr>
+
          </table>
+
        </div>
+
        <div class="column right" style="background-color:white;">
+
          <table>
+
            <tr>
+
              <td style="padding:0;">
+
                <h3><i>Fluorescence</i></h3>
+
              </td>
+
              <td>
+
                <ul style="list-style: none; margin: 0; padding: 1em; text-align:left; border-left: .5px solid black">
+
                  <li> Excitation: 485 </li>
+
                  <li>Emission: 525</li>
+
                  <li>Optics: Top</li>
+
                  <li>Gain: 50</li>
+
                  <li>Light Source: Xenon Flash</li>
+
                  <li>Lamp Energy: High</li>
+
                  <li>Read Speed: Normal</li>
+
                  <li>Delay: 100 msec</li>
+
                  <li>Read Height: 7 mm</li>
+
                </ul>
+
              </td>
+
            </tr>
+
          </table>
+
        </div>
+
      </div>
+
    </div>
+
  
  
<div style="margin-left: 12px;">
+
<div id="IHP2" class="tabcontent">
  <h1>OVERVIEW</h1>
+
    <img src="https://static.igem.org/mediawiki/2018/d/d3/T--NUS_Singapore-A--IHP_HolgerSchlaefkeSolo.jpg" class="sponsor-pic" alt="Mr. Holger Schlaefke"></a>
  <p style="text-align: justify">Singapore has set its sights on becoming a global powerhouse in synthetic biology. The government is pouring money into a new research programme and is encouraging scientists to make synthetic microorganisms, or redesign natural ones, that can be used to produce food, electronics, medicine and energy.
+
    <span class="sponsor-description"> [2/8] - Mr. Holger Schlaefke
  </p>
+
<br> <br>
    <ul>
+
Mr Holger Schlaefke is the Global Marketing Manager for Cellulosic Dyes at Huntsman Textiles Effects. With an impressive 21 years of experience in the dyeing and textile industry under his belt, he was well equipped for us to approach to find out more about what we should consider when designing a dye. It helped that Mr Schlaefke was warmly hospitable and accommodating, and extremely forthcoming with his knowledge about dyes.
      <li>Yet after looking at biology syllabuses, we found that there aren’t many opportunities to learn about synthetic biology in tertiary education</li>
+
<br> <br>
      <li>Insert pictures of biology syllabuses</li>
+
The interview validated the need for more sustainable dyeing technologies to reduce the water pollution caused by the textile industry, and helped us affirm the key aspects of the problem. We also found the answers we sought! From an industry perspective, we now know that we should take into account how dye manufacturers need to be agile in response to the fashion industry’s ever-changing demands for the trendiest colours of the season, and the requirements our dye must fulfill to be considered eco-friendly, among others.
      <li>engineering biology in NUS n NTU – limited modules, also not a compulsory module…?</li>
+
<br> <br>
      <li>There is a gap we can address because tertiary education is the best stage to attract/introduce people to synthetic biology</li>
+
On the topic of natural versus sustainable dyes, we learned that the industry is keener on using synthetic dyes rather than natural dyes even though natural dyes are considered more environmentally friendly. This is because of the industry’s perception that firstly, synthetic dyes are superior to natural dyes in terms of wear resistance, secondly, producing synthetic dyes is less complicated and time consuming, and finally, companies producing synthetic dyes would have to completely change their machinery and infrastructure. This was why he foresees that it will be difficult to persuade textile producers and other major stakeholders to adopt new, potentially industry-disrupting solutions involving natural dyes.
      <li>We expect to be more relatable to such a target group as well</li>
+
<br> <br>
    </ul>
+
We then shared our vision of producing natural dyes biosynthetically, to which he listed important challenges and obstacles to anticipate and overcome should we decide to continue on this path. Furthermore, he suggested that producing primary colours or brighter and bolder colours would be more impressive and would make our solution more attractive to our stakeholders.
</div>
+
<br> <br>
 +
At the end of the interview, Mr Holger encouraged us to never give up, and even jestingly reminded us that whatever we do, there was one thing we should never forget - to get a patent for our project!
  
<div class="clear"></div>
+
    </span>
 +
  </div>
 +
 
 +
 
 +
<div id="IHP3" class="tabcontent">
 +
    <img src="https://static.igem.org/mediawiki/2018/b/b9/T--NUS_Singapore-A--IHP_Gerard_TalhoffSolo.jpg" class="sponsor-pic" alt="Mr. Gerard Talhoff "></a>
 +
    <span class="sponsor-description"> [3/8] - Mr. Gerard Talhoff
 +
<br> <br>
 +
Mr Gerald is the Global Manufacturing and Supply Chain Vice President of the DyStar Group.  His current responsibilities range from managing global manufacturing footprint to supply chain management and even to corporate sustainability. With more than 20 years of experience in the dye industry under his belt, Mr. Gerald was able to impart pearls of wisdom gleaned from his many years of experience to our inquisitive young minds.
 +
<br> <br>
 +
During our interview with Mr Gerald, he introduced to us the core tenets driving DyStar’s sustainability initiatives. Central to their thrust was a three-fold approach - reducing the production carbon footprint, ensuring consumer safety by keeping hazardous chemicals out of textiles and dyes used, and striving for biodegradable textiles and materials used for dyeing.
 +
<br> <br>
 +
Mr Gerald validated our proposed design, pointing out that balancing environmental friendliness and commercial feasibility would no longer be unfeasible. Instead, co-opting sustainable practices in textile dyeing would become a competitive advantage; governmental agencies around the world are taking tougher actions against environmentally-unfriendly practices and pollution.
 +
<br> <br>
 +
When discussing our potential solutions, he anticipated a critical hurdle we would have to overcome: our solution must attain significant yield for it to have a significant impact on the dye market. From his experience, past attempts at producing bio-engineered dyes have failed to become commercially-viable due to their failure to achieve significant yield. This is a potentially disastrous pitfall that we must seek to circumvent.
 +
<br> <br>
 +
Besides our solution of producing microbial dyes, Mr Gerald warned us against the production of natural dyes using agricultural biomass as feedstock. The resulting competition between food production and natural dye production would indeed be very unfavourable for. In addition, disposal of used biomass would exacerbate the problem of resource wastage. Adding to his previous point, Mr Gerald taught us that it was imperative to evaluate the entire production process for its eco-friendliness, taking into account energy and water consumption, waste generation, to name a few.
 +
<br> <br>
 +
An interesting twist to the end of the interview, Mr Gerald raised the possibility for the obsolescence of dyes in future, as textiles could coloured by virtue of its physical properties, or perhaps the invention of new materials that are not amenable to current dyeing methods. To tie the interview up, before continuing on our journey with synthetic biology, he encouraged us to evaluate bioengineered products around the world critically.
 +
    </span>
 +
  </div>
  
<div style="margin-left: 12px;">
+
<div id="IHP4" class="tabcontent">
  <h2>ORGANIZED A TERTIARY-LEVEL OUTREACH EVENT</h2>
+
    <img src="https://static.igem.org/mediawiki/2018/b/b9/T--NUS_Singapore-A--IHP_Gerard_TalhoffSolo.jpg" class="sponsor-pic" alt="Mr. Gerard Talhoff "></a>
  <p></p>
+
     <span class="sponsor-description"> [4/8] - Mr. Gerard Talhoff
  <ul>
+
<br> <br>
     <li>Lab tour</li>
+
Mr Gerald is the Global Manufacturing and Supply Chain Vice President of the DyStar Group.  His current responsibilities range from managing global manufacturing footprint to supply chain management and even to corporate sustainability. With more than 20 years of experience in the dye industry under his belt, Mr. Gerald was able to impart pearls of wisdom gleaned from his many years of experience to our inquisitive young minds.
    <li>Lectures</li>
+
<br> <br>
    <li>Discussion of career prospects</li>
+
During our interview with Mr Gerald, he introduced to us the core tenets driving DyStar’s sustainability initiatives. Central to their thrust was a three-fold approach - reducing the production carbon footprint, ensuring consumer safety by keeping hazardous chemicals out of textiles and dyes used, and striving for biodegradable textiles and materials used for dyeing.
    <li>Development of a gene circuit design primer and educational game</li>
+
<br> <br>
    <ul>
+
Mr Gerald validated our proposed design, pointing out that balancing environmental friendliness and commercial feasibility would no longer be unfeasible. Instead, co-opting sustainable practices in textile dyeing would become a competitive advantage; governmental agencies around the world are taking tougher actions against environmentally-unfriendly practices and pollution.
      <li>READY TO USE IN THE CLASSROOM</li>
+
<br> <br>
      <li>USE THE SURVEYS TO SEE HOW TO IMPROVE THE GAME </li>
+
When discussing our potential solutions, he anticipated a critical hurdle we would have to overcome: our solution must attain significant yield for it to have a significant impact on the dye market. From his experience, past attempts at producing bio-engineered dyes have failed to become commercially-viable due to their failure to achieve significant yield. This is a potentially disastrous pitfall that we must seek to circumvent.
      <li>USE THE SURVEYS TO SAY THAT STUDENTS ENJOYED THE GAME</li>
+
<br> <br>
    </ul>
+
Besides our solution of producing microbial dyes, Mr Gerald warned us against the production of natural dyes using agricultural biomass as feedstock. The resulting competition between food production and natural dye production would indeed be very unfavourable for. In addition, disposal of used biomass would exacerbate the problem of resource wastage. Adding to his previous point, Mr Gerald taught us that it was imperative to evaluate the entire production process for its eco-friendliness, taking into account energy and water consumption, waste generation, to name a few.
     <li>Discussion of survey results</li>
+
<br> <br>
   </ul>
+
An interesting twist to the end of the interview, Mr Gerald raised the possibility for the obsolescence of dyes in future, as textiles could coloured by virtue of its physical properties, or perhaps the invention of new materials that are not amenable to current dyeing methods. To tie the interview up, before continuing on our journey with synthetic biology, he encouraged us to evaluate bioengineered products around the world critically.
</div>
+
     </span>
 +
   </div>
  
<div class="clear"></div>
 
  
<div style="margin-left: 12px;">
 
  <h2>UNIVERSITY-LEVEL OUTREACH EVENTS</h2>
 
  <p><i>RC Teas</i></p>
 
  <br>
 
  <p>RCs are themed, meant to attract people who feel very strongly about those themes. Can try targeting such people, perhaps their passion makes them more predisposed towards synthetic biology (reasoning to be firmed up a la PW)</p>
 
  <ul>
 
    <li>Tembusu – women in synthetic biology </li>
 
    <ul>
 
      <li>Encourage girls to join STEM fields – why not encourage them to join synthetic biology?</li>
 
      <li>Inspiring</li>
 
    </ul>
 
    <li>RVRC – environmental conservation</li>
 
    <ul>
 
      <li>Show them the potential of synthetic biology to solve problems, give them another cognitive tool
 
      </li>
 
    </ul>
 
  </ul>
 
</div>
 
  
<div class="clear"></div>
+
    <h1>OVERVIEW</h1>
 +
    <div class="row">
 +
      <div class="column left" style="background-color:white;">
 +
        <p>Through outreach, NUSGEM aimed to raise more awareness about synthetic biology, iGEM and our project to the public focusing greatly on high school and university students. Although synthetic biology research and development is growing in Singapore, it is not being emphasized to students. We feel it is important that students are exposed to the basics of synthetic biology early on to help them open to newer career options.
 +
        </p>
 +
    </div>
  
<div style="margin-left: 12px;">
 
  <h2>SOCIAL MEDIA</h2>
 
 
 
  <p><i>Best way to directly communicate to our target audience</i></p>
 
  <ul>
 
    <li>Demographics</li>
 
    <li>Show continuous effort to engage with our audience</li>
 
  </ul>
 
 
</div>
 
</div>
 
 
</div>
 
</div>
 
+
</div>
 
+
 
+
 
</body>
 
</body>
  
Line 458: Line 370:
  
 
*/
 
*/
 
+
/*********************************HEY RITA REMEMBER TO CHANGE THE SLIDES TO n-1 OF THE NUMBER OF IMAGES YOU WANT TO SHOW. LOOK AT (slides: <change me>) *************************************/
 
new Vue({
 
new Vue({
 
   el: '#carousel',
 
   el: '#carousel',
Line 470: Line 382:
 
})
 
})
 
/******************************************CAROUSEL SCRIPT ENDS HERE **********************************************/
 
/******************************************CAROUSEL SCRIPT ENDS HERE **********************************************/
 +
 +
/*************************************************THIS IS THE ONE TO OPEN TABS IN PICTURES*****************************************************************************/
 +
function openSponsor(evt, sponsorName) {
 +
    var i, tabcontent, tablinks;
 +
    tabcontent = document.getElementsByClassName("tabcontent");
 +
    for (i = 0; i < tabcontent.length; i++) {
 +
        tabcontent[i].style.display = "none";
 +
    }
 +
    tablinks = document.getElementsByClassName("tablinks");
 +
    for (i = 0; i < tablinks.length; i++) {
 +
        tablinks[i].className = tablinks[i].className.replace(" active", "");
 +
    }
 +
    document.getElementById(sponsorName).style.display = "flex";
 +
    evt.currentTarget.className += " active";
 +
}
  
  

Latest revision as of 12:35, 28 September 2018

CONNECT WITH US
Outreach Header

HELLO TVARITA I WANT YOU TO WRITE HERE. REMEMBER FOR EVERY NEW PICTURE YOU WANNA ADD. MAKE SURE YOU LOOK AT THE onclick="openSponsor(event, 'INSERT CORRECT NUMBER HERE')" THEN REMEMBER TO CHANGE THE DIV ID FOR THIS SPECIFIC WRITEUP


HELLO TVARITA I WANT YOU TO WRITE HERE. REMEMBER FOR EVERY NEW PICTURE YOU WANNA ADD. MAKE SURE YOU LOOK AT THE onclick="openSponsor(event, 'INSERT CORRECT NUMBER HERE')" THEN REMEMBER TO CHANGE THE DIV ID FOR THIS SPECIFIC WRITEUP


Use Italics for mini titles

ALWAYS REMEMBER TO OPEN AND CLOSE YOUR P TAGS OR THE LAYOUT WILL BE SCREWED BIG TIME


OVERVIEW

Through outreach, NUSGEM aimed to raise more awareness about synthetic biology, iGEM and our project to the public focusing greatly on high school and university students. Although synthetic biology research and development is growing in Singapore, it is not being emphasized to students. We feel it is important that students are exposed to the basics of synthetic biology early on to help them open to newer career options.