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

Line 80: Line 80:
 
                                                 advice, our team cannot improve our project.</p>
 
                                                 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>
+
                                             <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/archive/0/0d/20180822054401%21T--NCKU_Tainan--attribution_training.png">
 +
 
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 133: Line 134:
  
  
                                             <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/4/40/T--NCKU_Tainan--home_IMG_0176.jpg')"></div>
+
                                             <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/4/40/T--NCKU_Tainan--home_IMG_0176.jpg">
 +
 
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 188: Line 190:
 
                                                 figure out our strength and weakness. </p>
 
                                                 figure out our strength and weakness. </p>
  
 
                                            <p class="hpcontent">From Dr. Huang's first day as our PI, he did a lots
 
                                                for us. Firstly, he
 
                                                provided us all the resources that we needed or could make us
 
                                                convenient. Secondly, he gave us many ideas when we have met
 
                                                difficulties or junction in our progress whether it is dry lab or wet
 
                                                lab. We are really appreciate to what he have told and taught to us.
 
 
                                             </p>
 
                                             </p>
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/b/b5/T--NCKU_Tainan--Copy_of_1537192167813.jpg">
  
                                            </p>
 
                                            <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/b/b5/T--NCKU_Tainan--Copy_of_1537192167813.jpg')"></div>
 
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 268: Line 262:
  
  
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/0/0e/T--NCKU_Tainan--42126771_242420933099655_2289547478090907648_n.jpg">
  
                                            <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/0/0e/T--NCKU_Tainan--42126771_242420933099655_2289547478090907648_n.jpg')"></div>
 
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 322: Line 316:
  
  
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/d/d8/T--NCKU_Tainan--38420461_308847276354309_6855291197720625152_n.jpg">
  
                                            <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/d/d8/T--NCKU_Tainan--38420461_308847276354309_6855291197720625152_n.jpg')"></div>
 
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 331: Line 325:
 
                             <div class="card">
 
                             <div class="card">
 
                                 <div class="thumbnail">
 
                                 <div class="thumbnail">
                                     <img src="https://static.igem.org/mediawiki/2018/a/a4/T--NCKU_Tainan--home_IMG_20180824_124554.jpg" class="left">
+
                                     <img src="https://static.igem.org/mediawiki/2018/a/a4/T--NCKU_Tainan--home_IMG_20180824_124554.jpg"
 +
                                        class="left">
 
                                 </div>
 
                                 </div>
 
                                 <div class="right">
 
                                 <div class="right">
Line 408: Line 403:
 
                                                 short meeting with prof. Chang. </p>
 
                                                 short meeting with prof. Chang. </p>
  
                                             <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/a/a4/T--NCKU_Tainan--home_IMG_20180824_124554.jpg')"></div>
+
                                             <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/a/a4/T--NCKU_Tainan--home_IMG_20180824_124554.jpg">
 +
 
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 469: Line 465:
  
  
 +
                                            <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/a/a6/T--NCKU_Tainan--home_IMG_20180417_202358.jpg">
  
                                            <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/a/a6/T--NCKU_Tainan--home_IMG_20180417_202358.jpg')"></div>
 
 
                                         </div>
 
                                         </div>
 
                                     </div>
 
                                     </div>
Line 525: Line 521:
 
                                             gaseous carbon dioxide and
 
                                             gaseous carbon dioxide and
 
                                             oxygen. </p>
 
                                             oxygen. </p>
                                         <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/a/a3/T--NCKU_Tainan--home_41991334_482787205568789_5317508140554518528_n.jpg')"></div>
+
 
 +
                                         <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/a/a3/T--NCKU_Tainan--home_41991334_482787205568789_5317508140554518528_n.jpg">
 +
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 601: Line 599:
  
  
 +
                                        <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/8/82/T--NCKU_Tainan--home_CIMG1027.jpg">
  
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/8/82/T--NCKU_Tainan--home_CIMG1027.jpg')"></div>
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 653: Line 651:
 
                                             their pollutant sensing system, making it to become more complete.</p>
 
                                             their pollutant sensing system, making it to become more complete.</p>
  
 +
                                        <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/4/48/T--NCKU_Tainan--home_MUTM.jpg">
  
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/4/48/T--NCKU_Tainan--home_MUTM.jpg')"></div>
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 697: Line 695:
 
                                         <p class="hpcontent">In the beginning, we greeted and introduced ourselves to
 
                                         <p class="hpcontent">In the beginning, we greeted and introduced ourselves to
 
                                             each other. Next, we
 
                                             each other. Next, we
                                             entered our project presentation time. In this meetup, we had more familiar with each other's
+
                                             entered our project presentation time. In this meetup, we had more familiar
 +
                                            with each other's
 
                                             project. We gave our
 
                                             project. We gave our
 
                                             question and suggestion to CCU, and we also received great feedback from
 
                                             question and suggestion to CCU, and we also received great feedback from
Line 713: Line 712:
 
                                             a more pleasant way.</p>
 
                                             a more pleasant way.</p>
  
                                         <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/a/ad/T--NCKU_Tainan--home_IMG_9546.jpg')"></div>
+
                                         <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/a/ad/T--NCKU_Tainan--home_IMG_9546.jpg">
 +
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 772: Line 772:
  
  
 +
                                        <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/4/4c/T--NCKU_Tainan--home_41865980_2184107668533289_6524635370842226688_n.jpg">
  
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/4/4c/T--NCKU_Tainan--home_41865980_2184107668533289_6524635370842226688_n.jpg')"></div>
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 833: Line 833:
  
  
 +
                                        <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/a/a6/T--NCKU_Tainan--home_IMG_20180709_224051.jpg">
  
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/a/a6/T--NCKU_Tainan--home_IMG_20180709_224051.jpg')"></div>
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 907: Line 907:
  
  
 +
                                        <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/3/3a/T--NCKU_Tainan--home_CIMG1102.jpg">
  
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/3/3a/T--NCKU_Tainan--home_CIMG1102.jpg')"></div>
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 990: Line 990:
  
  
 +
                                        <img class="contentimg col-12" src="https://static.igem.org/mediawiki/2018/2/26/T--NCKU_Tainan--home_IMG_0099.jpg">
  
                                        <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/2/26/T--NCKU_Tainan--home_IMG_0099.jpg')"></div>
 
 
                                     </div>
 
                                     </div>
 
                                 </div>
 
                                 </div>
Line 999: Line 999:
  
  
                        <!-- Modal -->
 
                        <div class="modal fade" id="exampleModalLong" 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">Modal title</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">Nullam hendrerit ipsum a commodo aliquet. Curabitur sem
 
                                            metus, ornare ut
 
                                            gravida eu, sagittis rutrum massa. Phasellus id sem sed justo convallis
 
                                            pharetra ut
 
                                            tristique
 
                                            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
 
                                            vitae
 
                                            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
 
                                            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
 
                                            posuere
 
                                            commodo.</p>
 
 
                                        <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
 
                                            tristique
 
                                            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
 
                                            vitae
 
                                            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
 
                                            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
 
                                            posuere
 
                                            commodo.</p>
 
                                    </div>
 
                                </div>
 
                            </div>
 
                        </div>
 
  
  
Line 1,064: Line 1,007:
 
     </div>
 
     </div>
  
        <style>
+
    <style>
            .head {
+
        .head {
                width: 80% !important;
+
            width: 80% !important;
            }
+
        }
  
            h3 {
+
        h3 {
                line-height: 50px !important;
+
            line-height: 50px !important;
            }
+
        }
  
            .list-group {
+
        .list-group {
                margin-top: 100px;
+
            margin-top: 100px;
            }
+
        }
  
            .list-group-item {
+
        .list-group-item {
                margin: 10px 0 !important;
+
            margin: 10px 0 !important;
            }
+
        }
        </style>
+
    </style>
  
  
                <script>
+
    <script>
                    $(document).ready(function () {
+
        $(document).ready(function () {
                        $(window).scroll(function () {
+
            $(window).scroll(function () {
                            if ($(this).scrollTop() >= 90) {
+
                if ($(this).scrollTop() >= 90) {
                                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');
+
                            }
+
                        });
+
                        $(function () {
+
                            $('i.fa-arrow-up').click(function () {
+
                                $('html, body').animate({
+
                                    scrollTop: 0
+
                                }, 600);
+
                                return false;
+
                            });
+
 
                         });
 
                         });
                     });
+
                     }
                 </script>
+
                } else {
 +
                    $('#sidelist').removeAttr('style');
 +
                 }
 +
            });
 +
            $(function () {
 +
                $('i.fa-arrow-up').click(function () {
 +
                    $('html, body').animate({
 +
                        scrollTop: 0
 +
                    }, 600);
 +
                    return false;
 +
                });
 +
            });
 +
        });
 +
    </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>

Revision as of 14:16, 7 October 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.)