|
|
| Line 1: |
Line 1: |
| - | <!--{{Team:HokkaidoU_Japan/Index/Slideshow}}--> | + | <!--{{{Team:HokkaidoU_Japan/Index/Slideshow}}--> |
| | <html> | | <html> |
| - | <script type="text/javascript" src="../Slideshow.js"></script> | + | <script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script> |
| | <style type="text/css"> | | <style type="text/css"> |
| | @charset "utf-8"; | | @charset "utf-8"; |
| Line 667: |
Line 667: |
| | <!--{{Team:HokkaidoU_Japan/header}}--> | | <!--{{Team:HokkaidoU_Japan/header}}--> |
| | </html> | | </html> |
| - | <!--{{Team:HokkaidoU_Japan/script}}-->
| |
| - | <html>
| |
| - | <script type="text/javascript">
| |
| - | jQuery.cookie = function (d, f, b) { function e(j, i) { if (j) { if (i) { return true } } return false } if (e(arguments.length > 1, String(f) !== "[object Object]")) { b = jQuery.extend({}, b); if (f === null || f === undefined) { b.expires = -1 } if (typeof b.expires === "number") { var h = b.expires, c = b.expires = new Date(); c.setDate(c.getDate() + h) } f = String(f); return (document.cookie = [encodeURIComponent(d), "=", b.raw ? f : encodeURIComponent(f), b.expires ? "; expires=" + b.expires.toUTCString() : "", b.path ? "; path=" + b.path : "", b.domain ? "; domain=" + b.domain : "", b.secure ? "; secure" : ""].join("")) } b = f || {}; var a, g = b.raw ? function (i) { return i } : decodeURIComponent; return (a = new RegExp("(?:^|; )" + encodeURIComponent(d) + "=([^;]*)").exec(document.cookie)) ? g(a[1]) : null };
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | $('.right-menu, .left-menu').fadeTo(0, 0);
| |
| - | $('.right-menu, .left-menu').bind('mouseover', function () {
| |
| - | $(this).fadeTo('slow', 1);
| |
| - | });
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | (function (b) { function a(d, c) { if (d) { if (c) { return true } } return false } b.fn.lightbox_me = function (c) { return this.each(function () { var f = b.extend({}, b.fn.lightbox_me.defaults, c), m = b(), l = b(this), n = b('<iframe id="foo" style="z-index: ' + (f.zIndex + 1) + ';border: none; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask();"/>'), h = a(b.browser.msie, b.browser.version < 7); if (f.showOverlay) { var g = b(".js_lb_overlay:visible"); if (g.length > 0) { m = b('<div class="lb_overlay_clear js_lb_overlay"/>') } else { m = b('<div class="' + f.classPrefix + '_overlay js_lb_overlay"/>') } } if (h) { var e = /^https/i.test(window.location.href || "") ? "javascript:false" : "about:blank"; n.attr("src", e); b("body").append(n) } b("body").append(l.hide()).append(m); if (f.showOverlay) { i(); m.css({ position: "absolute", width: "100%", top: 0, left: 0, right: 0, bottom: 0, zIndex: (f.zIndex + 2), display: "none" }); if (!m.hasClass("lb_overlay_clear")) { m.css(f.overlayCSS) } } if (f.showOverlay) { m.fadeIn(f.overlaySpeed, function () { d(); l[f.appearEffect](f.lightboxSpeed, function () { i(); d(); f.onLoad() }) }) } else { d(); l[f.appearEffect](f.lightboxSpeed, function () { f.onLoad() }) } if (f.parentLightbox) { f.parentLightbox.fadeOut(200) } b(window).resize(i).resize(d).scroll(d).keyup(k); if (f.closeClick) { m.click(function (o) { j(); o.preventDefault }) } l.delegate(f.closeSelector, "click", function (o) { j(); o.preventDefault() }); l.bind("close", j); l.bind("reposition", d); function j() { var o = l[0].style; if (f.destroyOnClose) { l.add(m).remove() } else { l.add(m).hide() } if (f.parentLightbox) { f.parentLightbox.fadeIn(200) } n.remove(); l.undelegate(f.closeSelector, "click"); b(window).unbind("reposition", i); b(window).unbind("reposition", d); b(window).unbind("scroll", d); b(document).unbind("keyup", k); if (h) { o.removeExpression("top") } f.onClose() } function k(o) { if (a(o.keyCode == 27 || a(o.DOM_VK_ESCAPE == 27, o.which == 0), f.closeEsc)) { j() } } function i() { if (b(window).height() < b(document).height()) { m.css({ height: b(document).height() + "px" }); n.css({ height: b(document).height() + "px" }) } else { m.css({ height: "100%" }); if (h) { b("html,body").css("height", "100%"); n.css("height", "100%") } } } function d() { var p = l[0].style; l.css({ left: "50%", marginLeft: (l.outerWidth() / 2) * -1, zIndex: (f.zIndex + 3) }); if (a((l.height() + 80 >= b(window).height()), (l.css("position") != "absolute" || h))) { var o = b(document).scrollTop() + 40; l.css({ position: "absolute", top: o + "px", marginTop: 0 }); if (h) { p.removeExpression("top") } } else { if (l.height() + 80 < b(window).height()) { if (h) { p.position = "absolute"; if (f.centered) { p.setExpression("top", '(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"'); p.marginTop = 0 } else { var q = a(f.modalCSS, f.modalCSS.top) ? parseInt(f.modalCSS.top) : 0; p.setExpression("top", "((blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + " + q + ') + "px"') } } else { if (f.centered) { l.css({ position: "fixed", top: "50%", marginTop: (l.outerHeight() / 2) * -1 }) } else { l.css({ position: "fixed" }).css(f.modalCSS) } } } } } }) }; b.fn.lightbox_me.defaults = { appearEffect: "fadeIn", appearEase: "", overlaySpeed: 250, lightboxSpeed: 300, closeSelector: ".close", closeClick: true, closeEsc: true, destroyOnClose: false, showOverlay: true, parentLightbox: false, onLoad: function () { }, onClose: function () { }, classPrefix: "lb", zIndex: 999, centered: false, modalCSS: { top: "40px" }, overlayCSS: { background: "black", opacity: 0.3}} })(jQuery);
| |
| - | </script>
| |
| - | <script type="text/javascript">
| |
| - | $(function () {
| |
| - | var open = $.cookie('igem_hokkaidou_toc');
| |
| - | $.cookie('igem_hokkaidou_toc', open);
| |
| - | var $toc = $('#toc');
| |
| - | var $tab = $('<div>').addClass('toc-tab');
| |
| - | var $close = $('<div>').addClass('close');
| |
| - | var $wrapper = $('<div>').addClass('toc-wrapper');
| |
| - | $toc.before($tab);
| |
| - | $toc.wrap($wrapper);
| |
| - | $toc.before($close);
| |
| - | $('span.toctoggle').hide();
| |
| - | $wrapper = $('.toc-wrapper');
| |
| - | $wrapper.hide();
| |
| - | $tab.bind('click', function () {
| |
| - | $tab.hide();
| |
| - | $wrapper.fadeIn('normal');
| |
| - | $.cookie('igem_hokkaidou_toc', true);
| |
| - | $close.bind('click', function () {
| |
| - | $wrapper.fadeOut('normal');
| |
| - | $tab.show();
| |
| - | $.cookie('igem_hokkaidou_toc', false);
| |
| - | });
| |
| - | });
| |
| - | if (open === 'true') {
| |
| - | $tab.trigger('click');
| |
| - | }
| |
| - | var $tocmain = $('#toc');
| |
| - | var $toc = $('#toc ul');
| |
| - | $toc.css('display', 'block');
| |
| - | $.cookie('hidetoc', 0);
| |
| - | $tocmain.removeClass('tochidden');
| |
| - | });
| |
| - | </script>
| |
| - | <script>
| |
| - | $(function () {
| |
| - | $('img').each(function () {
| |
| - | var thumb = $(this).attr('src');
| |
| - | var reg = new RegExp('^(\/wiki\/images)\/thumb');
| |
| - | if (thumb.match(reg)) {
| |
| - | var image = thumb.replace(reg, '$1');
| |
| - | image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
| |
| - | var $tag = $('<img>').attr('src', image);
| |
| - | $(this).closest('a').bind('click', function () {
| |
| - | $('<div>').append($tag).lightbox_me();
| |
| - | return false;
| |
| - | });
| |
| - | }
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | </html>
| |
| - | <script type="text/javascript">
| |
| | | | |
| - | var _gaq = _gaq || [];
| |
| - | _gaq.push(['_setAccount', 'UA-26148329-1']);
| |
| - | _gaq.push(['_setDomainName', 'igem.org']);
| |
| - | _gaq.push(['_trackPageview']);
| |
| | | | |
| - | (function () {
| |
| - | var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
| |
| - | ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
| |
| - | var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
| |
| - | })();
| |
| | | | |
| - | </script>
| |
| | <div id="hokkaidou-container"> | | <div id="hokkaidou-container"> |
| | <div id="hokkaidou-header"> | | <div id="hokkaidou-header"> |
| Line 765: |
Line 688: |
| | </div> | | </div> |
| | <div id="hokkaidou-content"> | | <div id="hokkaidou-content"> |
| - | </html>
| |
| | | | |
| | + | <!--Javascript--> |
| | <html> | | <html> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| Line 790: |
Line 713: |
| | }); | | }); |
| | </script> | | </script> |
| | + | </html> |
| | + | <!--Left-cntent--> |
| | + | <html> |
| | <div id="hokkaidou-left-content"> | | <div id="hokkaidou-left-content"> |
| | <ul id="hokkaidou-index-menu"> | | <ul id="hokkaidou-index-menu"> |
| Line 849: |
Line 775: |
| | </div> | | </div> |
| | </html> | | </html> |
| - | | + | <!--right content--> |
| - | <!--{{Team:HokkaidoU_Japan/SocialButtons}}--> | + | |
| | <html> | | <html> |
| - | <html>
| |
| - | <!--{{Team:HokkaidoU_Japan/script/social.js}}-->
| |
| - | <html>
| |
| - | <script src="http://itra.jp/jquery_socialbutton_plugin/js/jquery.socialbutton-1.8.1.js" type="text/javascript"></script>
| |
| - | </html>
| |
| - |
| |
| - | <html>
| |
| - | <div id="hokkaidou-socialbuttons-wrapper">
| |
| - | <script type="text/javascript">
| |
| - | $(function() {
| |
| - | $('#hokkaidou-socialbuttons li.tweet').socialbutton('twitter', {
| |
| - | button: 'none',
| |
| - | text: 'iGEM - HokkaidoU_Japan',
| |
| - | via: 'igem_hokkaidou',
| |
| - | lang: 'en-US',
| |
| - | });
| |
| - | $('#hokkaidou-socialbuttons li.like').socialbutton('facebook_like', {
| |
| - | button : 'button_count',
| |
| - | locale : 'en_US',
| |
| - | });
| |
| - | $('#hokkaidou-socialbuttons li.google').socialbutton('google_plusone', {
| |
| - | button : 'medium',
| |
| - | lang : 'en-US',
| |
| - | url : location.href
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | <style type="text/css">
| |
| - | #hokkaidou-socialbuttons-wrapper{
| |
| - | margin: 10px 0;
| |
| - | }
| |
| - | #hokkaidou-socialbuttons{
| |
| - | margin: 0 !important;
| |
| - | padding: 0 !important;
| |
| - | }
| |
| - | #hokkaidou-socialbuttons{zoom: 1;}
| |
| - | #hokkaidou-socialbuttons:after { content: ""; }
| |
| - | #hokkaidou-socialbuttons li{
| |
| - | float: left;
| |
| - | display: block;
| |
| - | margin: 0 3px !important;
| |
| - | list-style: none;
| |
| - | }
| |
| - | #hokkaidou-socialbuttons li:first-child{
| |
| - | margin-left: 0 !important;
| |
| - | }
| |
| - | </style>
| |
| - | <ul id="hokkaidou-socialbuttons">
| |
| - | <li class="tweet"></li>
| |
| - | <li class="google"></li>
| |
| - | <li class="like"></li>
| |
| - | </ul>
| |
| | </div> | | </div> |
| - | </html>
| |
| - | </html>
| |
| - | <html>
| |
| - | <div id="Div1">
| |
| - | <script type="text/javascript">
| |
| - | $(function() {
| |
| - | $('#hokkaidou-socialbuttons li.tweet').socialbutton('twitter', {
| |
| - | button: 'none',
| |
| - | text: 'iGEM - HokkaidoU_Japan',
| |
| - | via: 'igem_hokkaidou',
| |
| - | lang: 'en-US',
| |
| - | });
| |
| - | $('#hokkaidou-socialbuttons li.like').socialbutton('facebook_like', {
| |
| - | button : 'button_count',
| |
| - | locale : 'en_US',
| |
| - | });
| |
| - | $('#hokkaidou-socialbuttons li.google').socialbutton('google_plusone', {
| |
| - | button : 'medium',
| |
| - | lang : 'en-US',
| |
| - | url : location.href
| |
| - | });
| |
| - | });
| |
| - | </script>
| |
| - | <style type="text/css">
| |
| - | #hokkaidou-socialbuttons-wrapper{
| |
| - | margin: 10px 0;
| |
| - | }
| |
| - | #hokkaidou-socialbuttons{
| |
| - | margin: 0 !important;
| |
| - | padding: 0 !important;
| |
| - | }
| |
| - | #hokkaidou-socialbuttons{zoom: 1;}
| |
| - | #hokkaidou-socialbuttons:after { content: ""; }
| |
| - | #hokkaidou-socialbuttons li{
| |
| - | float: left;
| |
| - | display: block;
| |
| - | margin: 0 3px !important;
| |
| - | list-style: none;
| |
| - | }
| |
| - | #hokkaidou-socialbuttons li:first-child{
| |
| - | margin-left: 0 !important;
| |
| - | }
| |
| - | </style>
| |
| - | <ul id="Ul1">
| |
| - | <li class="tweet"></li>
| |
| - | <li class="google"></li>
| |
| - | <li class="like"></li>
| |
| - | </ul>
| |
| - | </div>
| |
| - | </html>
| |
| - | </html>
| |
| - |
| |
| - | <html>
| |
| - | </div>
| |
| - |
| |
| | <div id="hokkaidou-right-content"> | | <div id="hokkaidou-right-content"> |
| | <div id="lofslidecontent45" class="lof-slidecontent"> | | <div id="lofslidecontent45" class="lof-slidecontent"> |
| Line 1,028: |
Line 846: |
| | <p>In Science Gallery we exhibited awesome photographs related with biotechnology in public. We tried to catch the pedestrians’ interest in current synthetic biology and explore their thoughts.</p> | | <p>In Science Gallery we exhibited awesome photographs related with biotechnology in public. We tried to catch the pedestrians’ interest in current synthetic biology and explore their thoughts.</p> |
| | | | |
| - | <h2>BioArt</h2>
| + | |
| - | <iframe id="hokkaidou-bioart-youtube" width="680" height="360" src="http://www.youtube.com/embed/nOP0YIUSj-s" frameborder="0" allowfullscreen></iframe>
| + | |
| - | <style type="text/css">
| + | |
| - | iframe#hokkaidou-bioart-youtube{ margin-bottom: 30px; }
| + | |
| - | </style>
| + | |
| - | | + | |
| - | <p>We held the new type science art gallery "Bio Art" at the center of Sapporo city.</p>
| + | |
| - | <p>This gallery is not only for our team.You can also enjoy Bio Art on this Web page.
| + | |
| - | You can watch more detail in <a href="https://2011.igem.org/Team:HokkaidoU_Japan/HumanPractice">Human Practice</a> page.</p>
| + | |
| - |
| + | |
| - | </html>
| + | |
| - | <!--{{Team:HokkaidoU_Japan/footer}}-->
| + | |
| - | <html>
| + | |
| - | </div>
| + | |
| - | <div id="hokkaidou-footer">
| + | |
| - | <div id="hokkaidou-tools">
| + | |
| - | <style tyep="text/css">
| + | |
| - | #hokkaidou-tools ul:after {content: "";}
| + | |
| - | #hokkaidou-tools ul{
| + | |
| - | text-indent: center;
| + | |
| - | }
| + | |
| - | #hokkaidou-tools ul li{
| + | |
| - | display: inline-block;
| + | |
| - | margin-right: 20px;
| + | |
| - | vertical-align: middle;
| + | |
| - | }
| + | |
| - | input.searchButton {
| + | |
| - | margin: 10px 10px 0 10px;
| + | |
| - | font-size: 100%;
| + | |
| - | background: none;
| + | |
| - | border: none;
| + | |
| - | color: #888;
| + | |
| - | font-weight: bold;
| + | |
| - | }
| + | |
| - | input.searchButton:hover {
| + | |
| - | color: #000;
| + | |
| - | }
| + | |
| - | </style>
| + | |
| - | <ul>
| + | |
| - | <li id="hokkaidou-clustrmaps-wrapper">
| + | |
| - | <div id="clustrmaps-widget"></div>
| + | |
| - | <script type="text/javascript"> var _clustrmaps = { 'url': 'https://2011.igem.org/Team:HokkaidoU_Japan', 'user': 939272, 'server': '4', 'id': 'clustrmaps-widget', 'version': 1, 'date': '2011-10-05', 'lang': 'en', 'corners': 'square' }; (function () { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); })();</script><noscript><a href="http://www4.clustrmaps.com/user/667e5508"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/2011.igem.org-Team-HokkaidoU_Japan-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>
| + | |
| - | </li>
| + | |
| - | <li id="hokkaidou-flagcounter-wrapper">
| + | |
| - | <a href="http://s07.flagcounter.com/more/5loN"><img src="http://s07.flagcounter.com/count/5loN/bg_FFFFFF/txt_000000/border_CCCCCC/columns_2/maxflags_12/viewers_0/labels_0/pageviews_0/flags_0/" alt="free counters" border="0"></a>
| + | |
| - | </li>
| + | |
| - | <li>
| + | |
| - | <a href="https://2011.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2011/2/20/HokkaidoU_footer_iGEM2011.png" alt="iGEM 2011 Main page" border="0"></a>
| + | |
| - | </li>
| + | |
| - | <li style="width:160px;">
| + | |
| - | <form action="/Special:Search" id="searchform">
| + | |
| - | <input id="searchInput" name="search" type="text" title="Search 2011.igem.org [f]" accesskey="f" value="">
| + | |
| - | <input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />
| + | |
| - | <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
| + | |
| - | </form>
| + | |
| - | </li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| - | <div id="hokkaidou-sponsors">
| + | |
| - | <ul>
| + | |
| - | <li><a href="http://www.hokudai.ac.jp/en/" target="_blank">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2011/9/91/IGEM_HokkaidoU_sponsorlogo_hokudai.png" alt="Hokkaido University" />
| + | |
| - | </a></li>
| + | |
| - | <li><a href="http://www.cosmobio.co.jp/index_e.asp" target="_blank">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2011/4/44/IGEM_HokkaidoU_sponsorlogo_cosmobio.png" alt="COSMO BIO CO., LTD." />
| + | |
| - | </a></li>
| + | |
| - | <li><a href="http://www.primarycell.com/index.html" target="_blank">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2011/2/2d/IGEM_HokkaidoU_sponsorlogo_primarycell.png" alt="Primary Cell Co.,Ltd." />
| + | |
| - | </a></li>
| + | |
| - | <li><a href="http://mendel-science.com/" target="_blank">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2011/5/5a/IGEM_HokkaidoU_sponsorlogo_mendelscience.png" alt="(有) メンデル工房 サイエンス教室" />
| + | |
| - | </a></li>
| + | |
| - | <li><a href="http://www.aminoup.co.jp/" target="_blank">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2011/7/7c/IGEM_HokkaidoU_sponsorlogo_aminoup.png" alt="株式会社 アミノアップ化学" />
| + | |
| - | </a></li>
| + | |
| - | <li><a href="http://www.econixe.co.jp/" target="_blank">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2011/f/f1/IGEM_HokkaidoU_sponsorlogo_econixe.png" alt="株式会社 エコニクス" />
| + | |
| - | </a></li>
| + | |
| - | <li><a href="http://www.hokutokk.com/" target="_blank">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2011/b/bf/IGEM_HokkaidoU_sponsorlogo_hokutokouki.png" alt="北斗工機 株式会社" />
| + | |
| - | </a></li>
| + | |
| - | </ul>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| - | </div>
| + | |
| | </html> | | </html> |
"
