Difference between revisions of "Team:HUST-China/Collaborations"

Line 51: Line 51:
 
}
 
}
 
</style>
 
</style>
 +
 +
<style type="text/css">
 +
.jR3DCarouselGallery,.jR3DCarouselGalleryCustomeTemplate {
 +
  margin: 0 auto; /* optional - if want to center align */
 +
}
 +
</style>
 +
<style>
 +
.jR3DCarouselGalleryCustomeTemplate .captions{
 +
  position: relative;
 +
  padding: 4px 0;
 +
  bottom: 27px;
 +
  background: #eeeeee;
 +
  display:block   
 +
}
 +
.jR3DCarouselGalleryCustomeTemplate a{
 +
  text-decoration: none;     
 +
}
 +
</style>
 +
 +
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.0/jquery-1.8.0.min.js"></script>
 +
<!--
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
 +
-->
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jR3DCarousel-min?action=raw&amp;ctype=text/javascript"></script>
 +
<!-- <script type="text/javascript" src="src/jR3DCarousel.js"></script> -->
 +
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  var slideImages = [ {src: '../jRCarousel/images/01.jpg'},
 +
                    {src: '../jRCarousel/images/02.jpg'},
 +
                    {src: '../jRCarousel/images/03.jpg'},
 +
                    {src: '../jRCarousel/images/04.jpg'},
 +
                    {src: '../jRCarousel/images/05.jpg'} ]
 +
  //var jR3DCarousel;
 +
 
 +
  jR3DCarousel = $('.jR3DCarouselGallery').jR3DCarousel({
 +
    width: 550,    /* largest allowed width */
 +
    height: 320,    /* largest allowed height */
 +
    slides: slideImages /* array of images source */
 +
  });
 +
 
 +
  var carouselCustomeTemplateProps =  {
 +
        width: 550,        /* largest allowed width */
 +
        height: 320,        /* largest allowed height */
 +
        slideLayout : 'fill',    /* "contain" (fit according to aspect ratio), "fill" (stretches object to fill) and "cover" (overflows box but maintains ratio) */
 +
        animation: 'slide3D',  /* slide | scroll | fade | zoomInSlide | zoomInScroll */
 +
        animationCurve: 'ease',
 +
        animationDuration: 1900,
 +
        animationInterval: 2000,
 +
        slideClass: 'jR3DCarouselCustomSlide',
 +
        autoplay: false,
 +
        controls: true,    /* control buttons */
 +
        navigation: ''      /* circles | squares | '' */,
 +
        perspective: 2200,
 +
        rotationDirection: 'ltr',
 +
        onSlideShow: slideShownCallback
 +
         
 +
    }
 +
  function slideShownCallback($slide){
 +
    console.log("Slide shown: ", $slide.find('img').attr('src'))
 +
  }
 +
 +
  jR3DCarouselCustomeTemplate = $('.jR3DCarouselGalleryCustomeTemplate').jR3DCarousel(carouselCustomeTemplateProps);
 +
 +
  })
 +
</script>
 
   
 
   
 
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
 
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
Line 163: Line 229:
 
                 <div class="about-logo">
 
                 <div class="about-logo">
 
                   <h3><strong>1. <span class="red-content">Hold the 5th iGEM Central China Regional Conference</span></strong></h3>
 
                   <h3><strong>1. <span class="red-content">Hold the 5th iGEM Central China Regional Conference</span></strong></h3>
                   <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;">
+
                   <p style="font-size:16px; line-height: 25px;letter-spacing:1px; text-indent:0px;">From July 10th to 11th, 2018, the iGEM HUST-China team successfully held the 5th iGEM Central China Regional Conference. The event aimed at promoting the understanding of each team in their competition projects, improving the project content, and giving opportunities for communication and mutual learning between different teams. The teams invited to participate in the conference were the 2018 iGEM team from Huazhong Agricultural University, Taiwan University-Taiwan Jiaotong University, Wuhan University, Taiwan Zhongxing University and Huazhong University of Science and Technology. At the meeting on July 11th, each team will make a 20-minute English presentation time to introduce the project content and current progress of their competition projects, while other teams listened cand raised questions and shared their opinions. Each team presented a number of constructive issues related to project feasibility, safety, experimental protocols, modeling methods, economic costs and application prospects. During the period, delegates also had a lively and in-depth discussion on some of these issues. Many of the questions and suggestions raised in the conference have effectively pointed out the possible disappointments of the project and provided feasible solutions to these problems.</p>
From July 10th to 11th, 2018, the iGEM HUST-China team successfully held the 5th iGEM Central China Regional Conference. The event aimed at promoting the understanding of each team in their competition projects, improving the project content, and giving opportunities for communication and mutual learning between different teams. The teams invited to participate in the conference were the 2018 iGEM team from Huazhong Agricultural University, Taiwan University-Taiwan Jiaotong University, Wuhan University, Taiwan Zhongxing University and Huazhong University of Science and Technology. At the meeting on July 11th, each team will make a 20-minute English presentation time to introduce the project content and current progress of their competition projects, while other teams listened cand raised questions and shared their opinions. Each team presented a number of constructive issues related to project feasibility, safety, experimental protocols, modeling methods, economic costs and application prospects. During the period, delegates also had a lively and in-depth discussion on some of these issues. Many of the questions and suggestions raised in the conference have effectively pointed out the possible disappointments of the project and provided feasible solutions to these problems.</p>
+
 
                  
 
                  
 
                 </div>   
 
                 </div>   
              </div>
 
 
               </div>
 
               </div>
 +
            </div>
 
             </div>
 
             </div>
 
           </div>
 
           </div>
          <div class="container"> 
 
        <div class="row">
 
                <div id="myCarousel" class="carousel slide">
 
                                    <!-- 轮播(Carousel)指标 -->
 
                                    <ol class="carousel-indicators">
 
                                      <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
 
                                      <li data-target="#myCarousel" data-slide-to="1"></li>
 
                                      <li data-target="#myCarousel" data-slide-to="2"></li>
 
                                      <li data-target="#myCarousel" data-slide-to="3"></li>
 
                                    </ol> 
 
                                    <!-- 轮播(Carousel)项目 -->
 
                                    <div class="carousel-inner">
 
                                      <div class="item active">
 
                                        <img src="https://static.igem.org/mediawiki/2018/archive/5/52/20181013015732%21T--HUST-China--2018-environment-pic3.png" alt="First slide"  class="img-responsive">
 
                                      </div>
 
                                      <div class="item">
 
                                        <img src="https://static.igem.org/mediawiki/2018/archive/5/52/20181013015811%21T--HUST-China--2018-environment-pic3.png" alt="Second slide"  class="img-responsive">
 
                                      </div>
 
                                      <div class="item">
 
                                        <img src="https://static.igem.org/mediawiki/2018/archive/5/52/20181013020512%21T--HUST-China--2018-environment-pic3.png" alt="Third slide"  class="img-responsive">
 
                                      </div>
 
                                      <div class="item">
 
                                      <img src="https://static.igem.org/mediawiki/2018/8/85/T--HUST-China--2018-Intelab-pic4.png" alt="Fourth slide" class="img-responsive" >
 
                                      </div>
 
                                    </div>
 
                                    <!-- 轮播(Carousel)导航 -->
 
                                    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
 
                                      <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 
                                      <span class="sr-only">Previous</span>
 
                                    </a>
 
                                    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
 
                                      <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 
                                      <span class="sr-only">Next</span>
 
                                    </a>
 
                                  </div>
 
  
 +
          <div class="container"> 
 +
            <div class="row">
 +
                <div>
 +
                  <div class="jR3DCarouselGalleryCustomeTemplate">
 +
                  <div class="jR3DCarouselCustomSlide">
 +
                    <img src="https://static.igem.org/mediawiki/2018/archive/b/b4/20181010131419%21T--HUST-China--2018-environment-pic2.png" />
 +
                  </div>
 +
                  <div class="jR3DCarouselCustomSlide">
 +
                    <a href="http://vinayakjadhav.github.io/jR3DCarousel/" target="_blank">
 +
                      <img src="https://static.igem.org/mediawiki/2018/archive/b/b4/20181010131419%21T--HUST-China--2018-environment-pic2.png" />
 +
                    </a>       
 +
                  </div>
 +
                  <div class="jR3DCarouselCustomSlide">
 +
                    <img src="https://static.igem.org/mediawiki/2018/archive/b/b4/20181010131419%21T--HUST-China--2018-environment-pic2.png" />
 +
                  </div>
 +
                  <div class="jR3DCarouselCustomSlide">
 +
                    <img src="https://static.igem.org/mediawiki/2018/archive/b/b4/20181010130324%21T--HUST-China--2018-environment-pic2.png" />
 +
                  </div>
 +
                  <div class="jR3DCarouselCustomSlide">
 +
                    <img src="https://static.igem.org/mediawiki/2018/archive/b/b4/20181010130324%21T--HUST-China--2018-environment-pic2.png" />
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 
            
 
            
 
              
 
              
 
            
 
            
 
                
 
                
           
+
<div class="container content"> 
 +
        <div class="row">       
 
             <div class=" col-md-10 col-md-offset-1">
 
             <div class=" col-md-10 col-md-offset-1">
 
             <div class="col-md-12 content-text">
 
             <div class="col-md-12 content-text">
Line 223: Line 279:
 
               </div>
 
               </div>
 
             </div>
 
             </div>
             <div  class="col-md-3 col-md-offset-2" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/7/77/T--HUST-China--2018-Collaboration-logo1.2.png"></div>
+
             <div  class="col-md-3 col-md-offset-3" > <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/7/77/T--HUST-China--2018-Collaboration-logo1.2.png"></div>
              <div  class="col-md-3 col-md-offset-2" >  <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/6/6d/T--HUST-China--2018-Collaboration-logo1.1.png"></div>
+
            <div  class="col-md-3" >  <img class="img-responsive" src="https://static.igem.org/mediawiki/2018/6/6d/T--HUST-China--2018-Collaboration-logo1.1.png"></div>
  
 
             <div class=" col-md-10 col-md-offset-1">
 
             <div class=" col-md-10 col-md-offset-1">
Line 326: Line 382:
 
     ================================================== -->
 
     ================================================== -->
 
<!-- Placed at the end of the document so the pages load faster -->
 
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>
+
<!--
 +
<script src="https://2018.igem.org/Team:HUST-China/js/jquery?action=raw&amp;ctype=text/javascript"></script>-->
 
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-easing-1-3?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Team:HUST-China/js/jquery-easing-1-3?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Team:HUST-China/materialize/js/materialize-min?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2018.igem.org/Team:HUST-China/materialize/js/materialize-min?action=raw&amp;ctype=text/javascript"></script>

Revision as of 14:29, 14 October 2018

HillSide Multi purpose HTML5 Template

Collaboration