Changeset 4525

Show
Ignore:
Timestamp:
01/02/08 06:41:15 (1 year ago)
Author:
xmlhacker
Message:

various updates

Files:

Legend:

Unmodified
Added
Removed
Modified
Copied
Moved

  • trunk/nuxleus/Web/11111011000.com/index.html

    r4523 r4525  
    1 <?xml version="1.0" encoding="UTF-8"?> 
    2 <!DOCTYPE html  
    3      PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    4      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    5 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
     1 
     2<html> 
    63  <head> 
    7     <title>11111011000</title> 
     4    <script language="javascript" src="/js/blendtrans.js"></script> 
    85    <script type="text/javascript"> 
    9     // The following code was derived from,  
    10     // **************************************************** 
    11     // a binary Unix time clock 
    12     // copyright 2004 Steve Pomeroy steve@staticfree.info 
    13     // This software released under the GNU GPL 
    14     // **************************************************** 
    15     // and modified by M. David Peterson (m.david@xmlhacker.com) to countdown the number of seconds 
    16     // between when the page first loads and January 1st, 2008 @ 00:00:00 (based on the local time of the requesting browser).  
    17  
    18     // x is the decimal value, pad is the number of digits to pad up to 
    19     function toBinary(x,pad){ 
    20        var y = ""; 
    21        while(pad){ 
    22          if( x >= 1 ){ 
    23            y = (x % 2) + y; 
    24            x = x / 2; 
    25            x = Math.floor(x); 
    26          }else{ 
    27            y = "0" + y; 
     6      // The following code was derived from,  
     7      // **************************************************** 
     8      // a binary Unix time clock 
     9      // copyright 2004 Steve Pomeroy steve@staticfree.info 
     10      // This software released under the GNU GPL 
     11      // **************************************************** 
     12      // and modified by M. David Peterson (m.david@xmlhacker.com) to countdown the number of seconds 
     13      // between when the page first loads and January 1st, 2008 @ 00:00:00 (based on the local time of the requesting browser).  
     14   
     15      // x is the decimal value, pad is the number of digits to pad up to 
     16      function toBinary(x,pad){ 
     17         var y = ""; 
     18         while(pad){ 
     19           if( x >= 1 ){ 
     20             y = (x % 2) + y; 
     21             x = x / 2; 
     22             x = Math.floor(x); 
     23           }else{ 
     24             y = "0" + y; 
     25           } 
     26           pad--; 
    2827         } 
    29          pad--; 
    30        } 
    31        return y; 
    32     } 
    33     // sets the text of the element with the id 'countdowndisp' to  
    34     // the clock and endlessly loops 
    35     function updateTime(){ 
    36       var x = new Date();  
    37       var jan12008000000 = Date.parse('January, 1 2008 00:00:00'); 
    38       var display = toBinary(Math.floor(jan12008000000/1000 - x.valueOf()/1000), 32); 
    39       document.getElementById('countdowndisp').innerHTML = display; 
    40       document.title = display.concat(' seconds until 11111011000 and the amp.fm limited public beta'); 
    41       setTimeout( updateTime, 1000 ); 
    42     } 
    43   </script> 
     28         return y; 
     29      } 
     30      // sets the text of the element with the id 'countdowndisp' to  
     31      // the clock and endlessly loops 
     32      function updateTime(){ 
     33        var x = new Date();  
     34        var timeinseconds = x.valueOf()/1000; 
     35        var jan12008000000 = Date.parse('January, 1 2008 00:00:00')/1000; 
     36        var timeleftinseconds = Math.floor(jan12008000000 - timeinseconds); 
     37        var display = toBinary(timeleftinseconds, 32); 
     38        document.getElementById('countdowndisp').innerHTML = display; 
     39        document.title = display.concat(' seconds until 11111011000 and the amp.fm limited public beta'); 
     40        if(timeleftinseconds < 45){ 
     41          startTransition(); 
     42        } 
     43        setTimeout( updateTime, 1000 ); 
     44      } 
     45      var transitionStarted = false; 
     46      var redirectCount = 0; 
     47      function startTransition() { 
     48        if(redirectCount < 60) { 
     49          if(redirectCount == 40) { 
     50           opacity('ampfmlogo', 0, 100, 20000);  
     51          } 
     52          if(redirectCount == 45) { 
     53           opacity('get-plugged-in', 0, 100, 5000);  
     54          } 
     55          if(redirectCount == 45) { 
     56           opacity('happy-new-year', 0, 100, 5000);  
     57          } 
     58          if(transitionStarted == false){ 
     59            opacity('countdowndisp', 100, 15, 5000); 
     60            opacity('content', 100, 0, 30000); 
     61            opacity('container', 100, 0, 45000); 
     62             
     63            transitionStarted = true; 
     64          } 
     65          redirectCount++; 
     66        } 
     67        else { 
     68          window.location.replace('http://blog.amp.fm/'); 
     69        } 
     70      } 
     71    </script> 
    4472    <style type="text/css"> 
    45     body{ 
    46       background-color: black; 
    47     } 
     73      body{ 
     74        margin:0; 
     75        padding:0; 
     76      } 
     77      h1 { 
     78       font-size:18pt; 
     79       color:#000; 
     80       font-family: helvetica; 
     81      } 
     82      h2 { 
     83       font-size:24pt; 
     84       color:#CC6600; 
     85       font-family: helvetica; 
     86      } 
     87      #container { 
     88        width:100%; 
     89        height:100%;  
     90        background:#000; 
     91        opacity:100%; 
     92        margin:0; 
     93        padding:0; 
     94      } 
    4895      #countdowndisp { 
    49                 color: #0F0; 
    50                 font-family: monospace; 
    51                 font-size: 3em; 
    52                 text-align: center; 
    53                 margin:30% auto; 
    54                 width:100%; 
    55                 height:100%; 
     96        color: #0F0; 
     97        font-family: monospace; 
     98        font-size: 3em; 
     99        text-align: center; 
     100        margin:25% auto; 
     101        width:100%; 
     102        position:absolute; 
     103        top:0; 
     104        left:0; 
     105        right:0; 
     106      } 
     107      #bodycontent{ 
     108        position:absolute; 
     109        top:0; 
     110        left:0; 
     111        right:0; 
     112        background:#000; 
     113      } 
     114      #ampfmlogo{ 
     115        position:absolute; 
     116        top:0; 
     117        left:0; 
     118        right:0; 
     119        margin-left:auto; 
     120        margin-right:auto; 
     121        width:450px; 
     122        text-align:center; 
     123        opacity: .0; 
     124        filter: alpha(opacity=0); 
     125        -moz-opacity: .0; 
     126      } 
     127      #ampfmlogo img { 
     128        position:absolute; 
     129        top:245px; 
     130        left:0; 
     131        right:0; 
     132        height:110px; 
     133        width:450px; 
     134      } 
     135      #get-plugged-in{ 
     136        position:absolute; 
     137        top:375px; 
     138        left:0; 
     139        right:0; 
     140        opacity: .0; 
     141        filter: alpha(opacity=0); 
     142        -moz-opacity: .0; 
     143      } 
     144      #happy-new-year{ 
     145        position:absolute; 
     146        top:400px; 
     147        left:0; 
     148        right:0; 
     149        opacity: .0; 
     150        filter: alpha(opacity=0); 
     151        -moz-opacity: .0; 
    56152      } 
    57153    </style> 
    58154  </head> 
    59155  <body> 
    60     <h1 id="countdowndisp">If this is displayed, your browser doesn't support Javascript. Sorry.</h1> 
    61     <script type="text/javascript">updateTime()</script> 
     156    <div id="ampfmlogo"> 
     157      <img src="http://amp.fm/images/amplogo5.png"/>  
     158      <div id="get-plugged-in"> 
     159        <h1>Get Plugged Into 11111011000</h1> 
     160      </div> 
     161      <div id="happy-new-year"> 
     162        <h2>Happy New Year, Everyone!</h2> 
     163      </div> 
     164    </div> 
     165    <div id="container"> 
     166      <div class="bodycontent"> 
     167        <div id="countdowndisp">11111011000</div> 
     168        <script language="javascript" type="text/javascript">updateTime()</script> 
     169      </div> 
     170      <script language="javascript" src="/js/matrix.js"></script> 
     171    </div> 
    62172  </body> 
    63173</html>