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

Line 444: Line 444:
 
                                         </div>
 
                                         </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>
 
  
                                        <!-- 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">
+
                                    </div>
 +
                                </div>
 +
                            </div>
  
                                                        <p class="hpcontent">
+
                            <div class="card">
                                                            March 12, 2018
+
                                <div class="thumbnail">
                                                        </p>
+
                                    <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>
  
                                                        <p class="hpcontent">
+
                            <!-- Modal -->
                                                            Today, we were so glad to have lunch with our president Dr.
+
                            <div class="modal fade" id="MUNCKU" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                                            Huey-Jen Jenny Su from NCKU. Our
+
                                aria-hidden="true">
                                                            meeting time was the day before our semester presentation,
+
                                <div class="modal-dialog" role="document">
                                                            so we were excited to tell the president
+
                                    <div class="modal-content">
                                                            what we going to do. Since the president has been our
+
                                        <div class="modal-header">
                                                            important support from the first year of
+
                                            <h5 class="modal-title" id="exampleModalLongTitle">Meeting with
                                                            igem-NCKU three years ago, we had a great time about
+
                                                NCKU President
                                                            introducing all the 2018 team members to
+
                                            </h5>
                                                            president. We mentioned about why we want to join the igem
+
                                            <button type="button" class="close" data-dismiss="modal"
                                                            competition and what we expect to do in
+
                                                aria-label="Close">
                                                            the following 6 months. After listening our background and
+
                                                <span aria-hidden="true">&times;</span>
                                                            some challenges we may face, she showed
+
                                            </button>
                                                            a lot of concerned and gave us a lot of advises which
+
                                        </div>
                                                            really encourage us.
+
                                                        </p>
+
  
                                                        <p class="hpcontent">
+
                                        <div class="modal-body">
                                                            “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">
 +
                                                March 12, 2018
 +
                                            </p>
  
                                                        <p class="hpcontent">
+
                                            <p class="hpcontent">
                                                            September 6, 2018
+
                                                Today, we were so glad to have lunch with our president Dr.
                                                        </p>
+
                                                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">
+
                                            <p class="hpcontent">
                                                            Through the 8 months passed, we have output some wet
+
                                                “Not to always think about what medal you will get in the
                                                            results , constructed dry models and went
+
                                                end, the only thing you need to do is to
                                                            through some HP activities. In this meeting with NCKU
+
                                                make all-out effort to fulfill the project. The most
                                                            president, we reported our current schedule
+
                                                important thing is what you learn during the
                                                            for the president. Since our president Dr. Huey-Jen Jenny
+
                                                journey. president said.It was a great lunch talk. All of
                                                            Su from NCKU have research experience
+
                                                us will keep in mind what the president
                                                            which is related to our project content, she reminded us of
+
                                                told us.
                                                            what we have more care about and where
+
                                                            we can do more well.
+
                                                        </p>
+
  
                                                        <p class="hpcontent">
+
                                            </p>
                                                            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>
+
                                            <p class="hpcontent">
                                                    </div>
+
                                                September 6, 2018
 +
                                            </p>
  
                                                 </div>
+
                                            <p class="hpcontent">
                                             </div>
+
                                                 Through the 8 months passed, we have output some wet
                                        </div>
+
                                                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="card">
+
                                             <div class="carousel-item active" style="background-image: url('https://2018.igem.org/File:T--NCKU_Tainan--home_S_9347119.jpg')"></div>
                                             <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.</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>
 
                                         </div>
  
                                        <!-- Modal -->
+
                                    </div>
                                        <div class="modal fade" id="NBF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
+
                                </div>
                                            aria-hidden="true">
+
                            </div>
                                            <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">
+
                            <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.</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>
  
                                                        <p class="hpcontent">
+
                            <!-- Modal -->
                                                            NCKU Bike Festival is a famous activity for NCKU to exhibit
+
                            <div class="modal fade" id="NBF" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                                            and introduce every college department
+
                                aria-hidden="true">
                                                            to south Taiwan senior high students. We seized this chance
+
                                <div class="modal-dialog" role="document">
                                                            to make an effort to expose iGEM to
+
                                    <div class="modal-content">
                                                            people.
+
                                        <div class="modal-header">
                                                        </p>
+
                                            <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>
  
                                                        <p class="hpcontent">
+
                                        <div class="modal-body">
                                                            What we done are as follows:
+
                                                        </p>
+
  
                                                        <li>Designing a synthetic biology – related game for them to
+
                                            <p class="hpcontent">
                                                            play.</li>
+
                                                NCKU Bike Festival is a famous activity for NCKU to exhibit
                                                        <li>Explaining what iGEM is for everyone.</li>
+
                                                and introduce every college department
                                                        <li>Using Facebook and intasgram for the lucky draw on-the-spot
+
                                                to south Taiwan senior high students. We seized this chance
                                                            to enhance event delight.</li>
+
                                                to make an effort to expose iGEM to
                                                        <li>Inquiring people’s comments about our idea.</li>
+
                                                people.
                                                        <li>designing biological-related game for students.</li>
+
                                            </p>
  
                                                        <p class="hpcontent">
+
                                            <p class="hpcontent">
                                                            We hope that we can use interesting games and community
+
                                                What we done are as follows:
                                                            interaction to let
+
                                            </p>
                                                            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>
+
                                            <li>Designing a synthetic biology – related game for them to
                                                    </div>
+
                                                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>
  
                                                </div>
+
                                             <p class="hpcontent">
                                             </div>
+
                                                We hope that we can use interesting games and community
                                        </div>
+
                                                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="card">
+
                                             <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 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>
 
                                         </div>
  
                                        <!-- Modal -->
+
                                    </div>
                                        <div class="modal fade" id="TFP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
+
                                </div>
                                            aria-hidden="true">
+
                            </div>
                                            <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">
+
                            <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>
  
                                                        <p class="hpcontent">
+
                            <!-- Modal -->
                                                            On March 13, we had our first presentation about our
+
                            <div class="modal fade" id="TFP" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
                                                            brainstorming. We presented our brainstorming
+
                                aria-hidden="true">
                                                            in order to let people and professors to realize our idea
+
                                <div class="modal-dialog" role="document">
                                                            and vote one of our idea to become our
+
                                    <div class="modal-content">
                                                            final project.
+
                                        <div class="modal-header">
                                                        </p>
+
                                            <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>
  
                                                        <p class="hpcontent">
+
                                        <div class="modal-body">
                                                            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">
+
                                            <p class="hpcontent">
                                                            After our presentation, we obtained lots of feedback. In
+
                                                On March 13, we had our first presentation about our
                                                            addition, we met NCTU iGEM team after our
+
                                                brainstorming. We presented our brainstorming
                                                            semester presentation. We had our dinner together and
+
                                                in order to let people and professors to realize our idea
                                                            talked about our project. Since NCTU team and
+
                                                and vote one of our idea to become our
                                                            we hadn’t set our mind on solving specific problem, we made
+
                                                final project.
                                                            some wide discussion about agricultural
+
                                            </p>
                                                            and environmental issues in Taiwan. We also talked about
+
                                                            our team composition the way how we
+
                                                            recruit our team members.
+
                                                        </p>
+
  
                                                        <p class="hpcontent">
+
                                            <p class="hpcontent">
                                                            We had a pleasant time exchanging our ideas and chatting
+
                                                We had three topics, including cleaning up oil spill,
                                                            with each other. We believed that we could
+
                                                detection of pathogens and carbon capture.
                                                            build up cooperation relationship in the iGEM competition.
+
                                                Each group had twenty minutes to present their idea, then
                                                        </p>
+
                                                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>
  
                                                        <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>
+
                                            <p class="hpcontent">
                                                    </div>
+
                                                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>
+
 
                                            </div>
+
                                            <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>
  
  
Line 702: Line 704:
  
  
                        </div>
+
            </div>
  
  
  
                    </div>
 
                </div>
 
            </div>
 
 
         </div>
 
         </div>
 +
    </div>
 +
    </div>
 +
    </div>
  
  
  
  
        <script>
+
    <script>
            $(document).ready(function () {
+
        $(document).ready(function () {
                $(window).scroll(function () {
+
            $(window).scroll(function () {
                    if ($(this).scrollTop() >= 800) {
+
                if ($(this).scrollTop() >= 800) {
                        var position = $("#sidelist").position();
+
                    var position = $("#sidelist").position();
                        if (position == undefined) {} else {
+
                    if (position == undefined) {} else {
                            $('#sidelist').css({
+
                        $('#sidelist').css({
                                "position": "fixed",
+
                            "position": "fixed",
                                "top": "145px",
+
                            "top": "145px",
                                "margin-top": "0px"
+
                            "margin-top": "0px"
                            });
+
                         });
                         }
+
                    } else {
+
                        $('#sidelist').removeAttr('style');
+
 
                     }
 
                     }
                 });
+
                 } else {
                 $(function () {
+
                    $('#sidelist').removeAttr('style');
                    $('i.fa-arrow-up').click(function () {
+
                 }
                        $('html, body').animate({
+
            });
                            scrollTop: 0
+
            $(function () {
                        }, 600);
+
                $('i.fa-arrow-up').click(function () {
                        return false;
+
                    $('html, body').animate({
                    });
+
                        scrollTop: 0
 +
                    }, 600);
 +
                    return false;
 
                 });
 
                 });
 
             });
 
             });
         </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://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/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>
 
</body>
 
</body>

Revision as of 15:44, 29 September 2018

Integrated Human Practices

Follow us

Contact us

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