m |
m |
||
(2 intermediate revisions by the same user not shown) | |||
Line 152: | Line 152: | ||
</style> | </style> | ||
− | + | <div id="slides-container"> | |
− | + | <div id="slides" | |
− | + | data-0="transform:translate(0%,0);" | |
− | + | data-133p="transform:translate(-50%,0);" | |
− | + | data-200p="" | |
− | + | data-250p="transform:translate(-50%,-50%);" | |
− | + | data-300p="" | |
− | + | data-400p="transform:translate(-50%,-100%);" | |
− | + | data-450p="" | |
− | + | data-550p="transform:translate(-50%,-150%);" | |
− | + | data-600p="" | |
− | + | data-700p="transform:translate(-50%,-200%);" | |
− | + | data-750p="" | |
− | + | data-850p="transform:translate(-50%,-250%);" | |
− | + | data-900p="" | |
− | + | data-1000p="transform:translate(-50%,-300%);" | |
− | + | data-1050p="" | |
− | + | data-1150p="transform:translate(-50%,-350%);" | |
− | + | data-1200p="" | |
− | + | data-1300p="transform:translate(-50%,-400%);" | |
− | + | data-1350p="" | |
− | + | data-1450p="transform:translate(-100%,-400%);" | |
− | + | > | |
− | + | <div id="slide-1" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-40p="opacity: 1; transform:translate(0px,0px);" | |
− | + | data-70p="opacity: 0; transform:translate(0px,-100%);" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | style="top:52%;left:62%" | |
− | + | > | |
− | + | <p style="color:black">by Team:Fudan #iGEM2020</p> | |
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-2" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 2</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-3" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 3</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-4" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 4</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-5" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 5</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-6" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 6</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-7" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 7</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-8" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 8</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-9" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 9</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-10" class="slide"> | |
− | + | <div class="caption" | |
− | + | data-anchor-target="#scrolling-helper" | |
− | + | > | |
− | + | <p style="color:#ccc;padding-left:1em">scene 10</p> | |
</div> | </div> | ||
− | + | </div> | |
− | + | <div id="slide-end" class="slide"> | |
− | + | <div class="caption" | |
− | + | style="left:5%;bottom:5%;right:auto" | |
− | + | data-1420p="opacity: 0; transform:translate(0,-200%);" | |
− | + | data-1470p="opacity: 1; transform:translate(0,0);" | |
− | + | data-anchor-target="#scrolling-helper" | |
+ | > | ||
<h1 style="color:white">We are proud to contribute to the <a style="color:white" href="/Team:Fudan/Sustainable">Sustainable</a> Development.</h1> | <h1 style="color:white">We are proud to contribute to the <a style="color:white" href="/Team:Fudan/Sustainable">Sustainable</a> Development.</h1> | ||
− | <p style="color:white">To find the quick answer to <a style="color:white" href="https://video.igem.org/videos/watch/7a0fee51-a637-4caf-aa97-a1d9bcafd3ba" target="_blank">the puzzle</a> | + | <p style="color:white">To find the quick answer to <a style="color:white" href="https://video.igem.org/videos/watch/7a0fee51-a637-4caf-aa97-a1d9bcafd3ba" target="_blank">the puzzle</a> please visit <a style="color:white" href="/Team:Fudan/Poster">/Team:Fudan/Poster</a></p> |
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
− | + | <div id="scrolling-helper"> | |
− | + | <div class="marker red"></div> | |
− | + | <div class="marker green"></div> | |
− | + | <div class="marker blue"></div> | |
− | + | <div class="marker grey"></div> | |
− | + | <div class="marker yellow"></div> | |
− | + | <div class="marker red"></div> | |
− | + | <div class="marker green"></div> | |
− | + | <div class="marker blue"></div> | |
− | + | <div class="marker grey"></div> | |
− | + | <div class="marker yellow"></div> | |
− | + | </div> | |
− | + | <script src="/wiki/index.php?title=Template:Fudan/skrollr.js&action=raw&ctype=text/javascript"></script> | |
− | + | <script> | |
− | + | var s = skrollr.init(); | |
− | + | </script> | |
− | + | <!-- #content #globalWrapper --> |
Latest revision as of 14:17, 17 December 2020