index.php 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. <?php
  2. $HOURS_BEFORE = $HOURS_AFTER = 2;
  3. date_default_timezone_set('Europe/Amsterdam');
  4. function getwday($day) {
  5. $wdays = array('zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag',
  6. 'vrijdag', 'zaterdag');
  7. return ucfirst($wdays[getdate(time() + $day * 24 * 60 * 60)['wday']]);
  8. }
  9. ?>
  10. <!doctype html>
  11. <html>
  12. <head>
  13. <title>TV gids</title>
  14. <meta charset="utf-8">
  15. <meta name="author" content="Taddeus Kroes">
  16. <meta name="robots" content="index, nofollow">
  17. <meta name="description" content="Een snelle, makkelijk te gebruiken TV gids voor Nederlandse televisie.">
  18. <meta name="keywords" content="tvgids, TV, gids, Nederland, zender, programma">
  19. <link href="style.css" type="text/css" rel="stylesheet">
  20. <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet">
  21. </head>
  22. <body>
  23. <div id="guide" class="guide">
  24. <div class="channels">
  25. </div>
  26. <div class="indicator"></div>
  27. <div class="timeline-bg"></div>
  28. <div class="timeline">
  29. <?php
  30. for ($i = 0, $l = 24 + $HOURS_BEFORE + $HOURS_AFTER; $i < $l; $i++)
  31. printf('<div class="hour">%02d:00</div>', ($i + 24 - $HOURS_BEFORE) % 24);
  32. ?>
  33. </div>
  34. </div>
  35. <div id="channel-labels" class="channel-labels"></div>
  36. <div id="loading-screen" class="loading-screen">
  37. <div class="bg"></div>
  38. <div class="loader"></div>
  39. </div>
  40. <div class="navbar">
  41. <a href="javascript:void(0);" id="beforeyesterday"
  42. class="navitem"><?php echo getwday(-2) ?></a>
  43. <a href="javascript:void(0);" id="yesterday" class="navitem">Gisteren</a>
  44. <a href="javascript:void(0);" id="today" class="navitem active">Vandaag</a>
  45. <a href="javascript:void(0);" id="tomorrow" class="navitem">Morgen</a>
  46. <a href="javascript:void(0);" id="overmorrow"
  47. class="navitem"><?php echo getwday(2) ?></a>
  48. <a href="settings.php" class="navitem">Selecteer zenders</a>
  49. <div id="help" class="navitem help">
  50. <i class="icon-info-sign" title="Gebruiksaanwijzing"></i>
  51. <div class="popup" id="help-popup">
  52. <ul>
  53. <li>Klik op een programma om details te zien.</li>
  54. <li>Klik op <i class="icon-heart"></i> bij een programma om deze
  55. in je favorieten te zetten. Dit wordt lokaal
  56. opgeslagen, dus je moet op elke andere computer je
  57. favorieten opnieuw instellen.</li>
  58. </ul>
  59. </div>
  60. </div>
  61. </div>
  62. <div id="program-details" class="program-details">
  63. <div class="bg"></div>
  64. <div class="content"></div>
  65. </div>
  66. <div class="copyright">
  67. &copy; <a href="mailto:taddeus@kompiler.org">Tadde&uuml;s Kroes</a> 2013
  68. - data wordt verzorgd door
  69. <a href="http://www.tvgids.nl" target="_blank">TVGids.nl</a>
  70. - source code is te vinden op
  71. <a href="https://github.com/taddeus/tvgids" target="_blank">Github</a>
  72. </div>
  73. <script type="text/template" id="details-template">
  74. <ul class="properties">
  75. <% _.each(properties, function(p) { %>
  76. <li>
  77. <strong><%= p.name %>:</strong>
  78. <%= p.value %>
  79. </li>
  80. <% }) %>
  81. </ul>
  82. <div class="description"><%= description %></div>
  83. <p>Zie ook de <a href="http://www.tvgids.nl/programma/<%= id %>"
  84. target="_blank">details</a> op tvgids.nl.</p>
  85. </script>
  86. <script src="lib/jquery-1.10.2.min.js" type="text/javascript"></script>
  87. <script src="lib/underscore-min.js" type="text/javascript"></script>
  88. <script src="lib/backbone-min.js" type="text/javascript"></script>
  89. <!--<script src="lib/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
  90. <script src="lib/jquery.kinetic.min.js" type="text/javascript"></script>
  91. <script src="lib/jquery.smoothTouchScroll.min.js" type="text/javascript"></script>
  92. <script src="lib/iscroll-lite.js" type="text/javascript"></script>-->
  93. <script src="channels.js" type="text/javascript"></script>
  94. <script src="guide.js" type="text/javascript"></script>
  95. <?php include_once 'analytics.php'; ?>
  96. </body>
  97. </html>