Oscarliu117 (Talk | contribs) |
Jenny860831 (Talk | contribs) |
||
(47 intermediate revisions by 4 users not shown) | |||
Line 5: | Line 5: | ||
<head> | <head> | ||
<link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/HP_Integrated_Human_Practices_style?action=raw&ctype=text/css"> | <link rel="stylesheet" href="https://2018.igem.org/Template:NCKU_Tainan/css/HP_Integrated_Human_Practices_style?action=raw&ctype=text/css"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Concert+One" rel="stylesheet"> | ||
+ | |||
</head> | </head> | ||
<body data-spy="scroll" data-target=".navbar-example"> | <body data-spy="scroll" data-target=".navbar-example"> | ||
− | < | + | <div class="container content"> |
− | + | <div class="headstyle"> | |
− | <div class=" | + | <h1 class="head">Education & Public Engagement</h1> |
+ | </div> | ||
+ | <div class="righttitle"> | ||
+ | <h7 class="subtitle">Impact Inspire Influence </h7> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<div class="navbar-example"> | <div class="navbar-example"> | ||
<div class="row"> | <div class="row"> | ||
<div class="col-2 side"> | <div class="col-2 side"> | ||
− | <div id="sidelist" class="list- | + | <div id="sidelist" class="list-group"> |
− | <a class="list-group-item list-group-item-action" href="# | + | <a class="list-group-item list-group-item-action" href="#Education">Education</a> |
− | <a class="list-group-item list-group-item-action" href="# | + | <a class="list-group-item list-group-item-action" href="#Public_Engagement">Public Engagement</a> |
<a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" | <a class="list-group-item list-group-item-action" href="#"><i class="fa fa-arrow-up fa-1x" | ||
aria-hidden="true"></i></a> | aria-hidden="true"></i></a> | ||
Line 31: | Line 31: | ||
<div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example"> | <div data-spy="scroll" data-target="#sidelist" data-offset="0" class="scrollspy-example"> | ||
− | <div id=" | + | <div id="Education"> |
− | + | ||
− | + | ||
<h3>Education</h3></br> | <h3>Education</h3></br> | ||
<div class="card"> | <div class="card"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/ | + | <img src="https://static.igem.org/mediawiki/2018/3/3b/T--NCKU_Tainan--iGEM_Promotion_in_Hui-Wen_High-School.jpg" |
class="left"> | class="left"> | ||
</div> | </div> | ||
<div class="right"> | <div class="right"> | ||
<h1>iGEM Promotion in Hui-Wen High-School</h1> | <h1>iGEM Promotion in Hui-Wen High-School</h1> | ||
− | <div id="cardtext">NCKU | + | <div id="cardtext"> |
− | + | NCKU Spring medical speech is an annual One-Day-camp for the high school | |
− | students | + | students who is interested in medical school in Taiwan. After the speech, many |
+ | students showed their interest on iGEM. | ||
+ | </div> | ||
</div> | </div> | ||
<h9>21</h9> | <h9>21</h9> | ||
Line 70: | Line 70: | ||
<p class="hpcontent"> | <p class="hpcontent"> | ||
− | May 2018, | + | May 2018, NCKU_Tainan team went to HWSH to promote synthetic biology |
and our iGEM project. 20 | and our iGEM project. 20 | ||
− | students joined this program. | + | students joined this program. Most of them enjoyed the interesting |
− | had never tried before. | + | experiment they had never tried before. |
</p> | </p> | ||
Line 82: | Line 82: | ||
<p class="hpcontent"> | <p class="hpcontent"> | ||
Taichung municipal Hui-Wen High school is a senior high school located | Taichung municipal Hui-Wen High school is a senior high school located | ||
− | in central Taiwan. The | + | in central of Taiwan. The |
− | student | + | student in HWSH is various to other high school,which embrace |
+ | astronomy, | ||
biology, and science learning. | biology, and science learning. | ||
Their school educational program involves international exchange | Their school educational program involves international exchange | ||
programs, clubs, science fair, | programs, clubs, science fair, | ||
− | which are | + | which are flipped classrooms in Taiwanese education system. |
</p> | </p> | ||
− | <p class=" | + | <p class="boldh5"> |
How We Proceed ? | How We Proceed ? | ||
</p> | </p> | ||
− | + | <br> | |
<p class="hpcontent"> | <p class="hpcontent"> | ||
Before 5/21, we have contacted teachers in HWSH. Their teacher | Before 5/21, we have contacted teachers in HWSH. Their teacher | ||
Line 99: | Line 100: | ||
biology classes (08:00-10:00). Three of our members participated in | biology classes (08:00-10:00). Three of our members participated in | ||
this program. We shared our | this program. We shared our | ||
− | college life | + | college life and demonstrated how our training from out major |
contributed to our project in | contributed to our project in | ||
the team at first. We then introduced iGEM and the job of four | the team at first. We then introduced iGEM and the job of four | ||
Line 125: | Line 126: | ||
</p> | </p> | ||
− | <p class=" | + | <p class="boldh5"> |
Feedback | Feedback | ||
</p> | </p> | ||
− | + | <br> | |
<p class="hpcontent"> | <p class="hpcontent"> | ||
This high school education program aims to share our project and the | This high school education program aims to share our project and the | ||
Line 146: | Line 147: | ||
</p> | </p> | ||
− | < | + | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/4/40/T--NCKU_Tainan--home_DSC_1284_%281%29_%281%29.jpg"> |
+ | |||
</div> | </div> | ||
Line 275: | Line 277: | ||
</p> | </p> | ||
+ | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/c/ce/T--NCKU_Tainan--home_IMG_9854_%281%29.jpg"> | ||
− | |||
</div> | </div> | ||
Line 288: | Line 290: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="Public_Engagement"> |
− | + | ||
− | + | ||
<h3>Public Engagement</h3></br> | <h3>Public Engagement</h3></br> | ||
<div class="card"> | <div class="card"> | ||
<div class="thumbnail"> | <div class="thumbnail"> | ||
− | <img src="https://static.igem.org/mediawiki/2018/6/ | + | <img src="https://static.igem.org/mediawiki/2018/1/1d/T--NCKU_Tainan--home_IMG_6717%281%29.jpg" |
+ | class="left"> | ||
+ | </div> | ||
+ | <div class="right"> | ||
+ | <h1>Meeting with NCKU President | ||
+ | </h1> | ||
+ | <div id="cardtext"> | ||
+ | “Not to always think about what medal you will get in the end, | ||
+ | the only thing you need to do is to make all-out effort to fulfill the project. | ||
+ | The most important thing is what you learn during the journey. ” president | ||
+ | said. | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" | ||
+ | data-target="#MUNCKU"><a>Read | ||
+ | More</a></div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="MUNCKU" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" | ||
+ | aria-hidden="true"> | ||
+ | <div class="modal-dialog" role="document"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h5 class="modal-title" id="exampleModalLongTitle">Meeting with | ||
+ | NCKU President | ||
+ | </h5> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | ||
+ | <span aria-hidden="true">×</span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | <div class="modal-body"> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | March 12, 2018 | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | Today, we were so glad to have lunch with our president Dr. | ||
+ | Huey-Jen Jenny Su from NCKU. Our | ||
+ | meeting time was the day before our semester presentation, | ||
+ | so we were excited to tell the president | ||
+ | what we going to do. Since the president has been our | ||
+ | important support from the first year of | ||
+ | igem-NCKU three years ago, we had a great time about | ||
+ | introducing all the 2018 team members to | ||
+ | president. We mentioned about why we want to join the igem | ||
+ | competition and what we expect to do in | ||
+ | the following 6 months. After listening our background and | ||
+ | some challenges we may face, she showed | ||
+ | a lot of concerned and gave us a lot of advises which | ||
+ | really encourage us. | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | “Not to always think about what medal you will get in the | ||
+ | end, the only thing you need to do is to | ||
+ | make all-out effort to fulfill the project. The most | ||
+ | important thing is what you learn during the | ||
+ | journey. ” president said.It was a great lunch talk. All of | ||
+ | us will keep in mind what the president | ||
+ | told us. | ||
+ | |||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | September 6, 2018 | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | Through the 8 months passed, we have output some wet | ||
+ | results , constructed dry models and went | ||
+ | through some HP activities. In this meeting with NCKU | ||
+ | president, we reported our current schedule | ||
+ | for the president. Since our president Dr. Huey-Jen Jenny | ||
+ | Su from NCKU have research experience | ||
+ | which is related to our project content, she reminded us of | ||
+ | what we have more care about and where | ||
+ | we can do more well. | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | Dr. Huey-Jen Jenny Su from NCKU gave us many support about | ||
+ | the iGEM competition, which let us do | ||
+ | the project more smoothly. We appreciate everyone who helps | ||
+ | and gives us recommendations to improve | ||
+ | our project. With president's help and advice, we know more | ||
+ | about what we can do and work hard in | ||
+ | less than two months. | ||
+ | </p> | ||
+ | |||
+ | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/f/f5/T--NCKU_Tainan--home_NCKU.jpg"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div class="card"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/31/T--NCKU_Tainan--home_IMG_8642_%281%29.jpg" | ||
+ | class="left"> | ||
+ | </div> | ||
+ | <div class="right"> | ||
+ | <h1>2018 NCKU Bike Festival</h1> | ||
+ | <div id="cardtext"> | ||
+ | NCKU Bike Festival is a famous activity for NCKU to exhibit and introduce every | ||
+ | college department to south Taiwan senior high students. We seize this chance | ||
+ | to make an effort to expose iGEM to people. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h9>3</h9> | ||
+ | <h6>MAR</h6> | ||
+ | <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" | ||
+ | data-target="#NBF"><a>Read | ||
+ | More</a></div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="NBF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" | ||
+ | aria-hidden="true"> | ||
+ | <div class="modal-dialog" role="document"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h5 class="modal-title" id="exampleModalLongTitle">2018 NCKU | ||
+ | Bike Festival</h5> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | ||
+ | <span aria-hidden="true">×</span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | <div class="modal-body"> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | NCKU Bike Festival is a famous activity for NCKU to exhibit | ||
+ | and introduce every college department | ||
+ | to south Taiwan senior high students. We seized this chance | ||
+ | to make an effort to expose iGEM to | ||
+ | people. | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | What we done are as follows: | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent">Designing a synthetic biology – related game for them | ||
+ | to | ||
+ | play.</p> | ||
+ | <p class="hpcontent">Explaining what iGEM is for everyone.</p> | ||
+ | <p class="hpcontent">Using Facebook and intasgram for the lucky draw | ||
+ | on-the-spot | ||
+ | to enhance event delight.</p> | ||
+ | <p class="hpcontent">Inquiring people’s comments about our idea.</p> | ||
+ | <p class="hpcontent">designing biological-related game for students.</p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | We hope that we can use interesting games and community | ||
+ | interaction to let | ||
+ | students know what synthetic biology is. Also, it is a | ||
+ | great opportunity to let more NCKU students | ||
+ | and | ||
+ | high school student know there is such an awesome | ||
+ | competition in Boston. As for our team, we | ||
+ | enjoyed | ||
+ | all process during iGEM competition period! | ||
+ | </p> | ||
+ | |||
+ | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/f/f3/T--NCKU_Tainan--nckubike.jpeg"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="card"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/95/T--NCKU_Tainan--clubfair.jpeg" | ||
class="left"> | class="left"> | ||
</div> | </div> | ||
<div class="right"> | <div class="right"> | ||
<h1>2018 Club Fair</h1> | <h1>2018 Club Fair</h1> | ||
− | <div id="cardtext">iGEM NCKU | + | <div id="cardtext"> |
− | + | In the NCKU club fair, we went around to promote iGEM NCKU and explain our | |
+ | research space presently such that more students get interest in what iGEM is. | ||
+ | </div> | ||
</div> | </div> | ||
<h9>7</h9> | <h9>7</h9> | ||
Line 353: | Line 540: | ||
</p> | </p> | ||
− | < | + | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/7/7c/T--NCKU_Tainan--clubfair2.jpeg"> |
+ | |||
</div> | </div> | ||
Line 359: | Line 547: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="card"> | ||
+ | <div class="thumbnail"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a1/T--NCKU_Tainan--home_IMG_8890_%281%29.jpg" | ||
+ | class="left"> | ||
+ | </div> | ||
+ | <div class="right"> | ||
+ | <h1>2018 The First Presentation</h1> | ||
+ | <div id="cardtext"> | ||
+ | On March 13, we had our first presentation about our brainstorming. We | ||
+ | presented our brainstorming in order to let people and professors to realize | ||
+ | our idea and vote one of our idea to become our final project. | ||
+ | </div> | ||
+ | </div> | ||
+ | <h9>13</h9> | ||
+ | <h6>MAR</h6> | ||
+ | <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" | ||
+ | data-target="#TFP"><a>Read | ||
+ | More</a></div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Modal --> | ||
+ | <div class="modal fade" id="TFP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" | ||
+ | aria-hidden="true"> | ||
+ | <div class="modal-dialog" role="document"> | ||
+ | <div class="modal-content"> | ||
+ | <div class="modal-header"> | ||
+ | <h5 class="modal-title" id="exampleModalLongTitle">2018 The | ||
+ | First Presentation</h5> | ||
+ | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | ||
+ | <span aria-hidden="true">×</span> | ||
+ | </button> | ||
+ | </div> | ||
+ | |||
+ | <div class="modal-body"> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | On March 13, we had our first presentation about our | ||
+ | brainstorming. We presented our brainstorming | ||
+ | in order to let people and professors to realize our idea | ||
+ | and vote one of our idea to become our | ||
+ | final project. | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | We had three topics, including cleaning up oil spill, | ||
+ | detection of pathogens and carbon capture. | ||
+ | Each group had twenty minutes to present their idea, then | ||
+ | we entered the Q&A stage, which made each | ||
+ | group more realize their problem and blind spot so that | ||
+ | they had do more work and brainstorming to | ||
+ | solve these problem. | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | After our presentation, we obtained lots of feedback. In | ||
+ | addition, we met NCTU iGEM team after our | ||
+ | semester presentation. We had our dinner together and | ||
+ | talked about our project. Since NCTU team and | ||
+ | we hadn’t set our mind on solving specific problem, we made | ||
+ | some wide discussion about agricultural | ||
+ | and environmental issues in Taiwan. We also talked about | ||
+ | our team composition the way how we | ||
+ | recruit our team members. | ||
+ | </p> | ||
+ | |||
+ | <p class="hpcontent"> | ||
+ | We had a pleasant time exchanging our ideas and chatting | ||
+ | with each other. We believed that we could | ||
+ | build up cooperation relationship in the iGEM competition. | ||
+ | </p> | ||
+ | |||
+ | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/8/83/T--NCKU_Tainan--home_IMG_8718_%281%29.jpg"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
<div class="card"> | <div class="card"> | ||
Line 441: | Line 709: | ||
</p> | </p> | ||
− | < | + | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/d/dd/T--NCKU_Tainan--home_DSC02767.JPG"> |
− | + | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="card"> | |
− | + | <div class="thumbnail"> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/0/02/T--NCKU_Tainan--ITRI.png" class="left"> | |
− | + | </div> | |
− | + | <div class="right"> | |
− | + | <h1>Visit Biotechnology Green Energy Expo</h1> | |
− | + | <div id="cardtext"> | |
− | + | We participated in the Biotechnology Green Energy Expo.There are many stands | |
− | + | about the biotechnology product. After this visit, we realize that we have to | |
− | + | more understand our product strengths, potential client and other resources | |
− | + | which benefit our idea. | |
− | + | </div> | |
− | + | </div> | |
− | + | <h9>6</h9> | |
− | + | <h6>OCT</h6> | |
− | + | <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal" | |
+ | data-target="#IGEM"><a>Read | ||
+ | More</a></div> | ||
+ | </div> | ||
− | + | <!-- Modal --> | |
− | + | <div class="modal fade" id="IGEM" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" | |
− | + | aria-hidden="true"> | |
− | + | <div class="modal-dialog" role="document"> | |
− | + | <div class="modal-content"> | |
− | + | <div class="modal-header"> | |
− | + | <h5 class="modal-title" id="exampleModalLongTitle">Visit Biotechnology | |
− | + | Green Energy Expo</h5> | |
− | + | <button type="button" class="close" data-dismiss="modal" aria-label="Close"> | |
− | + | <span aria-hidden="true">×</span> | |
− | + | </button> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
− | <div class=" | + | <div class="modal-body"> |
− | < | + | <p class="hpcontent"> |
− | + | On October, 6 Our team participated in the Biotechnology Green Energy | |
− | + | Expo. There are many stands which could be divided into Biotechnology, | |
− | + | Green energy and Innovative production. In addition, we also joined the | |
− | + | NEP-II Technology Workshop and Matchmaking Conference. | |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <p class="hpcontent"> | |
− | + | We chose Multi-fuel pure oxygen combustion reduction and Advanced | |
− | + | carbon capture combustion technology which have closely related to our | |
− | < | + | project. Interestingly, we found that in the such business matchmaking |
− | + | conference involved in many vendor, most of them focused more on what | |
− | + | benefit they create rather than the detailed technology process. | |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <p class="hpcontent"> | |
+ | It is important that when we want to apply our projects in practice, we | ||
+ | have to understand our product strengths, potential client and other | ||
+ | resources which benefit our idea. Besides, using the government | ||
+ | resources to receive subsidies also can make our research go more well | ||
+ | , and improve our product visibility at the same time. | ||
+ | </p> | ||
− | + | <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/8/85/T--NCKU_Tainan--ITRI2.png"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 712: | Line 788: | ||
+ | <style> | ||
+ | .head { | ||
+ | width: 80% !important; | ||
+ | } | ||
+ | |||
+ | h3 { | ||
+ | line-height: 50px !important; | ||
+ | } | ||
+ | |||
+ | .list-group { | ||
+ | margin-top: 100px; | ||
+ | } | ||
+ | .list-group-item { | ||
+ | margin: 10px 0 !important; | ||
+ | } | ||
+ | </style> | ||
<script> | <script> | ||
$(document).ready(function () { | $(document).ready(function () { | ||
$(window).scroll(function () { | $(window).scroll(function () { | ||
− | if ($(this).scrollTop() >= | + | if ($(this).scrollTop() >= 500) { |
var position = $("#sidelist").position(); | var position = $("#sidelist").position(); | ||
if (position == undefined) {} else { | if (position == undefined) {} else { | ||
Line 741: | Line 833: | ||
</script> | </script> | ||
− | <script src="https:// | + | <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&ctype=text/javascript"></script> |
<script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&ctype=text/javascript"></script> | ||
</div> | </div> |
Latest revision as of 00:07, 18 October 2018