|
|
| Line 1: |
Line 1: |
| − | {{NTHU_Formosa}}{{NTHU_Formosa/NavBar}} | + | {{NTHU_Formosa}} {{NTHU_Formosa/NavBar}} |
| | <html> | | <html> |
| | | | |
| | + | <head> |
| | + | <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> |
| | + | <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato"> |
| | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
| | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/CSS&action=raw&ctype=text/css" /> |
| | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/HP&action=raw&ctype=text/css"> |
| | + | <link rel="stylesheet" type="text/css" href="https://2018.igem.org/wiki/index.php?title=Template:NTHU_Formosa/initial&action=raw&ctype=text/css"> |
| | + | <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Josefin+Sans" /> |
| | + | <style> |
| | | | |
| | + | /* unvisited link */ |
| | | | |
| | + | a { |
| | + | color: #0645AD; |
| | + | } |
| | | | |
| − | <div class="clear"></div>
| + | /* visited link */ |
| | | | |
| | + | a:visited { |
| | + | color: green; |
| | + | } |
| | | | |
| | + | /* mouse over link */ |
| | | | |
| − | <div class="column full_size">
| + | a:hover { |
| | + | color: hotpink; |
| | + | cursor: pointer; |
| | + | } |
| | + | .w3-wide{ |
| | + | font-weight: 900; |
| | + | font-size: 350%; |
| | + | font-family: "Josefin Sans","JosefinSans-Bold",NotoSansCJKtc-Regular,'Noto Sans',"微軟雅黑","Microsoft YaHei",Helvetica,sans-serif; |
| | + | } |
| | + | .w3-justify{ |
| | + | font-size: 22px; |
| | + | font-family: "Josefin Sans","JosefinSans-Regular",Open Sans,"Helvetica Neue",Helvetica,Arial,sans-serif; |
| | + | } |
| | + | /* selected link */ |
| | | | |
| − | <h1>Tsinghua Bauhinia Festival</h1>
| + | a:active { |
| − | <p>
| + | color: blue; |
| − | On May 12th , to introduce iGEM to the high school students, we participated in the “Tsinghua Bauhinia Festival”, the university expo in NTHU, and set up a booth in the biology major part. During the communication with the high school students and their parents, we not only shared the core concept of synthetic biology but also showed our project to them. NTHU_Formosa hopes that we could expand students’ cognition of biology, and sow the seed of synthetic biology in their mind.
| + | } |
| − | </p> | + | </style> |
| | + | </head> |
| | | | |
| | + | <!-- Main Section --> |
| | | | |
| − | <h1>Singular Wings Medical</h1> | + | <br> |
| − | <p> | + | <br> |
| − | High impact projects with consequences affecting whole humanity should always be discussed with professionals from different backgrounds. For the industry, we interviewed Singular Wings Medical on July 16th.
| + | <br> |
| − | Singular Wings Medical is a very successful startup known for its award-winning product –Cardinova, a “real-time” and “non-invasive” health diagnostic system, which can track people’s cardiac conditions in daily lives to prevent heart attack, stroke, and other cardiac-related diseases. Due to the similarity between Cardinova and Biowatcher, our team chose to set up a meeting and exchange ideas with Singular Wings Medical, to understand how our project can be applied to the industry.
| + | <br> |
| − | During the meeting, Mr. Li, the general manager of the company, suggested that we should bring the plan to a more comprehensive stage. He asked us a very interesting question.
| + | <br> |
| − | “If the customer doesn’t want to use biowatcher anymore, what should we do to get the cell out of the customer’s body ? ”
| + | <br> |
| − | To solve the question, we started to search for the suicide mechanism of the reporter cell.
| + | <head> |
| − | Besides the feedback of the project, Mr. Li also gave us some suggestions for the presentation. We learned a lot from this meeting, and were more confident in biowatcher. Mr. Li said ” Keep thinking ahead! Someday the tool will be ready, and it’s time to make your dream come true.”
| + | <meta charset="UTF-8"> |
| − | </p>
| + | <title>HP主頁02</title> |
| | + | <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> |
| | | | |
| − | <h1>A conference in NCTU</h1> | + | <link href="https://fonts.googleapis.com/css?family=Lato" rel="stylesheet"> |
| − | <p> | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> |
| − | We attended a conference at National Chiao Tung University held by team NCTU_Formosa on July 23rd. There are four teams participated in this conference, including NTHU_Formosa, NCTU_Formosa, Mingdao, and NTHU Taiwan.
| + | |
| − | During the conference, each team presented their projects and got feedback in Q&A time. NTHU_Formosa appreciates the feedback by other teams. After sorting the questions and advice, we realized that we had to find out more information on the luminescence at 490 nm wavelength. NTHU_Formosa really got many things to confirm and to improve in this conference!
| + | |
| | | | |
| − | </p> | + | |
| | + | <link rel="stylesheet" href="css/style.css"> |
| | | | |
| | + | |
| | + | </head> |
| | | | |
| − | <p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p> | + | <body> |
| − |
| + | |
| − | <ul>
| + | |
| − | <li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
| + | |
| − | <li>tips on <a href="https://2018.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including explanations of judging criteria and advice about how to conduct and document your Human Practices work</li>
| + | |
| − | <li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
| + | |
| − | <li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
| + | |
| − | <li>And more! </li>
| + | |
| − | </ul>
| + | |
| − |
| + | |
| | | | |
| | + | |
| | | | |
| | + | <section class="strips"> |
| | + | <article class="strips__strip"> |
| | + | <div class="strip__content"> |
| | + | |
| | + | <h1 class="strip__title" data-name="Lorem">Conference</h1> |
| | + | <div class="strip__inner-text"> |
| | + | <p class="w3-justify" style="font-size:40px;">Asia-Pacific iGEM Conference</p> |
| | + | <p class="w3-justify" style="font-size:160%;"> |
| | + | <p class="w3-justify"> |
| | + | |
| | + | <img class="w3-left" src="https://static.igem.org/mediawiki/2018/6/6f/T--NTHU_Formosa--%E4%BA%9E%E6%B4%B202.jpg" align=center style="width:40%;margin:20px 20px;box-shadow:3px 3px 12px gray;";> |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;"> From July 30th to Aug 3rd, we joined the Asia-Pacific iGEM Conference hosted by iGEM NCHU Taichung in Chung Hsing University. More than twenty iGEM teams from Taiwan, China, and Japan gathered around and shared the incredible projects. Lively discussion surrounds all the time after team presentations and at posters sessions, where we gained many valuable advices from professors and other iGEMers.<br><br> |
| | + | |
| | + | In the evening, teams hung out, had dinner, visited night markets, while sharing funny stories and problems encountered during the preparation of Giant Jamboree. Mouth-watering chicken fillet and freshly made pearl milk tea sure brought us closer together. We had a great time, especially with iGEM Fudan-CHINA, iGEM NAU, and iGEM XMU-China, who kindly approached us looking for the possible cooperation further in the future. <br><br><br><br> |
| | | | |
| | + | It was a precious experience and practice for us to present our project in front of so many Asia iGEMers before Giant Gamboree. Great thanks to NCHU Taichung iGEM team for hosting such wonderful conference!! </p> |
| | + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/1/1e/T--NTHU_Formosa--%E4%BA%9E%E6%B4%B201.jpg" align=center style="width:70%;margin:20px 20px;box-shadow:3px 3px 12px gray;";> |
| | | | |
| − | <p>On this page, your team should document all of your Human Practices work and activities. You should write about the Human Practices topics you considered in your project, document any activities you conducted to explore these topics (such as engaging with experts and stakeholders), describe why you took a particular approach (including referencing any work you built upon), and explain if and how you integrated takeaways from your Human Practices work back into your project purpose, design and/or execution. </p>
| |
| − |
| |
| − | <p>If your team has gone above and beyond in work related to safety, then you should document this work on your Safety wiki page and provide a description and link on this page. If your team has developed education and public engagement efforts that go beyond a focus on your particular project, and for which would like to nominate your team for the Best Education and Public Engagement Special Prize, you should document this work on your Education and Education wiki page and provide a description and link here. </p>
| |
| − | </div>
| |
| − |
| |
| − | <div class="clear"></div>
| |
| | | | |
| − |
| + | </p> |
| − | <div class="column full_size"> | + | |
| − | <div class="highlight decoration_background">
| + | <p class=" w3-wide" style=" font-size: 40px;"> Mini-seminar with Mingdao, NCTU_Formosa and NTHU_Taiwan</p> |
| − | <p>The iGEM judges will review this page to assess whether you have met the Silver and/or Gold medal requirements based on the Integrated Human Practices criteria listed below. If you nominate your team for the <a href="https://2018.igem.org/Judging/Awards">Best Integrated Human Practices Special Prize</a> by filling out the corresponding field in the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>, the judges will also review this page to consider your team for that prize. | + | |
| − | </p> | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <div class="clear extra_space"></div>
| |
| | | | |
| | | | |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">On July 23rd, four teams from Taiwan gathered together, presented our projects in turn and exchanged feedback with each others. Fresh, creative ideas made this conference not only inspirational but also unforgettable.<br><br> |
| | + | We were glad to be a part of this conference taking place in NCTU. It was thrilling knowing this conference is arranged and hosted by Mingdao High School team, which has been participating and obtaining good results in iGEM.for years. 20 minutes presentation and 10 minutes questions and answer times were yielded to each team. <br><br> |
| | + | |
| | + | Mingdao aims to build low-cost, rapid-screening and accurate diagnostic device of HIV, living mosquitos is involving in this portable device!<br><br> |
| | + | NCTU_Formosa introduced their system of balancing varieties of bacterial growth in the soil by applying corresponding amount of bacteriocin.<br><br> |
| | + | NTHU_Taiwan intends to regulate the population of bacteria Vibrio, which possess great potential of commercializing.<br><br> |
| | + | |
| | + | |
| | + | All projects are pursuing a better future for human or industries. This seminar helped all teams to re-examine the feasibility and conprehensive aspects of their projects for further improvement.<br><br> |
| | + | |
| | | | |
| − | <div class="column full_size">
| + | |
| − |
| + | |
| − | <h3>Silver Medal Criterion #3</h3>
| + | |
| − | <p>Convince the judges you have thought carefully and creatively about whether your work is responsible and good for the world. Document how you have investigated these issues and engaged with your relevant communities, why you chose this approach, and what you have learned. Please note that surveys will not fulfill this criteria unless you follow scientifically valid methods. </p>
| + | |
| | | | |
| | + | </p> |
| | + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/e/e6/T--NTHU_Formosa--%E5%9B%9B%E6%A0%A1_%281%29.jpg" align=center style="width:70%;margin:20px 20px;box-shadow:3px 3px 12px gray;"> |
| | + | <br> |
| | + | <br> |
| | + | <p class="w3-justify" style="font-size:30px;"><b>Questions about BioWatcher asked by other teams in this mini-seminar:</b></p> |
| | + | |
| | + | <p class="w3-justify" style="font-size:25px;"><b>1. Bioluminescence is too weak to penetrate tissue?</b></h3> |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">The bioluminescence used in BioWatcher has an emission wavelength of 490 nm. |
| | + | Although the intensity of bioluminescence at this wavelegth is not as strong as a aprt of it will be absorbed by body tissue, experiments proved the successful bioluminescence penetration captured under imaging system. Besides,the fact that this mild intensity of this bioluminescence is invisible to naked eye can ease the users’ concern of turning into green-glowing lamp.<br><br> |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:25px;"><b>2. Concerns about applying engineered cells in human bodies</b></h3> |
| | | | |
| − | <h3>Gold Medal Criterion #1</h3>
| + | <p class="w3-justify" style="font-size:20px;">The application of our system can be widely used in detecting soluble and insoluble ligands in the enviroment, living organisms and,our ultimate pursuit, in human bodies which post serious concerns. In terms of deliverying engineered cells into human body, invasive and noninvasive measures, such as injection, nasal delivery and viral therapy, are considered.However, we faced our biggest challenge--choosing the proper cell to be applied. Several aspects need to be evaluated including life span of the cells, its amount in circulating system, possible immune rejection…etc. As hard as it is, existing cellular immunotherapy is keeping our hopes up. Undoubtedly, this project is still immature. However, white blood cells and mesenchymal stem cells are our candidates so far.<br><br> |
| − | <p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the purpose, design and/or execution of your project. Document how your project has changed based upon your human practices work. | + | |
| − | </p>
| + | </p> |
| | + | </div> |
| | + | </div> |
| | + | </article> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <article class="strips__strip"> |
| | + | <div class="strip__content"> |
| | + | <h1 class="strip__title" data-name="Ipsum"><p class="w3-justify" style="font-size:50px;">Industry</p><br><br><p style="font-size:20px;"></p></h1> |
| | + | |
| | + | <div class="strip__inner-text"> |
| | + | |
| | + | <div class="w3-container w3-pale-blue w3-padding-64 w3-center"> |
| | + | <div class="w3-content"><br> |
| | + | <p class="w3-justify" style="font-size:60px;">Industry</p> |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;"> |
| | + | |
| | + | On July 16th, we visited Singular Wings Medical, a very successful award-winning biotech wearables startup, to learn about biotech industry and how our project--BioWatcher is perceived in industrial and commercial point of view. |
| | + | <br> |
| | + | <br> BioWatcher is a very novel and tentative idea, though; we believe BioWatcher has potential in the diagnosis industry. Entrepreneurship is the ultimate goal where biologists bring biotech into the real world and make the world a better place. Therefore, we presented BioWatcher to Singular Wings Medical, a very successful award-winning biotech wearables startup. |
| | + | <br> |
| | + | <br> While Singular Wings Medical was very impressed with our innovative idea, several interesting and important concerns and useful advices were proposed during the discussion.</p><br> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="w3-container w3-padding-24 w3-center"> |
| | + | <div class="w3-content"> |
| | + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/d/df/T--NTHU_Formosa--%E5%A5%87%E7%BF%BC%E9%86%AB%E9%9B%BB01.png" align=left style="width:50%;margin:20px 20px;box-shadow:3px 3px 12px gray;";> |
| | + | |
| | + | <p class="w3-justify" style="font-size:40px;">1. Why watch?</h2><br> |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;"> |
| | + | <br> It’s true that watch is not the only available option for bioluminescence detecting devices.As Singular Wings Medical suggested,manufacturing a portable handy bioluminescence detector for our project is a way easier approach than trying to alter current smartwatches or come up with new brand of watch to compete with the existing smartwatches on the market. </p><br><br> |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;"> |
| | + | <br> We totally agree that, at the developing stage of a company, launching a portable device instead of smartwatch will become great help to the company’s finance. However, the idea of BioWatcher was partly inspired by smartwatches and we are still aiming at this incredibly huge wearable markets. According to International Data Corporation (IDC), PMR and Gartner, in 2017 alone, there are 121.7 million shipments in wearable market, in which smartwatches took up half of the shipments. The predicted 2017-2021 CAGR of smartwatches and wristband combined is up to 24.9%, while their predicted 2021 market share is 89.7%, the highest among all wearables. "Smartwatches are on pace to achieve the greatest revenue potential among all wearables through 2021, reaching $17.4 billion," said Angela McIntyre, research director at Gartner.<br> |
| | + | |
| | + | <br> All in all, we are targeting a vast market and, hopefully, we can bring BioWatcher to the real life.</p><br> |
| | + | |
| | + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/6/61/T--NTHU_Formosa--%E5%A5%87%E7%BF%BC%E9%86%AB%E9%9B%BB02.png" align=left style="width:50%;margin:20px 20px;box-shadow:3px 3px 12px gray;";> |
| | + | |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">Being a successful startup owner, the manager of Singular Wing Medical, Mr. Lee, generously share his experience in starting a company. Transforming lab experiments into real product need to take up dozens of years. Even after we overcome all the biotechnology and ethic issues, hardware development will spend us quite awhile.<br><br> Therefore, he encouraged us to make plans gradually-- before our whole non-invasive real-time report blood test system become mature, we can take a step back by developing an improved and optimized blood test system and devices in the current diagnostic industry, such as micro-measurements or electrochemistry approach, to support the startup when developing our ultimate goal—BioWatcher.</p><br> |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">We greatly appreciated this chance to learn a lot about the experience from a successful senior and we hope to have more discussion and mentor in terms of entrepreneurship. </p><br> |
| | + | |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">Presentation skill is one of the most crucial parts of promoting ideas and attracting corporate sponsors. Before the meeting ended, the importance of delivering a good presentation is emphasized many times. Singular Wings Medical pinpointed the weak point of our presentation and devoted a great deal of time carefully teaching us how to make a brief persuasive pitch that catches the listeners’ attention. Lessons learned: logic, coherence, precision and painting a good story for our audience are vital. After this meeting, we revised our presentation for so many times and hopefully can bring our best show to the stage. </p><br> |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:40px;">About Singular Wings Medical</h2><br> |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">Singular Wings Medical is a very successful startup known for its award-winning biotech wearable products –CardiNova, a series of smart cardiovascular symptoms detector/ pocketsize ECG recorder for cardiovascular-related diseases prevention and prognostic follow-up by non-invasively detecting early signs of abnormality. All data can be tracked whenever and wherever the users want to. Due to the similarity between Cardinova and Biowatcher, our team contacted the company and set up a meeting, which is proved to be very valuable and helpful. We cannot thank Singular Wings Medical enough.</p><br> |
| | + | </div> |
| | </div> | | </div> |
| | + | </div> |
| | + | </div> |
| | + | </article> |
| | | | |
| | | | |
| | | | |
| − | <div class="clear extra_space"></div>
| |
| | | | |
| | | | |
| | | | |
| − | <div class="column full_size">
| |
| − | <h3>Best Integrated Human Practices Special Prize</h3>
| |
| | | | |
| − | <p>To compete for the Best Integrated Human Practices prize, please describe your work on this page and also fill out the description on the judging form. </p>
| |
| | | | |
| − | <p>How does your project affect society and how does society influence the direction of your project? How might ethical considerations and stakeholder input guide your project purpose and design and the experiments you conduct in the lab? How does this feedback enter into the process of your work all through the iGEM competition? Document a thoughtful and creative approach to exploring these questions and how your project evolved in the process to compete for this award!</p>
| |
| − | <p>You must also delete the message box on the top of this page to be eligible for this prize.</p>
| |
| | | | |
| | + | |
| | + | |
| | + | <article class="strips__strip"> |
| | + | <div class="strip__content"> |
| | + | <h1 class="strip__title" data-name="Dolor"><p class="w3-justify" style="font-size:50px;">Academics</h1> |
| | + | <div class="strip__inner-text"> |
| | + | <div class="w3-container w3-pale-blue w3-padding-64 w3-center"> |
| | + | <div class="w3-content"><br> |
| | + | <p class="w3-justify" style="font-size:20px;"><b>Academics</b></ㄣ><br><br> |
| | + | |
| | + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/c/c1/T--NTHU_Formosa--%E9%86%AB%E5%B8%AB_%281%29.jpg" align=left style="width:50%;margin:10px 20px;box-shadow:3px 3px 12px gray;";> |
| | + | |
| | + | <p class="w3-justify" style="font-size:40px;">Meeting Doctor Chang,Hsing-Chih</p> |
| | + | <p class="w3-justify" style="font-size:20px;"> The ultimate goal of BioWatcher is to apply this system on human to prevent late-stage cancers by early diagnosis. Therefore, we turned to Mr. Chung, a doctor who has PhD degree in molecular and cellular oncology in MD Anderson Cancer Center and currently works in Mackay Memorial Hospital for his experiences in clinical/cancer cases. |
| | + | What we discussed includes the potential and limitation of diagnostic biomarkers, the accuracy of diagnosis using biomarkers, and most importantly the design of BioWatcher.</p><br> |
| | + | |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:30px;">1. What kind of cell is a suitable reporter cell candidate for modification?</p><br> |
| | + | |
| | + | <p class="w3-justify" style="font-size:25px;">ANS: Mesenchymal stem cells ?</p><br> |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:30px;">A suitable candidate should possess properties listed:</p><br> |
| | + | <p class="w3-justify" style="font-size:25px;">1.Compatible with targeted human immune system</p><br> |
| | + | <p class="w3-justify" style="font-size:25px;">2.Can be easily modified</p> |
| | + | <br> |
| | + | <p class="w3-justify" style="font-size:20px;">Prior to the meeting, white blood cell was on our list of choice. Yet, it was taken off list due to its inevitable interference with blood composition as the modified ones are introduced into humans’ circulating system. Dr. Chang suggested Mesenchymal stem cells (MSCs) and Dendritic cells (DCs). Maturing of BioWatcher with time will give us more insight for the choice. <br><br> |
| | + | Known downside of MSCs-- its life span is not as long as we preferred—have us hesitate. However, regarding the immunoregulatory capacity of Mesenchymal stem cells (MSCs) and the fact that it has been widely used in many cell therapies, MSCs, in this case, become top choice for us. DCs are considered because of its antitumor immunity and the cases of Dendritic cell-based immunotherapy. </p><br> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:40px;">2. Mechanism for erasing all reporter cells in users is necessary.</p><br> |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">Dr. Chang strongly recommended that we design a mechanism for wiping out the reporter cells introduced in user when we ignorantly think that the reporter cell is harmless and shortly mortal while overlook the importance of biosafety and the possible allergy responses in users. Therefore, we introduce <a id="myLink"><u>AID</u></a>, the auxin-inducible degradation system, in which targets are degraged in response to auxin, into the design of BioWatcher.</p> |
| | + | |
| | + | <p class="w3-justify"><a id="myLink"><u>Read more about our Biosafety design.</u></a> |
| | + | |
| | + | |
| | + | |
| | + | <p class="w3-justify" style="font-size:40px;"><b>Reference: </b></h1> |
| | + | <p class="w3-justify" style="font-size:25px;">1. De Miguel MP, Fuentes-Julián S et al. (2012) “Immunosuppressive properties of mesenchymal stem cells: advances and applications.”</p> |
| | + | <p class="w3-justify" style="font-size:25px;">2. Anguille S, Smits EL et al. (2014) “Clinical use of dendritic cells for cancer therapy.”</p> |
| | + | |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </article> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <article class="strips__strip"> |
| | + | <div class="strip__content"> |
| | + | <h1 class="strip__title" data-name="Sit">Collaborations</h1> |
| | + | <div class="strip__inner-text"> |
| | + | <p class="w3-center" style="font-size:60px;">Team Collaboration</p> |
| | + | <br><br> |
| | + | <p class="w3-center" style="font-size:20px;"> We had several meetings with 2018 iGEM team NTHU_Taiwan since August 3rd to troubleshoot their problem on making constructs. |
| | + | <br><br> |
| | + | Earlier before the meeting, NTHU_Taiwan designed the gene of insert for their experiment. After getting the synthesized gene part from IDT and digesting both the inserts and the vectors, they proceeded to ligation, which failed after times they tried. <br><br> |
| | + | |
| | + | During the discussion, the design of the gene, cutting site and many other aspects are checked by us and appeared to be just fine. Later we concluded that the failing of ligation is due to low concentration of the inserts left following digestion and purification.<br><br> |
| | + | |
| | + | To avoid the digestion and purification steps, which caused the loss of their inserts, we re-designed primers for them and suggested NEBuilder Assembly kit for ligation. The kit requires lower DNA input and can save time by avoiding PCR amplification steps. Gladly, team NTHU_Taiwan successfully made all three constructs they needed-- pSB1C3 - AHL snesor - Anti – STAR, pSB1C3 - pLac – STAR, pSB1C3 - pLux – GFP—following our instructions.2018.08.03</p> |
| | + | <p> |
| | + | <a href="https://twitter.com/ettrics" target="_blank"><i class="fa fa-twitter"></i></a> |
| | + | </p> |
| | + | |
| | + | <p class="w3-center" style="font-size:40px;">Wiki Page</p> |
| | + | |
| | + | |
| | + | <p class="w3-center" style="font-size:20px;">Since building wiki pages is unfamiliar to our team, on August 24th , team NCTU_Formosa gave us a tutorial about html.</p><br> |
| | + | |
| | + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/f/fe/T--NTHU_Formosa--NCTU01.jpg" align=left style="width:55%;margin:20px 20px;box-shadow:3px 3px 12px gray;";> |
| | + | |
| | + | <p class="w3-justify" style="font-size:20px;">During the tutorial, we learned:</p> |
| | + | <p class="w3-justify" style="font-size:15px;">1.Basic tags and elements for html</p> |
| | + | <p class="w3-justify" style="font-size:15px;">2.Image scale and website format adjustment</p> |
| | + | <p class="w3-justify" style="font-size:15px;">3.Styling html with CSS and JavaScript</p> |
| | + | <p class="w3-justify" style="font-size:15px;">4.Conversion of websites in PC and mobile version</p><br> |
| | + | |
| | + | <br><br><br><br> |
| | + | |
| | + | |
| | + | <p class="w3-center" style="font-size:20px;">Thanks to NCTU_Formosa’s guidance, discussion and their generosity to assist our problems through messeges after the meetup, the wiki page we expected can be built successfully by a team composing of biology background. We both learned a lot from each other.</p><br> |
| | + | |
| | + | |
| | + | <img class="w3-round-large" src="https://static.igem.org/mediawiki/2018/2/25/T--NTHU_Formosa--%E4%BA%A4%E5%A4%A702.jpg" align=center style="width:70%;margin:20px 20px;box-shadow:3px 3px 12px gray;";> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </article> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <i class="fa fa-close strip__close"></i> |
| | + | </section> |
| | + | <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> |
| | + | |
| | + | |
| | + | |
| | + | <script type="text/javascript"> |
| | + | var Expand = (function() { |
| | + | var tile = $('.strips__strip'); |
| | + | var tileLink = $('.strips__strip > .strip__content'); |
| | + | var tileText = tileLink.find('.strip__inner-text'); |
| | + | var stripClose = $('.strip__close'); |
| | + | |
| | + | var expanded = false; |
| | + | |
| | + | var open = function() { |
| | + | |
| | + | var tile = $(this).parent(); |
| | + | |
| | + | if (!expanded) { |
| | + | tile.addClass('strips__strip--expanded'); |
| | + | // add delay to inner text |
| | + | tileText.css('transition', 'all .5s .3s cubic-bezier(0.23, 1, 0.32, 1)'); |
| | + | stripClose.addClass('strip__close--show'); |
| | + | stripClose.css('transition', 'all .6s 1s cubic-bezier(0.23, 1, 0.32, 1)'); |
| | + | expanded = true; |
| | + | } |
| | + | }; |
| | + | |
| | + | var close = function() { |
| | + | if (expanded) { |
| | + | tile.removeClass('strips__strip--expanded'); |
| | + | // remove delay from inner text |
| | + | tileText.css('transition', 'all 0.15s 0 cubic-bezier(0.23, 1, 0.32, 1)'); |
| | + | stripClose.removeClass('strip__close--show'); |
| | + | stripClose.css('transition', 'all 0.2s 0s cubic-bezier(0.23, 1, 0.32, 1)') |
| | + | expanded = false; |
| | + | } |
| | + | } |
| | + | |
| | + | var bindActions = function() { |
| | + | tileLink.on('click', open); |
| | + | stripClose.on('click', close); |
| | + | }; |
| | + | |
| | + | var init = function() { |
| | + | bindActions(); |
| | + | }; |
| | + | |
| | + | return { |
| | + | init: init |
| | + | }; |
| | + | |
| | + | }()); |
| | + | |
| | + | Expand.init();</script> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </body> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!-- Trigger/Open The Modal --> |
| | + | <!-- <a id="myLink"><u>Open Modal</u></a> --> |
| | + | |
| | + | <!-- The Modal Box--> |
| | + | <div id="myModal" class="modal"> |
| | + | <!-- Modal content --> |
| | + | <div class="modal-content"> |
| | + | <span class="close">×</span> |
| | + | <p>Description text in the box. Image can also be included</p> |
| | + | </div> |
| | </div> | | </div> |
| | + | |
| | + | <!-- Modal script, DO NOT MODIFY!!! --> |
| | + | <script> |
| | + | // Get the modal |
| | + | var modal = document.getElementById('myModal'); |
| | + | // Get the hyperlink |
| | + | var link = document.getElementById("myLink"); |
| | + | // // When the user clicks the hyperlink, open the modal |
| | + | link.onclick = function() { |
| | + | modal.style.display = "block"; |
| | + | } |
| | + | // Get the <span> element that closes the modal |
| | + | var span = document.getElementsByClassName("close")[0]; |
| | + | // When the user clicks on <span> (x), close the modal |
| | + | span.onclick = function() { |
| | + | modal.style.display = "none"; |
| | + | } |
| | + | |
| | + | // When the user clicks anywhere outside of the modal, close it |
| | + | window.onclick = function(event) { |
| | + | if (event.target == modal) { |
| | + | modal.style.display = "none"; |
| | + | } |
| | + | } |
| | + | </script> |
| | + | |
| | + | </html> |
