Difference between revisions of "Team:NUS Singapore-A/shadow/Outreach"
| (12 intermediate revisions by 2 users not shown) | |||
| Line 16: | Line 16: | ||
/**************************END OF NEW CAROUSEL********************************/ | /**************************END OF NEW CAROUSEL********************************/ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | .outreach-header{ | |
| − | . | + | max-width: 65%; |
| − | max-width: | + | height: auto; |
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | /* | + | /****************ANYTHING ONWARDS IS THE STYLE FROM INTERLAB********************************************/ |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | . | + | /* The accordion is the class given to the drop-down menu thingy */ |
| − | background-color: # | + | .accordion { |
| − | } | + | background-color: #f2f2f2; |
| + | color: black; | ||
| + | cursor: pointer; | ||
| + | padding: 15px; | ||
| + | width: 90%; | ||
| + | text-align: left; | ||
| + | margin-left: 5%; | ||
| + | margin-right: 5%; | ||
| + | border: none; | ||
| + | outline: none; | ||
| + | /* I wanted to give a gradual change, but it's having some trouble reading the 'transition' property. I'll look into having it javascripted instead. */ | ||
| + | /* transition: 0.4s linear; */ | ||
| + | font-family: "Montserrat", sans-serif; | ||
| + | font-weight: 300; | ||
| + | font-size: 20px; | ||
| + | } | ||
| + | |||
| + | /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ | ||
| + | .active, .accordion:hover { | ||
| + | font: bold 20px "Montserrat", sans-serif; | ||
| + | background-color: #e6e6e6; | ||
| + | } | ||
| + | |||
| + | /* Style the accordion panel. Note: hidden by default */ | ||
| + | .panel { | ||
| + | background-color: white; | ||
| + | text-align: left; | ||
| + | margin-top: 10px; | ||
| + | max-height: 0; | ||
| + | overflow: hidden; | ||
| + | transition: max-height 0.2s ease-out; | ||
| + | } | ||
| + | .accordion:after { | ||
| + | content: '+'; | ||
| + | font-size: 13px; | ||
| + | color: #777; | ||
| + | float: right; | ||
| + | margin-left: 5px; | ||
| + | } | ||
| + | |||
| + | /* Not sure why this function does not work. Need to check */ | ||
| + | .active:after { | ||
| + | content: "-"; | ||
| + | } | ||
| − | + | table, th, td { | |
| − | + | border: none; | |
| − | + | border-collapse: collapse; | |
| − | + | } | |
| − | + | table { | |
| − | + | font-family: "Lora"; | |
| − | } | + | font-size: 13px; |
| + | word-spacing: 0.5em; | ||
| + | } | ||
| − | + | th, td { | |
| − | + | text-align: left; | |
| − | + | padding: 3px; | |
| − | + | } | |
| + | table caption { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | } | |
| − | + | h1 { | |
| − | + | font-family: "MONTSERRAT", sans-serif; | |
| + | font-size: 22px; | ||
| + | text-align: left; | ||
| + | color: black; | ||
| + | font-style: normal; | ||
| + | font-weight: 300; | ||
| + | color: black; | ||
| + | padding-left: 5%; | ||
| + | padding-top: 1.5%; | ||
| + | padding-bottom: 1%; | ||
| + | border: none; | ||
| + | } | ||
| + | |||
| + | h2 { | ||
| + | font-family: "Lora", sans; | ||
| + | font-weight: 300; | ||
| + | text-align: left; | ||
| + | color: black; | ||
| + | margin-left: 5%; | ||
| + | margin-bottom: 15px; | ||
| + | } | ||
| + | |||
| + | h3 { | ||
| + | font-family: "Lora", sans; | ||
| + | font-weight: 300; | ||
| + | text-align: left; | ||
| + | color: black; | ||
| + | } | ||
| + | |||
| + | |||
| + | p, ol li, ul li { | ||
| + | font-family: "Lora", serif; | ||
| + | font-size: 14px; | ||
| + | word-spacing: 0.5em; | ||
| + | text-align:justify; | ||
| + | } | ||
| + | |||
| + | img { | ||
| + | display: block; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
| + | |||
| + | .discussion_graph, .measurement_table{ | ||
| + | width: 70%; | ||
| + | height: auto; | ||
| + | margin: auto; | ||
| + | } | ||
| + | .center-justified{ | ||
| + | text-align: justify; | ||
| + | margin: 0 auto; | ||
| + | width: 70%; | ||
| + | } | ||
| + | |||
| + | /********************** | ||
| + | Start of two columns */ | ||
| + | * { | ||
| + | box-sizing: border-box; | ||
| + | } | ||
| + | |||
| + | /* Create two columns that floats next to each other */ | ||
| + | .column { | ||
| + | float: left; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | .left { | ||
| + | width: 50%; | ||
| + | padding-left: 5%; | ||
| + | padding-right: 2.5%; | ||
| + | } | ||
| + | |||
| + | .right { | ||
| + | width: 50%; | ||
| + | padding-left: 2.5%; | ||
| + | padding-right: 5%; | ||
| + | } | ||
| + | |||
| + | /* Clear floats after the columns */ | ||
| + | .row:after { | ||
| + | content: ""; | ||
| + | display: table; | ||
| + | clear: both; | ||
| + | } | ||
| + | |||
| + | /******************** | ||
| + | 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; | 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 94: | Line 220: | ||
<div class="inner-border" style="border-top:none;"> | <div class="inner-border" style="border-top:none;"> | ||
| − | <div style="text-align: center; | + | <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" alt=" | + | <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">< | + | <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"><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> |
| − | < | + | |
| − | + | ||
| − | </ | + | |
| − | < | + | <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> |
| − | + | </carousel-3d> | |
| − | < | + | |
| − | + | ||
| − | + | ||
</div> | </div> | ||
| − | <div class=" | + | <div class="tabcontent-wrapper"> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | < | + | <!-- YOU CAN COPY PASTE FROM HERE TO THE NEXT WARNING --> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | --> | + | <!-- 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"> | ||
| − | < | + | <!-- 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> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | <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> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <div class=" | + | <br> |
| + | </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> | |
| − | + | </div> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | |
| − | + | ||
| − | + | ||
| − | </ | + | |
| − | + | ||
| − | + | ||
| − | </div> | + | |
| − | + | </div> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | < | + | <!-- 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 | + | |
| − | + | <div id="IHP2" class="tabcontent"> | |
| + | <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> | ||
| + | <span class="sponsor-description"> [2/8] - Mr. Holger Schlaefke | ||
| + | <br> <br> | ||
| + | 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. | ||
| + | <br> <br> | ||
| + | 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. | ||
| + | <br> <br> | ||
| + | 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. | ||
| + | <br> <br> | ||
| + | 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. | ||
| + | <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! | ||
| + | |||
| + | </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> | |
| − | </div> | + | 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> | + | <div id="IHP4" 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"> [4/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> | ||
| + | <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> | ||
| + | </div> | ||
| + | </div> | ||
</body> | </body> | ||
<script> | <script> | ||
| + | /******************************************CAROUSEL SCRIPT STARTS HERE ********************************************/ | ||
/* | /* | ||
var slideIndex = 0; | var slideIndex = 0; | ||
| Line 260: | 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 271: | Line 381: | ||
} | } | ||
}) | }) | ||
| + | /******************************************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"; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*******************************************ACCORDION SCRIPT STARTS HERE ********************************************/ | ||
| + | |||
| + | |||
| + | var acc = document.getElementsByClassName("accordion"); | ||
| + | var i; | ||
| + | |||
| + | for (i = 0; i < acc.length; i++) { | ||
| + | acc[i].addEventListener("click", function() { | ||
| + | |||
| + | /* Toggle between adding and removing the "active" class, | ||
| + | to highlight the button that controls the panel */ | ||
| + | |||
| + | this.classList.toggle("active"); | ||
| + | |||
| + | /* Toggle between hiding and showing the active panel */ | ||
| + | |||
| + | var panel = this.nextElementSibling; | ||
| + | if (panel.style.display === "block") { | ||
| + | panel.style.display = "none"; | ||
| + | } else { | ||
| + | panel.style.display = "block"; | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | for (i = 0; i < acc.length; i++) { | ||
| + | acc[i].addEventListener("click", function() { | ||
| + | this.classList.toggle("active"); | ||
| + | var panel = this.nextElementSibling; | ||
| + | if (panel.style.maxHeight){ | ||
| + | panel.style.maxHeight = null; | ||
| + | } else { | ||
| + | panel.style.maxHeight = panel.scrollHeight + "px"; | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| + | /*******************************************ACCORDION SCRIPT ENDS HERE ********************************************/ | ||
| + | |||
</script> | </script> | ||
</html> | </html> | ||
{{:Team:NUS_Singapore-A/Templates/Footer}} | {{:Team:NUS_Singapore-A/Templates/Footer}} | ||
Latest revision as of 12:35, 28 September 2018
CONNECT WITH US
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
[2/8] - Mr. Holger Schlaefke
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.
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.
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.
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.
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!
[3/8] - Mr. Gerard Talhoff
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.
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.
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.
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.
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.
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.
[4/8] - Mr. Gerard Talhoff
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.
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.
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.
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.
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.
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.
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.
HEAR OUR STORY
We’re using synthetic biology to change the way the world thinks and functions.
We’re a little disruptive, dangerous and maybe a tad too bold. But the world needs some shaking up every now and then, and we think we’re just the right people for that.
Together we’re going to engineer biology and create something awesome.
CONTACT US
nusigem@gmail.com21 Lower Kent Ridge Rd, Singapore 119077