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

Line 461: Line 461:
 
                                         Su from NCKU.</div>
 
                                         Su from NCKU.</div>
 
                                 </div>
 
                                 </div>
                                 <div class="blue action-button" type="button" class="btn btn-primary"
+
                                 <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
                                    data-toggle="modal" data-target="#MUNCKU"><a>Read
+
                                    data-target="#MUNCKU"><a>Read
 
                                         More</a></div>
 
                                         More</a></div>
 
                             </div>
 
                             </div>
Line 475: Line 475:
 
                                                 NCKU President
 
                                                 NCKU President
 
                                             </h5>
 
                                             </h5>
                                             <button type="button" class="close" data-dismiss="modal"
+
                                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                aria-label="Close">
+
 
                                                 <span aria-hidden="true">&times;</span>
 
                                                 <span aria-hidden="true">&times;</span>
 
                                             </button>
 
                                             </button>
Line 561: Line 560:
 
                                 <h9>3</h9>
 
                                 <h9>3</h9>
 
                                 <h6>MAR</h6>
 
                                 <h6>MAR</h6>
                                 <div class="blue action-button" type="button" class="btn btn-primary"
+
                                 <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
                                    data-toggle="modal" data-target="#NBF"><a>Read
+
                                    data-target="#NBF"><a>Read
 
                                         More</a></div>
 
                                         More</a></div>
 
                             </div>
 
                             </div>
Line 574: Line 573:
 
                                             <h5 class="modal-title" id="exampleModalLongTitle">2018 NCKU
 
                                             <h5 class="modal-title" id="exampleModalLongTitle">2018 NCKU
 
                                                 Bike Festival</h5>
 
                                                 Bike Festival</h5>
                                             <button type="button" class="close" data-dismiss="modal"
+
                                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                aria-label="Close">
+
 
                                                 <span aria-hidden="true">&times;</span>
 
                                                 <span aria-hidden="true">&times;</span>
 
                                             </button>
 
                                             </button>
Line 594: Line 592:
 
                                             </p>
 
                                             </p>
  
                                             <li>Designing a synthetic biology – related game for them to
+
                                             <p class="hpcontent">Designing a synthetic biology – related game for them
                                                 play.</li>
+
                                                to
                                             <li>Explaining what iGEM is for everyone.</li>
+
                                                 play.</p>
                                             <li>Using Facebook and intasgram for the lucky draw on-the-spot
+
                                             <p class="hpcontent">Explaining what iGEM is for everyone.</p>
                                                 to enhance event delight.</li>
+
                                             <p class="hpcontent">Using Facebook and intasgram for the lucky draw
                                             <li>Inquiring people’s comments about our idea.</li>
+
                                                on-the-spot
                                             <li>designing biological-related game for students.</li>
+
                                                 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">
 
                                             <p class="hpcontent">
Line 623: Line 623:
 
                             <div class="card">
 
                             <div class="card">
 
                                 <div class="thumbnail">
 
                                 <div class="thumbnail">
                                     <img src="https://static.igem.org/mediawiki/2018/8/83/T--NCKU_Tainan--home_IMG_8718_%281%29.jpg"
+
                                     <img src="https://static.igem.org/mediawiki/2018/5/59/T--NCKU_Tainan--home_IMG_7547_%281%29.JPG"
 
                                         class="left">
 
                                         class="left">
 
                                 </div>
 
                                 </div>
Line 635: Line 635:
 
                                 <h9>13</h9>
 
                                 <h9>13</h9>
 
                                 <h6>MAR</h6>
 
                                 <h6>MAR</h6>
                                 <div class="blue action-button" type="button" class="btn btn-primary"
+
                                 <div class="blue action-button" type="button" class="btn btn-primary" data-toggle="modal"
                                    data-toggle="modal" data-target="#TFP"><a>Read
+
                                    data-target="#TFP"><a>Read
 
                                         More</a></div>
 
                                         More</a></div>
 
                             </div>
 
                             </div>
Line 648: Line 648:
 
                                             <h5 class="modal-title" id="exampleModalLongTitle">2018 The
 
                                             <h5 class="modal-title" id="exampleModalLongTitle">2018 The
 
                                                 First Presentation</h5>
 
                                                 First Presentation</h5>
                                             <button type="button" class="close" data-dismiss="modal"
+
                                             <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                aria-label="Close">
+
 
                                                 <span aria-hidden="true">&times;</span>
 
                                                 <span aria-hidden="true">&times;</span>
 
                                             </button>
 
                                             </button>
Line 696: Line 695:
 
                                         </div>
 
                                         </div>
  
                        </div>
+
                                    </div>
                    </div>
+
                                </div>
                </div>
+
                            </div>
  
  
Line 704: Line 703:
  
  
            </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 {
+
                 });
                    $('#sidelist').removeAttr('style');
+
                 $(function () {
                 }
+
                    $('i.fa-arrow-up').click(function () {
            });
+
                        $('html, body').animate({
            $(function () {
+
                            scrollTop: 0
                $('i.fa-arrow-up').click(function () {
+
                        }, 600);
                    $('html, body').animate({
+
                        return false;
                        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:47, 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.)