|
|
| (12 intermediate revisions by the same user not shown) |
| Line 110: |
Line 110: |
| | position: absolute; | | position: absolute; |
| | width:1px; | | width:1px; |
| − | height:360px; | + | height:220px; |
| | top: 13px; | | top: 13px; |
| | } | | } |
| Line 155: |
Line 155: |
| | position: absolute; | | position: absolute; |
| | width: 20px; | | width: 20px; |
| − | height: 20px; | + | height: 18px; |
| | border-radius: 100%; | | border-radius: 100%; |
| | pointer-events: none; | | pointer-events: none; |
| Line 369: |
Line 369: |
| | </div> | | </div> |
| | | | |
| − | <div class="node">
| |
| − | <div class="topic"><p class="text_color">Attribution</p></div>
| |
| − | <div class="active-circle">
| |
| − | <div class="splash"></div>
| |
| − | <div class="cover">
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="inactive-circle">
| |
| − | <div class="small-cover">
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | <div class="node"> | | <div class="node"> |
| Line 428: |
Line 416: |
| | <!--圖片--> | | <!--圖片--> |
| | <div class="img-container"> | | <div class="img-container"> |
| − | <img src="https://static.igem.org/mediawiki/2017/4/4c/Integrated.jpeg" class="main-img" width="100%"> | + | <img src="https://static.igem.org/mediawiki/2017/c/cd/Attributiontcfsh.jpeg" width="100%"> |
| | </div> | | </div> |
| | | | |
| Line 435: |
Line 423: |
| | <h1> | | <h1> |
| | <section class="content_container"> | | <section class="content_container"> |
| − | <div>
| |
| − | <p class="title">Attribution<p>
| |
| − | <p class="content">We have visited some cosmetics storefront and logistic company. During our visit and interview, we gain some valuable suggestions and some positive feedback which our project would be useful.
| |
| − | </p>
| |
| − | </div>
| |
| | | | |
| | <!--PI--> | | <!--PI--> |
| | <div > | | <div > |
| | <p class="title">PI</p> | | <p class="title">PI</p> |
| − | <p class="content-1">wei shin, Chuang</p> | + | <p class="content-1">Wei-Shin Chuang</p> |
| − | <p class="content">Give us administrative help, help us deal with fundraising.</p> | + | <p class="content">Provide us administrative help and deal with fundraising.</p> |
| − | | + | <p class="content-1">Chun-Chi Huang</p> |
| − |
| + | <p class="content">Accompany us to the US to attend the Giant Jamboree.</p> |
| − | | + | <p class="content-1">Hui-Chun Li</p> |
| − | <p class="content-1">Chun Chi, Huang</p> | + | <p class="content">Help us deal with our English problems, and edit our wiki.</p> |
| − | <p class="content">Take us to the US to attend the giant jamboree.</p> | + | <p class="content-1">Yung-Jen Kung</p> |
| − | | + | <p class="content">Provide us valuable suggestions with our experiments, biobrick concept, and take care of our difficulties.</p> |
| − |
| + | |
| − | | + | |
| − | <p class="content-1">Hui Chun, Li</p> | + | |
| − | | + | |
| − | <p class="content">Help us with our English problems, and check the mistake of our script.</p> | + | |
| | | | |
| | <!--professor--> | | <!--professor--> |
| | <p class="title">Professor</p> | | <p class="title">Professor</p> |
| − | | + | <p class="content-1">Wen-Liang Chen</p> |
| − | <p class="content-1">Wen Liang, Chen</p> | + | |
| | <p class="content">Give us many ideas about the project, and help us with our collaboration.</p> | | <p class="content">Give us many ideas about the project, and help us with our collaboration.</p> |
| − | | + | <p class="content-1">Lei Wan</p> |
| − | <p class="content-1">Lei, Wan</p> | + | <p class="content">Help us with our experiments, lend us his laboratory.</p> |
| − | <p class="content">Helps us with our experiments, lends us some of the equipment we don’t have in our school.</p> | + | <p class="content-1">Cheng-Ming Chang</p> |
| − | | + | <p class="content">Give us valuable information about temperature monitoring stickers that already exist and help us understand how low-temperature transport is carried out.</p> |
| − | <p class="content-1">Cheng Ming, Chang</p> | + | <p class="content-1">Chien-Chih Yu</p> |
| − | <p class="content">Gives us some information of the temperature monitoring stickers that already exist. Also, helps us understand how low-temperature transport is carried out.</p> | + | <p class="content">Tell us how medicines are transported.</p> |
| − | | + | |
| − | <p class="content-1">Chien Chih, Yu</p> | + | |
| − | <p class="content">Tell us how drugs are transported.</p> | + | |
| − | | + | |
| | <!--others--> | | <!--others--> |
| | | | |
| | <p class="title">Others</p> | | <p class="title">Others</p> |
| − | | + | <p class="content-1">NCTU_Formosa</p> |
| − | <p class="content-1">NCTU_Formoso</p> | + | <p class="content">Help us understand the iGEM competition, help with our experiments and teache us how to design a wiki page.</p> |
| − | <p class="content">Help us understand what this competition is about, give us lots of help with our experiments. Also. Teaches us how to design a wiki page.</p> | + | |
| − | | + | |
| | <p class="content-1">VEDAN corporation</p> | | <p class="content-1">VEDAN corporation</p> |
| − | <p class="content">Give us many data and directions for us to go. Help us understand how foods are delivered.</p> | + | <p class="content">Give us many data and directions for us to go, introduce food challenge test and UV light will cause the loss of nutrition of the refresh drinks.</p> |
| − | | + | |
| − | <p class="content-1">A convenient store</p>
| + | |
| − | <p class="content">Tell us how were cargos delivered in our country, and give us some advice about food transportation.</p>
| + | |
| − | | + | |
| − | <p class="content-1">Cosmetics company</p>
| + | |
| − | <p class="content">Tell us how cosmetics are transported and gave us some directions for our products to apply on.</p>
| + | |
| − | | + | |
| | <p class="content-1">Mitsui O.S.K</p> | | <p class="content-1">Mitsui O.S.K</p> |
| | <p class="content">Give us some transporting information, and filled up the questionnaire for us.</p> | | <p class="content">Give us some transporting information, and filled up the questionnaire for us.</p> |
| − |
| |
| | <p class="content-1">Polysciences INC</p> | | <p class="content-1">Polysciences INC</p> |
| − | <p class="content">Tell us how chemical were delivered.</p> | + | <p class="content">Tell us how chemicals are delivered.</p> |
| − |
| + | |
| | </section> | | </section> |
| | </div> | | </div> |
| Line 588: |
Line 550: |
| | ){}) | | ){}) |
| | | | |
| − |
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |
| − | {{TCFSH_Taiwan_footer}}
| |
| − |
| |
| − |
| |
| − | <p class="title">Precious Suggestions</p>
| |
| − | <p class="content">The first point is that our product is not applicable for the foods that need to be preserved in the fridge. Since the highest temperature that those foods can tolerate is 15 degrees Celsius, our product won’t be useful for them because the temperature we set is 37 degrees Celsius. The second point is the technology of temperature measuring in the low temperature is already perfect. It can be divided into 3 parts. First, if you are looking for temperature monitors with high accuracy, you can buy one for 500 dollars. It can measure the temperature every 10 or 20 seconds, and it will record 64000 information. When you need the information, just simply plug them into a computer and every single data will be clear. Second, if you are looking for something cheaper, you can purchase a card with changeable barcode on it for 3 dollars. There are various inks used to print the barcode, and each kind of them will appear under different temperature through irreversible processes. This is, the highest temperature in the transportation process would be recorded, and all you should do is use a scanner to scan the barcode, and you’ll get the information you want. In conclusion, our product is not adequate for frozen food, and even if we can change the temperature, it’ll still be a challenge for us to beat the current products.</p>
| |
| − |
| |
| − | <p class="content">Then is the opinions from professor Chien Chih Yu. First, and most importantly, our product is not applicable to the pharmaceutical industry. There are two main reasons. One is that before pharmaceutical products leave the factory, they have to pass the stability test, and the passing standard is 6 months at 37 degrees Celsius. So, obviously, the transportation process is unlikely to cause the drugs to deteriorate. (Why is this obvious? When the drugs are transported, it is still possible that they will be exposed to temperatures higher than 37. Yet, based on the information I googled, the temperature in a stability test could be as high as 40 or 50.) Second, after the pharmaceutical company successfully invent a kind of drug, the first thing they do is insert some ingredients to make the medicine more stable, for the purpose of passing the stability test. The medicines with those ingredients are thus not that vulnerable to high temperature.</p>
| |
| − |
| |
| − |
| |
| − | <p class="title">Further Concept</p>
| |
| − | <p class="content">It’s good that we aim the target temperature at 37 degrees Celsius, since no one had done this temperature before. So, we change our interviewee to a corporation that is selling foods preserved under room temperature. Since we’ve learned that the temperature the challenge test (a test to insure the stability) uses is 37 degrees Celsius. The answers we’ve got is that this is a way to decide the expiration date. The company will evaluate the number of germs, the color, the tastes, the pH value, and the nutrition amount to set out the expiration date. Generally, 5 weeks under 37 degrees Celsius will be about the same of one year under room temperature. </p>
| |
| − |
| |
| − | <p class="content">Also, professor Chien Chih Yu suggested we aim at the R&D drugs, which are less resistant to temperature change.
| |
| − | </p>
| |
| − | </div>
| |
| − | </section>
| |
| − | </h1>
| |
| − |
| |
| − | <!--JS-->
| |
| − |
| |
| − | <script>
| |
| − |
| |
| − | var $document = $( document.body );
| |
| − | var $revealBar = $( '.red-container' );
| |
| − | var wrapperHeight = $document.height();
| |
| − | var stepDistance = 101;
| |
| − | var documentHeight = window.innerHeight;
| |
| − | var positions = [];
| |
| − | var heights = [];
| |
| − | var elements = $( '.title' );
| |
| − |
| |
| − | // Cache heights and positions
| |
| − | for( var i = 0; i < elements.length; i++ ) {
| |
| − | var $element = $(elements[i]);
| |
| − | var height = $element.offset().top + documentHeight;
| |
| − | if (height > wrapperHeight) {
| |
| − | height = wrapperHeight;
| |
| − | }
| |
| − | positions.push(height);
| |
| − | heights.push($element.height());
| |
| − | }
| |
| − |
| |
| − | var $nodes = $( '.node' );
| |
| − |
| |
| − | // Should totally be debounced /w animation frame. I know,
| |
| − | // this whole thing is slightly inefficient.
| |
| − | // And magic numbers too!
| |
| − | $( document ).scroll( function() {
| |
| − |
| |
| − | nodeTop = $document.scrollTop() + documentHeight + 1;
| |
| − | var current = 0;
| |
| − |
| |
| − | // Active/non active states
| |
| − | for( var i = 0; i < positions.length; i++ ) {
| |
| − | if(nodeTop >= positions[i]-80) {
| |
| − | current = i;
| |
| − | $nodes.eq( i ).addClass( 'active' );
| |
| − | } else {
| |
| − | $nodes.eq( i ).removeClass( 'active' );
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | if ( current < elements.length ) {
| |
| − | var nextStep = (nodeTop - positions[current]) / (positions[current + 1] - positions[current]);
| |
| − | var totalWidth = ( current * stepDistance ) + (nextStep * stepDistance);
| |
| − | $revealBar.height( totalWidth+25 );
| |
| − | }
| |
| − |
| |
| − | })
| |
| − |
| |
| − | // Clicking the nodes... again, nothing special ;)
| |
| − | $nodes.each( function( index ) {
| |
| − | var $node = $( this );
| |
| − | $node.click( function() {
| |
| − | $('html, body').animate({ scrollTop: (positions[ index ]-documentHeight)-70}, 1000 );
| |
| − | });
| |
| − | })
| |
| − | //scroll_relocate
| |
| − | function sticky_relocate() {
| |
| − | var window_top = $(window).scrollTop();
| |
| − | var div_top = $('.main-img').offset().top;;
| |
| − | if (window_top > div_top+500) {
| |
| − | $('#scroll').removeClass('appear');
| |
| − | } else {
| |
| − | $('#scroll').addClass('appear');
| |
| − | };
| |
| − | if(window_top > div_top+500) {
| |
| − | $('#web').fadeIn(200);
| |
| − | $('#right').fadeIn(200);
| |
| − | } else {
| |
| − | $('#web').fadeOut(200);
| |
| − | $('#right').fadeOut(200);
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | $(function () {
| |
| − | $(window).scroll(sticky_relocate);
| |
| − | sticky_relocate();
| |
| − | });
| |
| − |
| |
| − |
| |
| − |
| |
| − | $(document).ready(function(
| |
| − |
| |
| − | ){})
| |
| | | | |
| | </script> | | </script> |
