<html> <head> <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <style> @font-face { font-family: 'BytaFont'; /* BytaFont { */src: url('/System/Library/Fonts/Cache/Georgia.ttf');/* } */ } body { font-family: "BytaFont"; color: white; } #lcd { text-align: center; margin-top: 2em; } #time { font-size: 5.2em; } #date { font-size: 1em; } </style> </head> <body> <div id="lcd"> <script type="text/javascript"> document.write('<div id="time">'); var now = new Date(); var hours = String(now.getHours()); if (hours.length == 1) hours = '0' + hours; var minutes = String(now.getMinutes()); if (minutes.length == 1) minutes = '0' + minutes; var time; time = hours + ':' + minutes; document.write(time); document.write('</div>'); document.write('<div id="date">'); var date; date = now.toLocaleDateString(); document.write(date); document.write('</div>'); </script> </div> </body> </html>