/client/templates/base.html

https://github.com/GunioRobot/smshelp · HTML · 86 lines · 78 code · 6 blank · 2 comment · 0 complexity · 49751dea8f2fcd06d58adedd1c1f3b57 MD5 · raw file

  1. <!DOCTYPE html>
  2. <html lang="en" xml:lang="en">
  3. <head>
  4. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  5. <title>SMS Help</title>
  6. {% block meta %}
  7. <meta name="Keywords" content="SMSHlp, SMS4hlp, SMSHelp, Risk Exposure, Hacking for Humanity, Random Hacks of Kindness, RHoK" />
  8. <meta name="Description" content="SMSHlp" />
  9. {% end %}
  10. <link rel="stylesheet" href="/static/style.css" type="text/css" media="screen" />
  11. <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
  12. <script type="text/javascript">
  13. function initialize() {
  14. var latlng = new google.maps.LatLng(0, 0);
  15. var myOptions = {
  16. zoom: 2,
  17. center: latlng,
  18. mapTypeId: google.maps.MapTypeId.TERRAIN
  19. };
  20. var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  21. }
  22. </script>
  23. </head>
  24. <body onload="initialize()">
  25. <div id="header">
  26. <div class="container">
  27. <div id="header_logo">
  28. <a href="/"><img src="/static/images/handshake.png" /></a>
  29. </div>
  30. <div id="header_title">
  31. <h1>SMS Help</h1>
  32. <div class="header_tag">
  33. <p>SMS service to improve the human condition</p>
  34. </div>
  35. </div>
  36. </div>
  37. </div>
  38. <div id="container">
  39. <!-- <div id="content"> -->
  40. {% block header %}{% end %}
  41. {% block body %}{% end %}
  42. <!-- </div> -->
  43. </div>
  44. {% block footer %}
  45. <div id="footer">
  46. <div class="container">
  47. <div class="footer_links">
  48. <p><a href="about.html">about</a> | <a href="developer.html">developer</a> | <a href="faq.html">faq</a> | <a href="http://smshlp.uservoice.com/forums/60813-general"> feedback</a></p>
  49. </div>
  50. <div class="footer_about">
  51. <p>This hack was written at <a href="http://www.rhok.org">Random Hacks of Kindness (RHoK)</a> 1.0 held in Washington, D.C from June 5-6, 2010 by <a href="http://www.twitter.com/jmckenty">@jmckenty</a>, <a href="http://www.curiouse.com">Kendrick Taylor</a>, <a href="http://www.twitter.com/toddicus">@toddicus</a>, <a href="http://www.twitter.com/schingler">@schingler</a></p>.
  52. </div>
  53. </div>
  54. </div>
  55. {% end %}
  56. <script type="text/javascript">
  57. var uservoiceOptions = {
  58. /* required */
  59. key: 'smshlp',
  60. host: 'smshlp.uservoice.com',
  61. forum: '60813',
  62. showTab: true,
  63. /* optional */
  64. alignment: 'left',
  65. background_color: '#99b3cc',
  66. text_color: 'white',
  67. hover_color: '#9aab86',
  68. lang: 'en'
  69. };
  70. function _loadUserVoice() {
  71. var s = document.createElement('script');
  72. s.setAttribute('type', 'text/javascript');
  73. s.setAttribute('src', ("https:" == document.location.protocol ? "https://" : "http://") + "cdn.uservoice.com/javascripts/widgets/tab.js");
  74. document.getElementsByTagName('head')[0].appendChild(s);
  75. }
  76. _loadSuper = window.onload;
  77. window.onload = (typeof window.onload != 'function') ? _loadUserVoice : function() { _loadSuper(); _loadUserVoice(); };
  78. </script>
  79. </body>
  80. </html>