|
|
Line 147: |
Line 147: |
| | | |
| } | | } |
− | #alpha {
| + | .center { |
| background-image: url("http://i.imgur.com/OWwyfcx.jpg"); | | background-image: url("http://i.imgur.com/OWwyfcx.jpg"); |
| position: relative; | | position: relative; |
Line 226: |
Line 226: |
| <div id="alpha" background="http://i.imgur.com/OWwyfcx.jpg"> | | <div id="alpha" background="http://i.imgur.com/OWwyfcx.jpg"> |
| | | |
− | <div id="scroller" style="width: 680px; height: 400px; margin: 0 auto;">
| + | |
− | <div class="innerScrollArea">
| + | |
− | <ul>
| + | |
− | <!-- Define photos here -->
| + | |
− | <li><h1 style="border-bottom: none;"> Welcome to UCSC iGEM 2015! </h1><br/><br /><br />
| + | |
− | <p style="padding: 0px 170px;"> The University of California, Santa Cruz strives to be a world leader in the emerging field of synthetic biology.
| + | |
− | UCSC introduces and trains our most brilliant and motivated students in this field of research in in order to enhance impending scientific talents
| + | |
− | in America while creating an impact in society.</p></li>
| + | |
− | <li><img src="http://i.imgur.com/S3WI2cM.jpg" width="600" height="500" /></li>
| + | |
− | <li><img src="http://i.imgur.com/9yB9dtO.jpg" width="600" height="400" /></li>
| + | |
− | <li><img src="http://i.imgur.com/v7HAR5W.jpg" height="450" /></li>
| + | |
− | <li><img src="https://scontent.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/11825855_1626906260925136_9044339136733102083_n.jpg?oh=a29dc8ff51cd32c5fbd800574697a608&oe=56355FFF" width="635" height="400" /></li>
| + | |
− | <li><img src="http://i61.tinypic.com/23mmttt.jpg" width="635" height="400" /></li>
| + | |
− | <li><img src="https://dl.pushbulletusercontent.com/bT8ETyQqbkRZ3aUFSojgWCuPIakbmElw/20150721_154620.jpg" width="567" height="400" /></li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <div class="center">
| + | |
| | | |
| | | |
Line 254: |
Line 237: |
| | | |
| | | |
− | <div class="center">
| + | |
| <a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a> | | <a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a> |
| <br /> | | <br /> |
Line 264: |
Line 247: |
| | | |
| | | |
− | </div>
| + | |
| <!--Footer--> | | <!--Footer--> |
| | | |
Line 275: |
Line 258: |
| </div> | | </div> |
| | | |
− | </body>
| |
− | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
| |
− | <script type="text/javascript">
| |
− | $(function(){
| |
− | var scroller = $('#scroller div.innerScrollArea');
| |
− | var scrollerContent = scroller.children('ul');
| |
− | scrollerContent.children().clone().appendTo(scrollerContent);
| |
− | var curX = 0;
| |
− | scrollerContent.children().each(function(){
| |
− | var $this = $(this);
| |
− | $this.css('left', curX);
| |
− | curX += $this.outerWidth(true);
| |
− | });
| |
− | var fullW = curX / 2;
| |
− | var viewportW = scroller.width();
| |
− |
| |
− | // Scrolling speed management
| |
− | var controller = {curSpeed:0, fullSpeed: 1};
| |
− | var $controller = $(controller);
| |
− | var tweenToNewSpeed = function(newSpeed, duration)
| |
− | {
| |
− | if (duration === undefined)
| |
− | duration = 600;
| |
− | $controller.stop(true).animate({curSpeed:newSpeed}, duration);
| |
− | };
| |
− |
| |
− | // Pause on hover
| |
− | scroller.hover(function(){
| |
− | tweenToNewSpeed(0);
| |
− | }, function(){
| |
− | tweenToNewSpeed(controller.fullSpeed);
| |
− | });
| |
− |
| |
− | // Scrolling management; start the automatical scrolling
| |
− | var doScroll = function()
| |
− | {
| |
− | var curX = scroller.scrollLeft();
| |
− | var newX = curX + controller.curSpeed;
| |
− | if (newX > fullW*2 - viewportW)
| |
− | newX -= fullW;
| |
− | scroller.scrollLeft(newX);
| |
− | };
| |
− | setInterval(doScroll, 20);
| |
− | tweenToNewSpeed(controller.fullSpeed);
| |
− | });
| |
− | </script>
| |
− |
| |
− |
| |
− | </p>
| |
− | <!--
| |
− | NewPP limit report
| |
− | Preprocessor node count: 4/1000000
| |
− | Post-expand include size: 0/2097152 bytes
| |
− | Template argument size: 0/2097152 bytes
| |
− | Expensive parser function count: 0/100
| |
− | -->
| |
− | <div class="printfooter">
| |
− | Retrieved from "<a href="https://2015.igem.org/Team:UCSC">https://2015.igem.org/Team:UCSC</a>"</div>
| |
− | <div class="visualClear"></div>
| |
− | </div>
| |
− | </div>
| |
− | <!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE -- RDR -->
| |
− | <div class="visualClear"></div>
| |
− |
| |
− | <script>if (window.runOnloadHook) runOnloadHook();</script>
| |
| | | |
| </body> | | </body> |
| | | |
| </html> | | </html> |