Difference between revisions of "Team:NCKU Tainan/Public Engagement"

 
(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">
  
     <header>
+
     <div class="container content">
        <div class="carousel-inner" role="listbox">
+
            <div class="headstyle">
             <div class="carousel-item active" style="background-image: url('http://placehold.it/1900x1080')">
+
                <h1 class="head">Education & Public Engagement</h1>
 +
            </div>
 +
             <div class="righttitle">
 +
                <h7 class="subtitle">Impact  Inspire  Influence  </h7>
 
             </div>
 
             </div>
        </div>
 
    </header>
 
 
    <div class="container content">
 
        <h1 class="head">Integrated Human Practices</h1>
 
 
         <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-Fgroup">
+
                     <div id="sidelist" class="list-group">
                         <a class="list-group-item list-group-item-action" href="#list-item-1">Education</a>
+
                         <a class="list-group-item list-group-item-action" href="#Education">Education</a>
                         <a class="list-group-item list-group-item-action" href="#list-item-2">Public Engagement</a>
+
                         <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="list-item-1">
+
                         <div id="Education">
 
+
                            </br></br></br></br>
+
 
                             <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/4/40/T--NCKU_Tainan--home_DSC_1284_%281%29_%281%29.jpg"
+
                                     <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 x Tainan team went to HWSH to promote synthetic biology and
+
                                     <div id="cardtext">
                                         our iGEM project. 20
+
                                        NCKU Spring medical speech is an annual One-Day-camp for the high school
                                         students joined this program. </div>
+
                                         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, NCKU x Tainan team went to HWSH to promote synthetic biology
+
                                                 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. They really enjoyed the experiment they
+
                                                 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 of HWSH, various to other high school, embrace astronomy,
+
                                                 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 rare in normal Taiwanese education system.
+
                                                 which are flipped classrooms in Taiwanese education system.
 
                                             </p>
 
                                             </p>
  
                                             <p class="hpcontent">
+
                                             <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 in NCKU and demonstrated how our training from out major
+
                                                 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="hpcontent">
+
                                             <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>
  
                                             <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/1/17/T--NCKU_Tainan--home_20180521_180521_0029.jpg')"></div>
+
                                             <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 class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/c/ce/T--NCKU_Tainan--home_IMG_9854_%281%29.jpg')"></div>
 
 
                                         </div>
 
                                         </div>
  
Line 288: Line 290:
 
                         </div>
 
                         </div>
  
                         <div id="list-item-2">
+
                         <div id="Public_Engagement">
 
+
                            </br></br></br></br>
+
 
                             <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/63/T--NCKU_Tainan--home_S_28879180_1646794312083034_903553736_o.jpg"
+
                                     <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">&times;</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">&times;</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 has applied for becoming a synthetic biology cub in
+
                                     <div id="cardtext">
                                         NCKU.</div>
+
                                        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>
  
                                             <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/6/63/T--NCKU_Tainan--home_S_28879180_1646794312083034_903553736_o.jpg')"></div>
+
                                             <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">&times;</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>
  
                                             <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/d/dd/T--NCKU_Tainan--home_DSC02767.JPG')"></div>
+
                                             <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/d/dd/T--NCKU_Tainan--home_DSC02767.JPG">
                                        </div>
+
  
                                        <div class="card">
 
                                            <div class="thumbnail">
 
                                                <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">We had meet up with our president Dr. Huey-Jen Jenny
 
                                                    Su from NCKU.</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>
 
                                         </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">&times;</span>
 
                                                        </button>
 
                                                    </div>
 
  
                                                    <div class="modal-body">
 
  
                                                        <p class="hpcontent">
+
                                    </div>
                                                            March 12, 2018
+
                                </div>
                                                        </p>
+
                            </div>
  
                                                        <p class="hpcontent">
+
                            <div class="card">
                                                            Today, we were so glad to have lunch with our president Dr.
+
                                <div class="thumbnail">
                                                            Huey-Jen Jenny Su from NCKU. Our
+
                                    <img src="https://static.igem.org/mediawiki/2018/0/02/T--NCKU_Tainan--ITRI.png" class="left">
                                                            meeting time was the day before our semester presentation,
+
                                </div>
                                                            so we were excited to tell the president
+
                                <div class="right">
                                                            what we going to do. Since the president has been our
+
                                    <h1>Visit Biotechnology Green Energy Expo</h1>
                                                            important support from the first year of
+
                                    <div id="cardtext">
                                                            igem-NCKU three years ago, we had a great time about
+
                                        We participated in the Biotechnology Green Energy Expo.There are many stands
                                                            introducing all the 2018 team members to
+
                                        about the biotechnology product. After this visit, we realize that we have to
                                                            president. We mentioned about why we want to join the igem
+
                                        more understand our product strengths, potential client and other resources
                                                            competition and what we expect to do in
+
                                        which benefit our idea.
                                                            the following 6 months. After listening our background and
+
                                    </div>
                                                            some challenges we may face, she showed
+
                                </div>
                                                            a lot of concerned and gave us a lot of advises which
+
                                <h9>6</h9>
                                                            really encourage us.
+
                                <h6>OCT</h6>
                                                        </p>
+
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#IGEM"><a>Read
 +
                                        More</a></div>
 +
                            </div>
  
                                                        <p class="hpcontent">
+
                            <!-- Modal -->
                                                            “Not to always think about what medal you will get in the
+
                            <div class="modal fade" id="IGEM" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                                            end, the only thing you need to do is to
+
                                aria-hidden="true">
                                                            make all-out effort to fulfill the project. The most
+
                                <div class="modal-dialog" role="document">
                                                            important thing is what you learn during the
+
                                    <div class="modal-content">
                                                            journey. ” president said.It was a great lunch talk. All of
+
                                        <div class="modal-header">
                                                            us will keep in mind what the president
+
                                            <h5 class="modal-title" id="exampleModalLongTitle">Visit Biotechnology
                                                            told us.
+
                                                Green Energy Expo</h5>
 
+
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                        </p>
+
                                                <span aria-hidden="true">&times;</span>
 
+
                                             </button>
                                                        <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>
+
 
+
                                                        <div class="carousel-item active" style="background-image: url('https://2018.igem.org/File:T--NCKU_Tainan--home_S_9347119.jpg')"></div>
+
                                                    </div>
+
 
+
                                                </div>
+
                                             </div>
+
 
                                         </div>
 
                                         </div>
  
                                         <div class="card">
+
                                         <div class="modal-body">
                                             <div class="thumbnail">
+
                                             <p class="hpcontent">
                                                 <img src="https://static.igem.org/mediawiki/2018/3/31/T--NCKU_Tainan--home_IMG_8642_%281%29.jpg"
+
                                                 On October, 6 Our team participated in the Biotechnology Green Energy
                                                    class="left">
+
                                                 Expo. There are many stands which could be divided into Biotechnology,
                                            </div>
+
                                                 Green energy and Innovative production. In addition, we also joined the
                                            <div class="right">
+
                                                 NEP-II Technology Workshop and Matchmaking Conference.
                                                 <h1>2018 NCKU Bike Festival</h1>
+
                                            </p>
                                                 <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.</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 -->
+
                                             <p class="hpcontent">
                                        <div class="modal fade" id="NBF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
+
                                                 We chose Multi-fuel pure oxygen combustion reduction and Advanced
                                            aria-hidden="true">
+
                                                carbon capture combustion technology which have closely related to our
                                             <div class="modal-dialog" role="document">
+
                                                project. Interestingly, we found that in the such business matchmaking
                                                 <div class="modal-content">
+
                                                conference involved in many vendor, most of them focused more on what
                                                    <div class="modal-header">
+
                                                benefit they create rather than the detailed technology process.
                                                        <h5 class="modal-title" id="exampleModalLongTitle">2018 NCKU
+
                                            </p>
                                                            Bike Festival</h5>
+
                                                        <button type="button" class="close" data-dismiss="modal"
+
                                                            aria-label="Close">
+
                                                            <span aria-hidden="true">&times;</span>
+
                                                        </button>
+
                                                    </div>
+
  
                                                    <div class="modal-body">
+
                                            <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>
  
                                                        <p class="hpcontent">
+
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/8/85/T--NCKU_Tainan--ITRI2.png">
                                                            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>
+
 
+
                                                        <li>Designing a synthetic biology – related game for them to
+
                                                            play.</li>
+
                                                        <li>Explaining what iGEM is for everyone.</li>
+
                                                        <li>Using Facebook and intasgram for the lucky draw on-the-spot
+
                                                            to enhance event delight.</li>
+
                                                        <li>Inquiring people’s comments about our idea.</li>
+
                                                        <li>designing biological-related game for students.</li>
+
 
+
                                                        <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>
+
 
+
                                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/7/7d/T--NCKU_Tainan--home_IMG_8492_%281%29.jpg')"></div>
+
                                                    </div>
+
 
+
                                                </div>
+
                                            </div>
+
 
                                         </div>
 
                                         </div>
 
                                        <div class="card">
 
                                            <div class="thumbnail">
 
                                                <img src="https://static.igem.org/mediawiki/2018/5/59/T--NCKU_Tainan--home_IMG_7547_%281%29.JPG"
 
                                                    class="left">
 
                                            </div>
 
                                            <div class="right">
 
                                                <h1>2018 The First Presentation</h1>
 
                                                <div id="cardtext">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">&times;</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>
 
 
 
                                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/8/83/T--NCKU_Tainan--home_IMG_8718_%281%29.jpg')"></div>
 
                                                    </div>
 
 
                                                </div>
 
                                            </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() >= 800) {
+
                     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://2017.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
+
         <script src="https://2018.igem.org/Team:NCKU_Tainan/js/frame/T--NCKU_Tainan--jquery-1_12_4_min_js?action=raw&amp;ctype=text/javascript"></script>
 
         <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 
         <script src="https://2018.igem.org/Template:NCKU_Tainan/js/bootstrap_min_js?action=raw&amp;ctype=text/javascript"></script>
 
     </div>
 
     </div>

Latest revision as of 00:07, 18 October 2018

Education & Public Engagement

Impact Inspire Influence
Follow us

Contact us

igem.ncku.tainan@gmail.com
No.1, Daxue Rd., East Dist., Tainan City 701, Taiwan (R.O.C.)