001. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
002. "https://www.w3.org/TR/html4/loose.dtd">
003. <html>
004. <head>
005. <title>Large Blue Live Clock</title>
006. <!-- Host is eSand.net on Godaddy -->
007. <meta name="description" content="Current time displayed - whatever zone - in large numbers on blue - Plus: View source scripts, system clock, convert GMT to US zone, lunar calendar by year" >
008. <meta http-equiv="Content-Style-Type" content="text/css">
009. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1;">
010. <link rel="stylesheet" type="text/css" href="https://esand.net/liveClock/commons/mainStylesheet.css" >
011. <link rel="shortcut icon" href="https://esand.net/liveClock/favicon.ico?v=2.0" >
012. <meta http-equiv="CACHE-CONTROL" content="no-store, no-cache, must-revalidate, max-age=0, post-check=0, pre-check=0, Pragma: no-cache" >
013. <meta name="robots" content="index,all">
014.
015. <?php
016. $tZone = " " ; $tZ = " " ; $cont = " " ;
017. $blue = "/blueClock" ; $dsplPic = 0 ;
018. $currURL = $_SERVER[ 'PHP_SELF' ] ;
019. $host = $_SERVER[ 'HTTP_HOST' ] ;
020. $thisHere = 'https://'.$host.'/blueClock' ;
021. error_reporting (E_ERROR | E_WARNING | E_PARSE ) ;
022. $jw = '/home/esand/public_html' ;
023. $bw = $jw.'/liveClock' ;
024. $moonyr = $_REQUEST[ 'moonyr' ] ;
025. if ( ( $moonyr == NULL ) || ( $moonyr < '1753' ) || ( $moonyr > '2200' ) ) { $yrZulu = gmdate( 'Y' ) ; } else { $yrZulu = $moonyr ; }
026. $moZulu = gmdate( 'm' ) ;
027. $daZulu = gmdate( 'd' ) ;
028. $hrZulu = gmdate( 'H' ) ;
029. $mnZulu = gmdate( 'i' ) ;
030. if ( $jw_root == NULL ) { $jw_root = $bw ; }
031. include( $jw_root.'/commons/daylightSaving.php' ) ;
032. ?>
033.
034. <script language="JavaScript1.2" type="text/javascript" >
035.
036. if ( contactWindow != null ) { contactWindow.close() ; }
037. else { var contactWindow ; }
038. if ( phaseTable != null ) { phaseTable.close() ; }
039. else { var phaseTable ; }
040.
041. <?php
042. include ( $bw.'/timeChange.php' ) ;
043. include ( $bw.'/displayTime.htm' ) ;
044. include ( $bw.'/disclaim.php' ) ;
045. include( $bw.'/commons/timeFunctions.php' ) ;
046. ?>
047.
048. var b = 0 ;
049. var tmr = null ;
050. var newsStr = " " ;
051. var str200 = " " ;
052. var ix = 1 ;
053. while ( ix < 200 ) { str200 = str200 + " " ; ix ++ ; }
054. newsStr = str200 ;
055. function Ticker() {
056. b=( b==newsStr.length )? 0 : b + 1 ;
057. if( b <= 1 ) {
058. newsStr = str200 + disclaimer ;
059. b = 2 ;
060. }
061. document.forms[ "ticker" ].display.value = newsStr.substr( b ) ;
062. tmr = setTimeout( "Ticker()", 200 ) ;
063. }
064.
065. function setClockVariables() {
066. document.forms[ "clock1" ].display1.value = " " ;
067. if ( tZone == "GMT" ) { document.forms[ "clock2" ].display2.value = clock2 ; }
068. else { document.forms[ "clock2" ].display2.value = clock6 ; }
069. document.forms[ "clock7" ].display7.value = clock7 ;
070. if ( ( minutes % 20 == 2 ) && ( seconds == 30 ) ) { startTicker() ; }
071. }
072.
073. <?php
074. $qry = $_SERVER[ 'QUERY_STRING' ] ;
075. if ( $qry == NULL ) { $q = "" ; }
076. else { $q = "?".$qry ; }
077. print ( '
078. function Exit() { window.location = "/'.$q.'" ; }
079. ' ) ;
080. ?>
081.
082. </script>
083.
084. <?php
085. function viewSource( $fn ) {
086. $path = $fn ;
087. print( '
088. <div align="left" style="font: 11px Courier ; " >
089. <br><br>
090. ' ) ;
091. $LineNo = 0 ;
092. $LineOut = ' ' ;
093. if ( ( $sc = fopen( $fn, 'r' ) ) != false ) {
094. while ( ( $record = fgets( $sc ) ) != false ) {
095. $record = str_replace( '&', '&', $record ) ;
096. $record = str_replace( '<', '<', $record ) ;
097. $record = str_replace( '>', '>', $record ) ;
098. $LineNo ++ ;
099. $LineOut = str_pad( strval( $LineNo ), 3, '0', STR_PAD_LEFT ).'. '.$record.'<br>' ;
100. print( $LineOut ) ;
101. }
102. fclose( $sc ) ;
103. }
104. else { print( 'File not found in '.$path.'<br>' ) ; }
105. print( '</div><br><br>' ) ;
106. }
107. ?>
108.
109. </head>
110.
111. <body background="https://esand.net/liveClock/blueClock/img/blue-mist.jpg" onLoad=" tellTime() ; " >
112.
113. <style type="text/css">
114. select { font: 15px Verdana ; color: #2222AA ; padding: 2px ; background-color: #A0A0A8 ; }
115. input { font: 14px Verdana ; color: #2222AA ; background-color: transparent ; padding: 2px ; }
116. input:hover { font: 14px Verdana ; color: #4444FF ; background-color: #A0A0A8 ; padding: 2px ; }
117. div.s1 input { font: 24px Courier New ; color: #0000FF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right; 0% ; }
118. div.s2 input { font: 100px Courier New ; color: #0000FF ; font-weight: bold ; padding: 10px ; text-align: center ; width: 800px ; height: 120px ; border: 0 ; background-color: transparent ; opacity: 0.5 ; padding-right: 0% ; }
119. div.s3 input { font: 24px Courier New ; color: #0000FF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right: 0% ; }
120. div.s7 input { font: 24px Courier New ; color: #0000FF ; padding: 10px ; text-align: center ; width: 800px ; height: 30px ; border: 0 ; background-color: transparent ; padding-right: 0% ; font-weight: bold ; }
121. div.tick input { font: 12px Verdana ; color: #4444FF ; font-weight: 600 ; width: 600px ; height: 15px ; border: 0 ; background-color: transparent ; }
122. div.tick input:hover { font: 12px Verdana ; color: #4444FF ; font-weight: 600 ; width: 600px ; height: 15px ; border: 0 ; background-color: transparent ; }
123. a.t:link { font: 10px Verdana ; color: #0000FF ; text-decoration: none ; background-color: transparent ; padding: 2px ; border: 1px solid #A6B9FB ; font-weight: bold ; }
124. a.t:visited { font: 10px Verdana ; color: #0000FF ; text-decoration: none ; background-color: transparent ; padding: 2px ; border: 1px solid #A6B9FB ; font-weight: bold ; }
125. a.t:hover { font: 10px Verdana ; color: #FFFFFF ; text-decoration: none ; background-color: #A6B9FB ; padding: 2px ; border: 1px solid #FFFFFF ; font-weight: bold ; }
126. a.t:active { font: 10px Verdana ; color: #A6B9FB ; text-decoration: none ; background-color: #DDE4F1 ; padding: 2px ; border: 1px solid #DDE4F1 ; font-weight: bold ; }
127. </style>
128.
129. <script type="text/javascript">
130. var bx = 0 ; var bxb = 0 ;
131. function flyingCrane() {
132. bx ++ ;
133. document.getElementById( "flyingCrane" ).style.right = bx + "px" ;
134. if ( bx < 2000 ) { setTimeout( "flyingCrane() ; ", 10 ) ; } else { Hide( "flyingCrane" ) ; bx = 0 ; }
135. }
136. function flyingCraneBack() {
137. bxb ++ ;
138. document.getElementById( "flyingCraneBack" ).style.left = bxb + "px" ;
139. if ( bxb < 2000 ) { setTimeout( "flyingCraneBack() ; ", 10 ) ; } else { Hide( "flyingCraneBack" ) ; bxb = 0 ; }
140. }
141. function craneTimer() {
142. var sSec = seconds ; var sMin = minutes ;
143. if ( ( ( sMin % 3 ) == 0 ) & ( ( sSec == 9 ) | ( sSec == 45 ) ) & ( !isVisible( 'flyingCrane' ) ) ) { Reveal( 'flyingCrane' ) ; flyingCrane() ; }
144. if ( ( ( sMin % 4 ) == 0 ) & ( ( sSec == 51 ) | ( sSec == 16 ) ) & ( !isVisible( 'flyingCraneBack' ) ) ) { Reveal( 'flyingCraneBack' ) ; flyingCraneBack() ; }
145. setTimeout( 'craneTimer() ; ', 500 ) ;
146. }
147. var birdOn = false ;
148. function flyBird() {
149. setTimeout( "Reveal( 'flyingCrane' ) ; flyingCrane() ; ", 2000 ) ;
150. birdOn = true ;
151. craneTimer() ;
152. }
153. </script>
154.
155. <center>
156.
157. <br>
158. <div align="center" class="s1" style="height: 10% ; padding-left: 10% ; margin-top: 10% ; " >
159. <form id="clock1" >
160. <input type="text" name="display1" readonly >
161. </form>
162. </div>
163.
164. <div align="center" class="s2" style="width: 100% ; height: 10% ; " >
165. <form id="clock2" >
166. <input type="text" name="display2" readonly >
167. </form>
168. </div>
169.
170. <div id="flyingCrane" style="display: none ; position: fixed ; top: 200px ; right: 0 ; " >
171. <img src= "https://liveclock.net/blueClock/img/craneLeft.gif" alt="«·" >
172. </div>
173.
174. <div id="flyingCraneBack" style="display: none ; position: fixed ; top: 300px ; left: 0 ; " >
175. <img src="https://liveclock.net/blueClock/img/craneRight.gif" alt="·»" >
176. </div>
177.
178. <div id="sourceS" style="display: none ; " >
179. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
180. <img src="https://liveclock.net/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
181. <?php
182. viewSource( $bw.'/fullScreen.php' ) ;
183. ?>
184. </div>
185. </div>
186.
187. <div id="space150" style="display: block ; height: 50px ; ">
188. <p> </p>
189. </div>
190.
191. <div id="sourceC" style="display: none ; " >
192. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
193. <img src="https://liveclock.net/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
194. <?php
195. viewSource( $bw.'/displayTime.htm' ) ;
196. ?>
197. </div>
198. </div>
199.
200. <div id="sourceS" style="display: none ; " >
201. <div style="margin: 2% ; padding: 2% ; border: 1px solid #666688 ; " >
202. <img src="https://liveclock.net/img/transparentHorizontal.png" alt="100 wide" width="1000" height="1" >
203. <?php
204. viewSource( $bw.'/blueClock/fullScreen.php' ) ;
205. ?>
206. </div>
207. </div>
208.
209. <br>
210. <div id="mainIdea" align="center" class="s7" style="display: block ; width: 100% ; height: 20% ; " >
211. <form id="clock3" >
212. <input type="text" name="display3" readonly >
213. </form>
214. <form id="clock7" >
215. <input type="text" name="display7" readonly >
216. </form>
217. </div>
218.
219. <div align="center" id="SysDate" class="s3" style="display: none ; width: 100% ; height: 10% ; " >
220. <form id="cpuD" >
221. <input type="text" name="dateString" readonly >
222. </form>
223. </div>
224. <br>
225. <div align="center" id="SysClock" class="s3" style="display: none ; width: 100% ; height: 10% ; " >
226. <form id="cpuT" >
227. <input type="text" name="clockString" readonly >
228. </form>
229. </div>
230. <br>
231. <div id="GMTconvert" style="display: none ; width: 100% ; height: 15% ; " >
232. <?php
233. include( $bw.'/commons/GMTtoUSAform.php' ) ;
234. ?>
235. </div>
236. <br>
237. <div align="center" id="changeZone" style="display: none ; width: 100% ; height: 10% ; " >
238. <?php
239. include( $bw.'/commons/changeZone.php' ) ;
240. ?>
241. </div>
242.
243. <div align="center" id="filler" style="display: block ; width: 100% ; height: 10% ; margin-top: 10px ; " >
244. <p> </p>
245. <div align="center" class="tick">
246. <form id="ticker" >
247. <input type="text" name="display">
248. </form>
249. </div>
250. </div>
251.
252. <div id="footer" align="center" style="display: block ; width: 100% ; " >
253. <img src="/img/transparentHorizontal.png" alt="+" width="800" height="1" ><br>
254. <a href='javascript: goTo( "<?php print( $thisHere.'/index.php'. $q ) ; ?>" ) ; ' class="t" >home</a> · <a href='javascript: goTo( "<?php print( 'https://liveclock.net/fullScreen.php'. $q ) ; ?>" ) ; ' class="t" >alternate view</a> · <a href="javascript: if ( navigator.onLine ) {
255. window.location.assign( 'https://liveclock.org/blueClock/fullScreen.php<?php print( $q ) ; ?>' ) ; } else { alert( 'Sorry! Internet is down right now.' ) ; } " class="t" >alternate host</a> · <a href='javascript: goTo( "window.location.reload()" ) ; ' class="t" >reload screen</a> · <a href="javascript: if ( isVisible( 'changeZone' ) || !navigator.onLine ) { Hide( 'changeZone' ) ; Show( 'filler' ) ; } else { Show( 'changeZone' ) ; Hide( 'filler' ) ; } " class="t" >set time zone</a> · <a href="javascript: if ( navigator.onLine ) {
256. if ( ( contactWindow == null ) || ( contactWindow.closed ) ) { contactWindow=window.open( 'https://liveclock.net/commons/contact.htm','_blank','location=0,left=1,top=1,height=400,width=400' ) ; contactWindow.focus() ; } else { contactWindow.close() ; } } else { alert( 'Please retry when back online.' ) ; } " class="t" >contact</a>
257. </div>
258. <br>
259. <div id="moreFooter" align="center" style="display: block ; width: 100% ; " height="10%" >
260. <a href="javascript: if ( isVisible ( 'SysClock' ) ) { Hide( 'SysClock' ) ; Show( 'filler' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceS' ) ; Hide( 'sourceC' ) ; Hide( 'filler' ) ; Show( 'space150' ) ; Show( 'SysClock' ) ; getSysClock() ; } " class="t" >display system clock</a> · <a href="javascript: if ( isVisible( 'sourceS' ) ) { Hide( 'sourceS' ) ; Show( 'filler' ) ; Show( 'space150' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceC' ) ; Hide( 'mainIdea' ) ; Hide( 'GMTconvert' ) ; Hide( 'filler' ) ; Hide( 'space150' ) ; Show ( 'sourceS' ) ; } " class="t" >display source</a> · <a href="javascript: if ( isVisible( 'sourceC' ) ) { Hide( 'sourceC' ) ; Show( 'filler' ) ; Show( 'space150' ) ; Show( 'mainIdea' ) ; } else { Hide( 'sourceS' ) ; Hide( 'mainIdea' ) ; Hide( 'GMTconvert' ) ; Hide( 'filler' ) ; Hide( 'space150' ) ; Show ( 'sourceC' ) ; } " class="t" >display clockworks</a> · <a href="javascript: if ( isVisible( 'GMTconvert' ) ) { Hide( 'GMTconvert' ) ; Show( 'mainIdea' ) ; Show ( 'filler' ) ; } else { Hide( 'sourceS' ) ; Hide( 'sourceC' ) ; Hide( 'filler' ) ; Show( 'space150' ) ; Show( 'GMTconvert' ) ; } " class="t" >display GMT to US zone</a> · <a href="javascript:
261. if ( navigator.onLine ) { if ( ( phaseTable == null ) || ( phaseTable.closed ) ) { phaseTable=window.open( 'https://esand.net/theCopyExchange/lunarCalendar/moonPhase.php','_blank','location=0,left=1,top=1,height=600,width=1000' ) ; phaseTable.focus() ; } else { phaseTable.close() ; } } else { alert( 'Need online connectivity for this!' ) ; } " class="t" >display lunar calendar</a> · <a href="javascript: if ( birdOn ) { if ( navigator.onLine ) { window.location.reload() ; } } else { flyBird() ; } " class="t" >Bird</a>
262. <br>
263. </div>
264.
265. <div id="footerSpace" align="center" style="display: block ; width: 100% ; " height="10%" >
266. <p> <br></p>
267. </div>
268.
269. <div id="altFooter" align="center" style="display: none ; width: 100% ; " >
270. <p style="font: 14px Verdana ; color: #808080 ; " >
271. The application could not connect to the Internet, but will continue processing.<br>The clock will reset after reconnection.</p>
272. <p> <br></p>
273. </div>
274.
275. </center>
276.
277. <p> <br></p>
278.
279. <script type="text/javascript">
280. var tickerOn = false ;
281. var newsStr = str200 ;
282. var b = 0 ;
283. document.forms[ "ticker" ].display.value = " " ;
284.
285. function startTicker() {
286. if ( tickerOn ) { return ; }
287. else {
288. tickerOn = true ;
289. Reveal( 'filler' ) ;
290. Ticker() ;
291. }
292. }
293. </script>
294.
295. </body>
296. </html>
297.