Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
playground:playground [2015/01/15 15:55]
127.0.0.1 external edit
playground:playground [2019/02/18 10:12] (current)
Line 1: Line 1:
-====== ​PlayGround ​======+<​html>​ 
 + 
 + 
 +<​body>​ 
 + <style type="​text/​css">​ 
 +.pure-u-1,​.pure-u-1-1,​.pure-u-1-2,​.pure-u-1-3,​.pure-u-2-3,​.pure-u-1-4,​.pure-u-3-4,​.pure-u-1-5,​.pure-u-2-5,​.pure-u-3-5,​.pure-u-4-5,​.pure-u-5-5,​.pure-u-1-6,​.pure-u-5-6,​.pure-u-1-8,​.pure-u-3-8,​.pure-u-5-8,​.pure-u-7-8,​.pure-u-1-12,​.pure-u-5-12,​.pure-u-7-12,​.pure-u-11-12,​.pure-u-1-24,​.pure-u-2-24,​.pure-u-3-24,​.pure-u-4-24,​.pure-u-5-24,​.pure-u-6-24,​.pure-u-7-24,​.pure-u-8-24,​.pure-u-9-24,​.pure-u-10-24,​.pure-u-11-24,​.pure-u-12-24,​.pure-u-13-24,​.pure-u-14-24,​.pure-u-15-24,​.pure-u-16-24,​.pure-u-17-24,​.pure-u-18-24,​.pure-u-19-24,​.pure-u-20-24,​.pure-u-21-24,​.pure-u-22-24,​.pure-u-23-24,​.pure-u-24-24{display:​inline-block;​*display:​inline;​zoom:​1;​letter-spacing:​normal;​word-spacing:​normal;​vertical-align:​top;​text-rendering:​auto}.pure-u-1-24{width:​4.1667%;​*width:​4.1357%}.pure-u-1-12,​.pure-u-2-24{width:​8.3333%;​*width:​8.3023%}.pure-u-1-8,​.pure-u-3-24{width:​12.5%;​*width:​12.469%}.pure-u-1-6,​.pure-u-4-24{width:​16.6667%;​*width:​16.6357%}.pure-u-1-5{width:​20%;​*width:​19.969%}.pure-u-5-24{width:​20.8333%;​*width:​20.8023%}.pure-u-1-4,​.pure-u-6-24{width:​25%;​*width:​24.969%}.pure-u-7-24{width:​29.1667%;​*width:​29.1357%}.pure-u-1-3,​.pure-u-8-24{width:​33.3333%;​*width:​33.3023%}.pure-u-3-8,​.pure-u-9-24{width:​37.5%;​*width:​37.469%}.pure-u-2-5{width:​40%;​*width:​39.969%}.pure-u-5-12,​.pure-u-10-24{width:​41.6667%;​*width:​41.6357%}.pure-u-11-24{width:​45.8333%;​*width:​45.8023%}.pure-u-1-2,​.pure-u-12-24{width:​50%;​*width:​49.969%}.pure-u-13-24{width:​54.1667%;​*width:​54.1357%}.pure-u-7-12,​.pure-u-14-24{width:​58.3333%;​*width:​58.3023%}.pure-u-3-5{width:​60%;​*width:​59.969%}.pure-u-5-8,​.pure-u-15-24{width:​62.5%;​*width:​62.469%}.pure-u-2-3,​.pure-u-16-24{width:​66.6667%;​*width:​66.6357%}.pure-u-17-24{width:​70.8333%;​*width:​70.8023%}.pure-u-3-4,​.pure-u-18-24{width:​75%;​*width:​74.969%}.pure-u-19-24{width:​79.1667%;​*width:​79.1357%}.pure-u-4-5{width:​80%;​*width:​79.969%}.pure-u-5-6,​.pure-u-20-24{width:​83.3333%;​*width:​83.3023%}.pure-u-7-8,​.pure-u-21-24{width:​87.5%;​*width:​87.469%}.pure-u-11-12,​.pure-u-22-24{width:​91.6667%;​*width:​91.6357%}.pure-u-23-24{width:​95.8333%;​*width:​95.8023%}.pure-u-1,​.pure-u-1-1,​.pure-u-5-5,​.pure-u-24-24{width:​100%} 
 + 
 + </​style>​ 
 + <style type="​text/​css">​ 
 + body,​html{margin:​0;​padding:​0}body{text-align:​center}h1{font-size:​28pt;​letter-spacing:​12px;​border-bottom:​1px solid #​ddd;​margin:​0}h2.subtitle{margin-top:​0;​margin-bottom:​40px}#​container{margin:​100px auto;​width:​700px;​color:#​555}#​countdown_dashboard{height:​110px}.dash{width:​110px;​height:​114px;​background:​url(http://​www.inf.unibz.it/​emse-dokuwiki/​_media/​wiki/​dash.png) no-repeat;​float:​left;​margin-left:​20px;​position:​relative}.dash .digit{font-size:​55pt;​font-weight:​700;​float:​left;​width:​55px;​text-align:​center;​font-family:​Times;​color:#​555;​position:​relative}.dash_title{position:​absolute;​display:​block;​bottom:​0;​right:​6px;​font-size:​9pt;​color:#​555;​text-transform:​uppercase;​letter-spacing:​2px}.dev_comment{font-size:​14pt;​color:#​777;​text-align:​center;​font-style:​italic;​margin:​40px 10px}#​subscribe_form{position:​relative}#​email_field{font-size:​16pt;​padding:​6px 10px;​width:​300px}#​subscribe_button{font-size:​14pt;​color:#​333;​padding:​4px 8px}.copyright{font-size:​9pt;​color:#​333;​margin:​40px 0}.faded{color:#​999}.form_message{width:​400px;​padding:​10px;​margin:​15px auto;​display:​none}#​error_message{background-color:#​ffe;​border-left:​5px solid #​bb3;​border-right:​5px solid #​bb3;​color:#​770}#​info_message{background-color:#​f0f9ff;​border:​1px solid #​eef}#​loading{text-align:​center;​margin:​10px;​display:​none;​position:​absolute;​width:​100%;​top:​60px} 
 + </​style>​ 
 + <link href='​http://​fonts.googleapis.com/​css?​family=Oswald'​ rel='​stylesheet'​ type='​text/​css'>​ 
 + <meta http-equiv="​Content-Type"​ content="​text/​html;​ charset=UTF-8" /> 
 + 
 + <style type="​text/​css">​ 
 + .font-countdown { 
 + font-family:​ '​Oswald',​ sans-serif;​ 
 +
 + .dash .digit 
 +
 + font-family:​ '​Oswald',​ sans-serif;​ 
 + font-size:​ 45pt; 
 +
 + </​style>​ 
 + 
 + <​script language="​Javascript"​ type="​text/​javascript"​ src="​https://​code.jquery.com/​jquery-1.4.1.min.js"></​script>​ 
 + 
 +<script type="​text/​javascript">​ 
 + !function(a){a.fn.countDown=function(t){return config={},​a.extend(config,​t),​diffSecs=this.setCountDown(config),​config.onComplete&&​a.data(a(this)[0],"​callback",​config.onComplete),​config.omitWeeks&&​a.data(a(this)[0],"​omitWeeks",​config.omitWeeks),​a("#"​+a(this).attr("​id"​)+"​ .digit"​).html('<​div class="​top"></​div><​div class="​bottom"></​div>'​),​a(this).doCountDown(a(this).attr("​id"​),​diffSecs,​500),​this},​a.fn.stopCountDown=function(){clearTimeout(a.data(this[0],"​timer"​))},​a.fn.startCountDown=function(){this.doCountDown(a(this).attr("​id"​),​a.data(this[0],"​diffSecs"​),​500)},​a.fn.setCountDown=function(t){var e=new Date;​t.targetDate?​e=new Date(t.targetDate.month+"/"​+t.targetDate.day+"/"​+t.targetDate.year+"​ "​+t.targetDate.hour+":"​+t.targetDate.min+":"​+t.targetDate.sec+(t.targetDate.utc?"​ UTC":""​)):​t.targetOffset&&​(e.setFullYear(t.targetOffset.year+e.getFullYear()),​e.setMonth(t.targetOffset.month+e.getMonth()),​e.setDate(t.targetOffset.day+e.getDate()),​e.setHours(t.targetOffset.hour+e.getHours()),​e.setMinutes(t.targetOffset.min+e.getMinutes()),​e.setSeconds(t.targetOffset.sec+e.getSeconds()));​var s=new Date;return diffSecs=Math.floor((e.valueOf()-s.valueOf())/​1e3),​a.data(this[0],"​diffSecs",​diffSecs),​diffSecs},​a.fn.doCountDown=function(s,​i,​o){$this=a("#"​+s),​0>​=i&&​(i=0,​a.data($this[0],"​timer"​)&&​clearTimeout(a.data($this[0],"​timer"​))),​secs=i%60,​mins=Math.floor(i/​60)%60,​hours=Math.floor(i/​60/​60)%24,​1==a.data($this[0],"​omitWeeks"​)?​(days=Math.floor(i/​60/​60/​24),​weeks=Math.floor(i/​60/​60/​24/​7)):​(days=Math.floor(i/​60/​60/​24)%7,​weeks=Math.floor(i/​60/​60/​24/​7)),​$this.dashChangeTo(s,"​seconds_dash",​secs,​o?​o:​800),​$this.dashChangeTo(s,"​minutes_dash",​mins,​o?​o:​1200),​$this.dashChangeTo(s,"​hours_dash",​hours,​o?​o:​1200),​$this.dashChangeTo(s,"​days_dash",​days,​o?​o:​1200),​$this.dashChangeTo(s,"​weeks_dash",​weeks,​o?​o:​1200),​a.data($this[0],"​diffSecs",​i),​i>​0?​(e=$this,​t=setTimeout(function(){e.doCountDown(s,​i-1)},​1e3),​a.data(e[0],"​timer",​t)):​(cb=a.data($this[0],"​callback"​))&&​a.data($this[0],"​callback"​)()},​a.fn.dashChangeTo=function(t,​e,​s,​i){$this=a("#"​+t);​for(var o=$this.find("​."​+e+"​ .digit"​).length-1;​o>​=0;​o--){var n=s%10;​s=(s-n)/​10,​$this.digitChangeTo("#"​+$this.attr("​id"​)+"​ ."​+e+"​ .digit:​eq("​+o+"​)",​n,​i)}},​a.fn.digitChangeTo=function(t,​e,​s){s||(s=800),​a(t+"​ div.top"​).html()!=e+""&&​(a(t+"​ div.top"​).css({display:"​none"​}),​a(t+"​ div.top"​).html(e?​e:"​0"​).slideDown(s),​a(t+"​ div.bottom"​).animate({height:""​},​s,​function(){a(t+"​ div.bottom"​).html(a(t+"​ div.top"​).html()),​a(t+"​ div.bottom"​).css({display:"​block",​height:""​}),​a(t+"​ div.top"​).hide().slideUp(10)}))}}(jQuery);​ 
 +</​script>​ 
 +<script type="​text/​javascript">​ 
 + function email_focus(){"​your@email.com"​==$(this).val()&&​($(this).val(""​),​$(this).removeClass("​faded"​))}function email_blur(){""​==$(this).val()&&​($(this).val("​your@email.com"​),​$(this).addClass("​faded"​))}function subscribe_submit(){return email=$("#​email_field"​).val(),​$.post("​subscribe.php?​json=1",​$("#​subscribe_form"​).serialize(),​subscribe_result,"​json"​),​$("#​subscribe_button"​).attr("​disabled","​disabled"​),​$("​.form_message"​).fadeOut("​fast"​),​$("#​loading"​).fadeIn("​fast"​),​!1}function subscribe_result(e){$("#​loading"​).hide(),​e.error?​display_message(e.error):​display_message(e.info,"​info"​),​$("#​subscribe_button"​).removeAttr("​disabled"​)}function display_message(e,​s){s||(s="​error"​),"​error"​==s?​($("#​error_message"​).html(e).fadeIn("​slow"​),​setTimeout("​hide_error()",​4e3)):​($("#​error_message"​).hide(),​$("#​info_message"​).html(e).fadeIn("​slow"​))}function hide_error(){$("#​error_message"​).fadeOut("​slow"​)} 
 +</​script>​ 
 + 
 + <​script type="​text/​javascript">​ 
 + jQuery(document).ready(function() { 
 + $('#​countdown_dashboard'​).countDown({ 
 + targetDate:​ { 
 + '​day':​ 07, 
 + '​month':​ 04, 
 + '​year':​ 2015, 
 + '​hour':​ 22, 
 + '​min':​ 59, 
 + '​sec':​ 59, 
 +'​utc': ​     true 
 + 
 +
 + }); 
 + 
 + $('​div'​).remove('​.left_sidebar'​);​ 
 + $('​div'​).remove('​.breadcrumbs'​);​ 
 + $('​.page_right'​).css('​border-left','​0px'​).css('​float','​none'​);​ 
 + 
 + 
 + }); 
 + </​script>​ 
 +  
 + <div id="​container"​ class="​font-countdown">​ 
 + <div pure-g>​ 
 + <div style="​text-align:​center">​ 
 + <img src="​http://​www.inf.unibz.it/​emse-dokuwiki/​_media/​wiki/​emse_logo7.png"​ style="​width:​322px;​ height:​160px;"​ > 
 + </​div>​ 
 + <​br>​ 
 + </​div>​ 
 +  
 + 
 + <!-- Countdown dashboard start --> 
 + 
 + <​div id="​countdown_dashboard"​ style="​margin-left:​ 15px;">​ 
 + <div class="​dash weeks_dash">​ 
 + <​span class="​dash_title">​weeks</​span>​ 
 + <div class="​digit">​0</​div>​ 
 + <div class="​digit">​0</​div>​ 
 + </​div>​ 
 + 
 + <div class="​dash days_dash">​ 
 + <​span class="​dash_title">​days</​span>​ 
 + <div class="​digit">​0</​div>​ 
 + <div class="​digit">​0</​div>​ 
 + </​div>​ 
 + 
 + <div class="​dash hours_dash">​ 
 + <​span class="​dash_title">​hours</​span>​ 
 + <div class="​digit">​0</​div>​ 
 + <div class="​digit">​0</​div>​ 
 + </​div>​ 
 + 
 + <div class="​dash minutes_dash">​ 
 + <​span class="​dash_title">​minutes</​span>​ 
 + <div class="​digit">​0</​div>​ 
 + <div class="​digit">​0</​div>​ 
 + </​div>​ 
 + 
 + <div class="​dash seconds_dash">​ 
 + <​span class="​dash_title">​seconds</​span>​ 
 + <div class="​digit">​0</​div>​ 
 + <div class="​digit">​0</​div>​ 
 + </​div>​ 
 + 
 + </​div>​ 
 + <​br>​ 
 + 
 + 
 +<p style="​font-size:​15px;">​left to apply for EMSE 2015 - 2017 </​p>​ 
 + <a href="​http://​www.inf.unibz.it/​emse-dokuwiki/​emse/​call"​ style="​font-size:​20px;​ color:#​336699;">​APPLY NOW</​a><​br>​ 
 + <a href="​http://​www.inf.unibz.it/​emse-dokuwiki/​emse/​home"​ style="​font-size:​20px;​ color:#​336699;">​Homepage</​a>​ 
 +<span class="​try"></​span>​ 
 + </​div>​ 
 +<script type="​text/​javascript">​ 
 + var d = new Date(); 
 + $('​.try'​).text(d.getTimezoneOffset()) 
 +</​script>​ 
 +  
 +</​body>​ 
 + 
 +</​html>​
  
playground/playground.1421333722.txt.gz · Last modified: 2019/02/18 10:12 (external edit)
Driven by DokuWiki Recent changes RSS feed Valid CSS Valid XHTML 1.0