diff options
Diffstat (limited to 'static')
| -rw-r--r-- | static/website/css/main.css | 7 | ||||
| -rwxr-xr-x | static/website/templates/home.html | 42 |
2 files changed, 43 insertions, 6 deletions
diff --git a/static/website/css/main.css b/static/website/css/main.css index 795ca67..98364c1 100644 --- a/static/website/css/main.css +++ b/static/website/css/main.css @@ -334,9 +334,10 @@ body { } .register-notify{ - font-size: 1.3em; - background-color: #238E68; - color: black!important; + font-size: 1em; + background-color: aqua; + color: orange!important; + font-family: "sans"; } diff --git a/static/website/templates/home.html b/static/website/templates/home.html index 85f5554..40ab150 100755 --- a/static/website/templates/home.html +++ b/static/website/templates/home.html @@ -47,9 +47,9 @@ <li class="{% active request 'poster' %}"><a href="{% url 'website:poster' %}">Poster</a></li> <li class="{% active request 'contact' %}"><a href="{% url 'website:contact' %}">Contact Us</a></li--> </ul> - <ul class="nav navbar-nav navbar-right"> - <li class="{% active request 'register' %}"><a href="{% url 'website:register' %}">Register</a></li> - <li><a href="{% url 'website:register' %}" class="register-notify">Registration closes in 1 Day</a></li> + <ul class="nav navbar-nav navbar-right" id="register"> + <li class="{% active request 'register' %} register-notify"><a id="close" href="{% url 'website:register' %}"></a></li> + <li class="{% active request 'register' %} register-notify"><a id="time_left" href="{% url 'website:register' %}"></a></li> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> @@ -251,6 +251,42 @@ <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script> +time_left = 5; +function secs_to_time(secs) +{ + var h = Math.floor(secs/3600); + var h_s = (h > 0) ? h+'h:' : ''; + var m = Math.floor((secs%3600)/60); + var m_s = (m > 0) ? m+'m:' : ''; + var s_s = Math.floor(secs%60) + 's'; + return h_s + m_s + s_s; +} +function update_time() +{ + time_left -=1; + var lElem = document.getElementById("register"); + var elem1 = document.getElementById("close"); + var elem = document.getElementById("time_left"); + var t_str = secs_to_time(time_left); + if (time_left>0) + { + elem1.innerHTML = "Registration closes in"; + elem.innerHTML = "<strong>" + t_str + "</strong>"; + } + else + { + elem1.innerHTML = " "; + elem.innerHTML = "Online Registrations Closed"; + } + setTimeout("update_time()", 1000); +} +</script> +<script> +$(document).ready(function() { + update_time(); +}); +</script> +<script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) |