index.php 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. <?php
  2. date_default_timezone_set('Europe/Amsterdam');
  3. function getwday($day) {
  4. $wdays = array('zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag',
  5. 'vrijdag', 'zaterdag');
  6. return ucfirst($wdays[getdate(time() + $day * 24 * 60 * 60)['wday']]);
  7. }
  8. ?>
  9. <!doctype html>
  10. <html>
  11. <head>
  12. <title>TV gids</title>
  13. <meta charset="utf-8">
  14. <meta name="author" content="Taddeus Kroes">
  15. <meta name="robots" content="index, nofollow">
  16. <meta name="description" content="Een snelle, makkelijk te gebruiken TV gids voor Nederlandse televisie.">
  17. <link href="style.css" type="text/css" rel="stylesheet">
  18. <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
  19. </head>
  20. <body>
  21. <div id="guide" class="guide">
  22. <div class="channels">
  23. </div>
  24. <div class="indicator"></div>
  25. <div class="timeline-bg"></div>
  26. <div class="timeline">
  27. <div class="hour">22:00</div>
  28. <div class="hour">23:00</div>
  29. <div class="hour">00:00</div>
  30. <div class="hour">01:00</div>
  31. <div class="hour">02:00</div>
  32. <div class="hour">03:00</div>
  33. <div class="hour">04:00</div>
  34. <div class="hour">05:00</div>
  35. <div class="hour">06:00</div>
  36. <div class="hour">07:00</div>
  37. <div class="hour">08:00</div>
  38. <div class="hour">09:00</div>
  39. <div class="hour">10:00</div>
  40. <div class="hour">11:00</div>
  41. <div class="hour">12:00</div>
  42. <div class="hour">13:00</div>
  43. <div class="hour">14:00</div>
  44. <div class="hour">15:00</div>
  45. <div class="hour">16:00</div>
  46. <div class="hour">17:00</div>
  47. <div class="hour">18:00</div>
  48. <div class="hour">19:00</div>
  49. <div class="hour">20:00</div>
  50. <div class="hour">21:00</div>
  51. <div class="hour">22:00</div>
  52. <div class="hour">23:00</div>
  53. <div class="hour">00:00</div>
  54. <div class="hour">01:00</div>
  55. </div>
  56. </div>
  57. <div id="channel-labels" class="channel-labels"></div>
  58. <div id="loading-screen" class="loading-screen">
  59. <div class="bg"></div>
  60. <div class="loader"></div>
  61. </div>
  62. <div class="navbar">
  63. <a href="javascript:void(0);" id="beforeyesterday"
  64. class="navitem"><?php echo getwday(-2) ?></a>
  65. <a href="javascript:void(0);" id="yesterday" class="navitem">Gisteren</a>
  66. <a href="javascript:void(0);" id="today" class="navitem active">Vandaag</a>
  67. <a href="javascript:void(0);" id="tomorrow" class="navitem">Morgen</a>
  68. <a href="javascript:void(0);" id="overmorrow"
  69. class="navitem"><?php echo getwday(2) ?></a>
  70. <a href="settings.php" class="navitem">Selecteer zenders</a>
  71. </div>
  72. <div id="program-details" class="program-details">
  73. <div class="bg"></div>
  74. <div class="content"></div>
  75. </div>
  76. <div class="copyright">
  77. &copy; Tadde&uuml;s Kroes 2013 - data wordt opgehaald van
  78. <a href="http://www.tvgids.nl/" target="_blank">tvgids.nl</a>
  79. </div>
  80. <script type="text/template" id="details-template">
  81. <ul class="properties">
  82. <% _.each(properties, function(p) { %>
  83. <li>
  84. <strong><%= p.name %>:</strong>
  85. <%= p.value %>
  86. </li>
  87. <% }) %>
  88. </ul>
  89. <div class="description"><%= description %></div>
  90. Zie ook de <a href="http://www.tvgids.nl/programma/<%= id %>"
  91. target="_blank">details</a> op tvgids.nl.
  92. </script>
  93. <script src="lib/jquery-1.10.2.min.js" type="text/javascript"></script>
  94. <script src="lib/underscore-min.js" type="text/javascript"></script>
  95. <script src="lib/backbone-min.js" type="text/javascript"></script>
  96. <!--<script src="lib/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
  97. <script src="lib/jquery.kinetic.min.js" type="text/javascript"></script>
  98. <script src="lib/jquery.smoothTouchScroll.min.js" type="text/javascript"></script>
  99. <script src="lib/iscroll-lite.js" type="text/javascript"></script>-->
  100. <script src="channels.js" type="text/javascript"></script>
  101. <script src="guide.js" type="text/javascript"></script>
  102. </body>
  103. </html>