Difference between revisions of "Team:NCKU Tainan/Integrated Human Practices"

Line 31: Line 31:
 
                 <div class="col-10">
 
                 <div class="col-10">
 
                     <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 class="container">
 
−
                            <div id="list-item-1">
 
  
−
                                </br></br></br></br>
+
                        <div id="list-item-1">
−
                                <h3>Professor</h3></br>
+
−
                                <h10>In order to complete our project, there are lots of theoretical knowledge we have
+
−
                                    to understand first. Apart from devoting ourselves to researching a large number of
+
−
                                    paper, the most direct and fastest way is to go to visit professors in related
+
−
                                    fields of expertise to gain their suggestion. In addition, each of professor has
+
−
                                    their specialty respectively, so accepting opinion from different professional
+
−
                                    field makes our project more comprehensive.</h10>
+
  
−
                                 <div class="card">
+
                            </br></br></br></br>
 +
                            <h3>Professor</h3></br>
 +
                            <h10>In order to complete our project, there are lots of theoretical knowledge we have
 +
                                 to understand first. Apart from devoting ourselves to researching a large number of
 +
                                paper, the most direct and fastest way is to go to visit professors in related
 +
                                fields of expertise to gain their suggestion. In addition, each of professor has
 +
                                their specialty respectively, so accepting opinion from different professional
 +
                                field makes our project more comprehensive.</h10>
 +
 
 +
                            <div class="card">
 +
                                <div class="thumbnail">
 +
                                    <img src="https://static.igem.org/mediawiki/2018/archive/0/0d/20180822054401%21T--NCKU_Tainan--attribution_training.png"
 +
                                        class="left">
 +
                                </div>
 +
                                <div class="right">
 +
                                    <h1>Meet up with Dr. Ng I Son</h1>
 +
                                    <div id="cardtext">Dr. Ng is the mother of NCKU-iGEM team. Since the
 +
                                        establishment of NCKU-iGEM 2016, Dr. Ng have brought synthetic biology as
 +
                                        well as iGEM to the flashlight of NCKU campus.</div>
 +
                                </div>
 +
                                <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                    data-target="#NG"><a>Read More</a></div>
 +
                            </div>
 +
 
 +
                            <!-- Modal -->
 +
                            <div class="modal fade" id="NG" 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">Meet up with Dr. Ng
 +
                                                I Son</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">Dr. Ng is the mother of NCKU-iGEM team. Since the
 +
                                                establishment of NCKU-iGEM 2016, Dr. Ng have brought synthetic
 +
                                                biology as well as iGEM to the flashlight of NCKU campus. Dr. Ng
 +
                                                always inspires team members by asking us some critical questions
 +
                                                without telling us the answer directly. She gave us advice from
 +
                                                every aspect. She initially gave us many critical suggestions
 +
                                                during the brainstorming. Except for teaching us knowledge about
 +
                                                synthetic biology, she always reminds us to think more about the
 +
                                                real application of our project.
 +
                                                Various useful advice was given by her. She emphasized the
 +
                                                advantage of protein production by E. coli, she also suggested us
 +
                                                to study more on high cell density fermentation. Without her timely
 +
                                                advice, our team cannot improve our project.
 +
                                            </p>
 +
                                            <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/archive/0/0d/20180822054401%21T--NCKU_Tainan--attribution_training.png')"></div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
 
 +
                            <div class="card">
 
                                     <div class="thumbnail">
 
                                     <div class="thumbnail">
 
                                         <img src="https://static.igem.org/mediawiki/2018/archive/0/0d/20180822054401%21T--NCKU_Tainan--attribution_training.png"
 
                                         <img src="https://static.igem.org/mediawiki/2018/archive/0/0d/20180822054401%21T--NCKU_Tainan--attribution_training.png"
Line 57: Line 105:
 
                                         data-target="#NG"><a>Read More</a></div>
 
                                         data-target="#NG"><a>Read More</a></div>
 
                                 </div>
 
                                 </div>
−
 
+
       
 
                                 <!-- Modal -->
 
                                 <!-- Modal -->
 
                                 <div class="modal fade" id="NG" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
 
                                 <div class="modal fade" id="NG" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
Line 64: Line 112:
 
                                         <div class="modal-content">
 
                                         <div class="modal-content">
 
                                             <div class="modal-header">
 
                                             <div class="modal-header">
−
                                                 <h5 class="modal-title" id="exampleModalLongTitle">Meet up with Dr. Ng I Son</h5>
+
                                                 <h5 class="modal-title" id="exampleModalLongTitle">Meet up with Dr. Ng
 +
                                                    I Son</h5>
 
                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
                                                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
                                                     <span aria-hidden="true">&times;</span>
 
                                                     <span aria-hidden="true">&times;</span>
Line 89: Line 138:
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
 +
                        </div>
  
−
                            </div>
 
  
−
                            <div id="list-item-2">
 
  
−
                                </br></br></br></br>
 
−
                                <h3>Meet up</h3></br>
 
−
                                <h10>“A Joy Shared Is a Joy Tripled” When we met up with other iGEMers to share our
 
−
                                    projects and the difficulties we encountered with each other we enjoyed the process
 
−
                                    and often caused resonance. What's more, we could inspire more idea and find the
 
−
                                    possibility of cooperation. </h10>
 
  
−
                                <div class="card">
+
                    </div>
−
                                    <div class="thumbnail">
+
−
                                        <img src="https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png"
+
−
                                            class="left">
+
−
                                    </div>
+
−
                                    <div class="right">
+
−
                                        <h1>Meetup with Tec Chihuahua</h1>
+
−
                                        <div id="cardtext">We finished a video meeting with Tec-Monterry. Their project
+
−
                                            has two part.
+
−
                                            The main part is E-coding, which use
+
−
                                            bacteria to record the data. Another part is to sense the pollute in
+
−
                                            Mexico. </div>
+
−
                                    </div>
+
−
                                    <h9>9</h9>
+
−
                                    <h6>JULY</h6>
+
−
                                    <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
+
−
                                        data-target="#exampleModalLong"><a>Read More</a></div>
+
−
                                </div>
+
  
−
                            </div>
+
                    <div id="list-item-2">
  
 +
                        </br></br></br></br>
 +
                        <h3>Meet up</h3></br>
 +
                        <h10>“A Joy Shared Is a Joy Tripled” When we met up with other iGEMers to share our
 +
                            projects and the difficulties we encountered with each other we enjoyed the process
 +
                            and often caused resonance. What's more, we could inspire more idea and find the
 +
                            possibility of cooperation. </h10>
  
−
                             <div id="list-item-3">
+
                        <div class="card">
 +
                             <div class="thumbnail">
 +
                                <img src="https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png"
 +
                                    class="left">
 +
                            </div>
 +
                            <div class="right">
 +
                                <h1>Meetup with Tec Chihuahua</h1>
 +
                                <div id="cardtext">We finished a video meeting with Tec-Monterry. Their project
 +
                                    has two part.
 +
                                    The main part is E-coding, which use
 +
                                    bacteria to record the data. Another part is to sense the pollute in
 +
                                    Mexico. </div>
 +
                            </div>
 +
                            <h9>9</h9>
 +
                            <h6>JULY</h6>
 +
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                data-target="#exampleModalLong"><a>Read More</a></div>
 +
                        </div>
  
−
                                </br></br></br></br>
+
                    </div>
−
                                <h3>Enterprise Visit</h3></br>
+
−
                                <h10>“Put our project in practice” is always our final goal. Therefore, we visited the
+
−
                                    China Steel Corporation, which is the second biggest carbon emission factory in our
+
−
                                    country, to gained the truth opinion from our future potential users. In addition,
+
−
                                    we also visit the AN-NAN campus of NCKU to learn their experience from research to
+
−
                                    practice. Including the cost calculation, evaluation and benefit analysis, etc.</h10>
+
  
−
                                <div class="card">
 
−
                                    <div class="thumbnail">
 
−
                                        <img src="https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png"
 
−
                                            class="left">
 
−
                                    </div>
 
−
                                    <div class="right">
 
−
                                        <h1>Meetup with Tec Chihuahua</h1>
 
−
                                        <div id="cardtext">We finished a video meeting with Tec-Monterry. Their project
 
−
                                            has two part.
 
−
                                            The main part is E-coding, which use
 
−
                                            bacteria to record the data. Another part is to sense the pollute in
 
−
                                            Mexico. </div>
 
−
                                    </div>
 
−
                                    <h9>9</h9>
 
−
                                    <h6>JULY</h6>
 
−
                                    <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 
−
                                        data-target="#exampleModalLong"><a>Read More</a></div>
 
  
 +
                    <div id="list-item-3">
  
−
                                </div>
+
                        </br></br></br></br>
−
 
+
                        <h3>Enterprise Visit</h3></br>
 +
                        <h10>“Put our project in practice” is always our final goal. Therefore, we visited the
 +
                            China Steel Corporation, which is the second biggest carbon emission factory in our
 +
                            country, to gained the truth opinion from our future potential users. In addition,
 +
                            we also visit the AN-NAN campus of NCKU to learn their experience from research to
 +
                            practice. Including the cost calculation, evaluation and benefit analysis, etc.</h10>
  
 +
                        <div class="card">
 +
                            <div class="thumbnail">
 +
                                <img src="https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png"
 +
                                    class="left">
 
                             </div>
 
                             </div>
 +
                            <div class="right">
 +
                                <h1>Meetup with Tec Chihuahua</h1>
 +
                                <div id="cardtext">We finished a video meeting with Tec-Monterry. Their project
 +
                                    has two part.
 +
                                    The main part is E-coding, which use
 +
                                    bacteria to record the data. Another part is to sense the pollute in
 +
                                    Mexico. </div>
 +
                            </div>
 +
                            <h9>9</h9>
 +
                            <h6>JULY</h6>
 +
                            <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
 +
                                data-target="#exampleModalLong"><a>Read More</a></div>
 +
 +
 
                         </div>
 
                         </div>
 +
 +
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
    </div>
 +
    </div>
  
  
−
        <!-- Modal -->
+
    <!-- Modal -->
−
        <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
+
    <div class="modal fade" id="exampleModalLong" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle"
−
            aria-hidden="true">
+
        aria-hidden="true">
−
            <div class="modal-dialog" role="document">
+
        <div class="modal-dialog" role="document">
−
                <div class="modal-content">
+
            <div class="modal-content">
−
                    <div class="modal-header">
+
                <div class="modal-header">
−
                        <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
+
                    <h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
−
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
−
                            <span aria-hidden="true">&times;</span>
+
                        <span aria-hidden="true">&times;</span>
−
                        </button>
+
                    </button>
−
                    </div>
+
                </div>
−
                    <div class="modal-body">
+
                <div class="modal-body">
−
                        <p class="hpcontent">Nullam hendrerit ipsum a commodo aliquet. Curabitur sem metus, ornare ut
+
                    <p class="hpcontent">Nullam hendrerit ipsum a commodo aliquet. Curabitur sem metus, ornare ut
−
                            gravida eu, sagittis rutrum massa. Phasellus id sem sed justo convallis pharetra ut
+
                        gravida eu, sagittis rutrum massa. Phasellus id sem sed justo convallis pharetra ut
−
                            tristique
+
                        tristique
−
                            ipsum. Ut facilisis leo risus, vitae sollicitudin massa ornare sit amet. Aliquam varius
+
                        ipsum. Ut facilisis leo risus, vitae sollicitudin massa ornare sit amet. Aliquam varius
−
                            venenatis massa, sed finibus urna tempor a. Integer viverra tortor purus. Cras eget elit
+
                        venenatis massa, sed finibus urna tempor a. Integer viverra tortor purus. Cras eget elit
−
                            vitae
+
                        vitae
−
                            nunc iaculis sagittis id ac nibh. Donec in congue nisi. Vestibulum ante ipsum primis in
+
                        nunc iaculis sagittis id ac nibh. Donec in congue nisi. Vestibulum ante ipsum primis in
−
                            faucibus orci luctus et ultrices posuere cubilia Curae; In facilisis feugiat nunc, bibendum
+
                        faucibus orci luctus et ultrices posuere cubilia Curae; In facilisis feugiat nunc, bibendum
−
                            finibus nulla. Curabitur auctor nec ligula ac cursus. Nulla a ornare lacus. Cras vestibulum
+
                        finibus nulla. Curabitur auctor nec ligula ac cursus. Nulla a ornare lacus. Cras vestibulum
−
                            fringilla congue. Duis quis placerat ipsum, eget aliquet magna. Nunc at justo at enim
+
                        fringilla congue. Duis quis placerat ipsum, eget aliquet magna. Nunc at justo at enim
−
                            posuere
+
                        posuere
−
                            commodo.</p>
+
                        commodo.</p>
  
−
                        <p class="hpcontent">Nullam hendrerit ipsum a commodo aliquet. Curabitur sem metus, ornare ut
+
                    <p class="hpcontent">Nullam hendrerit ipsum a commodo aliquet. Curabitur sem metus, ornare ut
−
                            gravida eu, sagittis rutrum massa. Phasellus id sem sed justo convallis pharetra ut
+
                        gravida eu, sagittis rutrum massa. Phasellus id sem sed justo convallis pharetra ut
−
                            tristique
+
                        tristique
−
                            ipsum. Ut facilisis leo risus, vitae sollicitudin massa ornare sit amet. Aliquam varius
+
                        ipsum. Ut facilisis leo risus, vitae sollicitudin massa ornare sit amet. Aliquam varius
−
                            venenatis massa, sed finibus urna tempor a. Integer viverra tortor purus. Cras eget elit
+
                        venenatis massa, sed finibus urna tempor a. Integer viverra tortor purus. Cras eget elit
−
                            vitae
+
                        vitae
−
                            nunc iaculis sagittis id ac nibh. Donec in congue nisi. Vestibulum ante ipsum primis in
+
                        nunc iaculis sagittis id ac nibh. Donec in congue nisi. Vestibulum ante ipsum primis in
−
                            faucibus orci luctus et ultrices posuere cubilia Curae; In facilisis feugiat nunc, bibendum
+
                        faucibus orci luctus et ultrices posuere cubilia Curae; In facilisis feugiat nunc, bibendum
−
                            finibus nulla. Curabitur auctor nec ligula ac cursus. Nulla a ornare lacus. Cras vestibulum
+
                        finibus nulla. Curabitur auctor nec ligula ac cursus. Nulla a ornare lacus. Cras vestibulum
−
                            fringilla congue. Duis quis placerat ipsum, eget aliquet magna. Nunc at justo at enim
+
                        fringilla congue. Duis quis placerat ipsum, eget aliquet magna. Nunc at justo at enim
−
                            posuere
+
                        posuere
−
                            commodo.</p>
+
                        commodo.</p>
−
                    </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 03:29, 22 September 2018

Integrated Human Practices





Professor


In order to complete our project, there are lots of theoretical knowledge we have to understand first. Apart from devoting ourselves to researching a large number of paper, the most direct and fastest way is to go to visit professors in related fields of expertise to gain their suggestion. In addition, each of professor has their specialty respectively, so accepting opinion from different professional field makes our project more comprehensive.

Meet up with Dr. Ng I Son

Dr. Ng is the mother of NCKU-iGEM team. Since the establishment of NCKU-iGEM 2016, Dr. Ng have brought synthetic biology as well as iGEM to the flashlight of NCKU campus.
Read More

Meet up with Dr. Ng I Son

Dr. Ng is the mother of NCKU-iGEM team. Since the establishment of NCKU-iGEM 2016, Dr. Ng have brought synthetic biology as well as iGEM to the flashlight of NCKU campus.
Read More




Meet up


“A Joy Shared Is a Joy Tripled” When we met up with other iGEMers to share our projects and the difficulties we encountered with each other we enjoyed the process and often caused resonance. What's more, we could inspire more idea and find the possibility of cooperation.

Meetup with Tec Chihuahua

We finished a video meeting with Tec-Monterry. Their project has two part. The main part is E-coding, which use bacteria to record the data. Another part is to sense the pollute in Mexico.
9
JULY
Read More




Enterprise Visit


“Put our project in practice” is always our final goal. Therefore, we visited the China Steel Corporation, which is the second biggest carbon emission factory in our country, to gained the truth opinion from our future potential users. In addition, we also visit the AN-NAN campus of NCKU to learn their experience from research to practice. Including the cost calculation, evaluation and benefit analysis, etc.

Meetup with Tec Chihuahua

We finished a video meeting with Tec-Monterry. Their project has two part. The main part is E-coding, which use bacteria to record the data. Another part is to sense the pollute in Mexico.
9
JULY
Read More
Follow us
Contact us

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