Template:Kyoto/header

From 2013.igem.org

(Difference between revisions)
 
(7 intermediate revisions not shown)
Line 1: Line 1:
{{kyoto/css}}
{{kyoto/css}}
<!--https://2013.igem.org/File:KyotoMenu.png-->
<!--https://2013.igem.org/File:KyotoMenu.png-->
 +
<html>
<div id="kyoto-menu">
<div id="kyoto-menu">
-
   <center id="menu-logo">[[Image:Lllllogp.png|link=Team:Kyoto|home]]</center>
+
   <a id="menu-logo" href="https://2013.igem.org/Team:Kyoto" title="Home"></a>
-
<html>
+
  <!--https://2013.igem.org/File:Lllllogp.png-->
<ul>
<ul>
-
   <li><a id="menu-home" href="https://2013.igem.org/Team:Kyoto"></a></li>
+
   <li><a id="menu-project" href="https://2013.igem.org/Team:Kyoto/Project" title="Project"></a></li>
-
   <li><a id="menu-project" href="https://2013.igem.org/Team:Kyoto/Project"></a></li>
+
   <li><a id="menu-mm" href="https://2013.igem.org/Team:Kyoto/Material_and_method" title="Material and Method"></a></li>
-
   <li><a id="menu-mm" href="https://2013.igem.org/Team:Kyoto/Material_and_method"></a></li>
+
   <li><a id="menu-note" href="https://2013.igem.org/Team:Kyoto/Notebook" title="Notebook"></a></li>
-
   <li><a id="menu-note" href="https://2013.igem.org/Team:Kyoto/Notebook"></a></li>
+
   <li><a id="menu-safety" href="https://2013.igem.org/Team:Kyoto/Safety" title="Safety"></a></li>
-
   <li><a id="menu-safety" href="https://2013.igem.org/Team:Kyoto/Safety"></a></li>
+
   <li><a id="menu-hp" href="https://2013.igem.org/Team:Kyoto/Humanpractice" title="Humanpractice"></a></li>
-
   <li><a id="menu-hp" href="https://2013.igem.org/Team:Kyoto/Humanpractice"></a></li>
+
   <li><a id="menu-team" href="https://2013.igem.org/Team:Kyoto/Team" title="Team"></a></li>
-
   <li><a id="menu-team" href="https://2013.igem.org/Team:Kyoto/Team"></a></li>
+
   <li><a id="menu-achvmnt" href="https://2013.igem.org/Team:Kyoto/Achievement" title="Achievement"></a></li>
-
   <li><a id="menu-sponsor" href="https://2013.igem.org/Team:Kyoto/Sponsors"></a></li>
+
   <li><a id="menu-coop" href="https://2013.igem.org/Team:Kyoto/Cooperation" title="Cooperation"></a></li>
</ul>
</ul>
-
</html>
 
</div>
</div>
-
 
-
<html>
 
-
<a id="kyoto_alert" target="_blank" href="https://2013.igem.org/Team:Kyoto/TimeLimit">count down</a>
 
-
<style type="text/css">
 
-
#kyoto_alert {
 
-
  position: fixed;
 
-
  top: 30px;
 
-
  right: 10px;
 
-
  background-color: #333;
 
-
  border: 4px solid #000;
 
-
  height: 30px;
 
-
  line-height: 30px;
 
-
  font-size: 30px;
 
-
  color: #ddd;
 
-
  text-decoration: none;
 
-
  padding: 30px 10px;
 
-
  display: none;
 
-
}
 
-
</style>
 
-
<script type="text/javascript">
 
-
var timer = setInterval(function() {
 
-
  var countdown = document.getElementById("kyoto_alert");
 
-
  var date = new Date();
 
-
  var time = Date.UTC(
 
-
    date.getUTCFullYear(),
 
-
    date.getUTCMonth(),
 
-
    date.getUTCDate(),
 
-
    date.getUTCHours(),
 
-
    date.getUTCMinutes(),
 
-
    date.getUTCSeconds()
 
-
  );
 
-
  var freeze = Date.UTC(2013, 8, 28, 4, 0, 0);
 
-
  time = (freeze - time)/1000;
 
-
  if (time < 1 * 3600) {
 
-
    alert();
 
-
    countdown.style.color = "#f00";
 
-
  } else if (time < 24 * 3600) {
 
-
    countdown.style.color = "#ff0";
 
-
  }
 
-
  if (time >= 0) {
 
-
    var second = ('0' + (time % 60)).slice(-2);
 
-
    time = Math.floor(time / 60);
 
-
    var minute = ('0' + (time % 60)).slice(-2);
 
-
    time = Math.floor(time / 60);
 
-
    var hour = ('0' + (time)).slice(-2);
 
-
    var str = hour + " : " + minute + " : " + second;
 
-
    countdown.innerText = str;
 
-
    countdown.style.display = "block";
 
-
  } else {
 
-
    countdown.style.display = "none";
 
-
  }
 
-
}, 200);
 
-
</script>
 
</html>
</html>
 +
{{kyoto/countdown}}

Latest revision as of 16:27, 26 September 2013

count down