index.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <title>Guarana Boot Camp</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  7. <script language="javascript" type="text/javascript" src="init.js"></script>
  8. </head>
  9. <body style="margin:0;padding:0;">
  10. <img id="splash_image" />
  11. <script type="text/javascript">
  12. // Initializing splash screen depending on screen resolution
  13. var splashWidth = window.innerWidth;
  14. document.getElementById('splash_image').src = 'images/splash_' + splashWidth + '.png';
  15. </script>
  16. <div id="view-container">
  17. <!-- DOM container for the HomeView -->
  18. <div id="home-view" class="ui-helper-clearfix" style="display: none;">
  19. <!-- HTML code for the TextLabel component -->
  20. <div id="intro-label"></div>
  21. <p id="intro-label-content">
  22. Get latest local weather
  23. information, Twitter posts, Google
  24. news, Picasa photos, Wikipedia
  25. articles with Guarana Boot Camp!
  26. </p>
  27. <!-- HTML code for the OptionGroup component -->
  28. <div id="search-type-optiongroup"></div>
  29. <!-- HTML code for the RadioBox components -->
  30. <input type="radio" name="search-type" value="0" id="search-type1" />
  31. <input type="radio" name="search-type" value="1" id="search-type2" />
  32. <!-- HTML code for the Tooltip components -->
  33. <div id="tooltip-search-type"></div>
  34. <div id="tooltip-location"></div>
  35. <!-- Hidden text field, displayed when the user selects manual location method -->
  36. <div id="location-box" style="display: none;">
  37. <div class="rounded_textfield"><div class="rounded_textfield_right">
  38. <input type="text" name="location_field" id="location_field" />
  39. </div></div>
  40. </div>
  41. <!-- HTML code for the Button component -->
  42. <div id="home-query-button"></div>
  43. </div>
  44. <!-- DOM container for the ResultsView -->
  45. <div id="results-view" class="ui-helper-clearfix" style="display: none;">
  46. <div id="weather">
  47. <!-- HTML code for the Carousel -->
  48. <div id="weather-carousel"></div>
  49. </div>
  50. <!-- HTML code for the DropDown component -->
  51. <div id="results-filter"></div>
  52. <!-- HTML container for the plain HTML results list -->
  53. <div id="results-list"></div>
  54. </div>
  55. <!-- DOM container for the TwitterItemView -->
  56. <div id="twitter-item-view" class="ui-helper-clearfix" style="display: none;">
  57. <!-- HTML container for the item detail data -->
  58. <div id="twitter-item-content"></div>
  59. <!-- HTML code for the Button component -->
  60. <div id="twitter-item-open-button" class="ui-helper-clearfix"></div>
  61. </div>
  62. <!-- DOM container for the WeatherView -->
  63. <div id="weather-view" class="ui-helper-clearfix" style="display: none;">
  64. <!-- HTML container for the weather detail data -->
  65. <div id="weather-forecasts-container"></div>
  66. </div>
  67. <!-- DOM container for the PicasaItemView -->
  68. <div id="picasa-item-view" class="ui-helper-clearfix" style="display: none;">
  69. <!-- HTML container for the item detail data -->
  70. <div id="picasa-item-content"></div>
  71. <!-- HTML code for the Button component -->
  72. <div id="picasa-item-open-button" class="ui-helper-clearfix"></div>
  73. </div>
  74. <!-- DOM container for the WikipediaItemView -->
  75. <div id="wikipedia-item-view" class="ui-helper-clearfix" style="display: none;">
  76. <!-- HTML container for the item detail data -->
  77. <div id="wikipedia-item-content"></div>
  78. <!-- HTML code for the Button component -->
  79. <div id="wikipedia-item-open-button" class="ui-helper-clearfix"></div>
  80. </div>
  81. <!-- DOM container for the NewsItemView -->
  82. <div id="news-item-view" class="ui-helper-clearfix" style="display: none;">
  83. <!-- HTML container for the item detail data -->
  84. <div id="news-item-content"></div>
  85. <!-- HTML code for the Button component -->
  86. <div id="news-item-open-button" class="ui-helper-clearfix"></div>
  87. </div>
  88. </div>
  89. <!-- HTML code for the Lightbox component -->
  90. <div id="lightbox-about" style="display: none;">
  91. <h1>About Guarana Boot Camp</h1>
  92. <p>
  93. Guarana Boot Camp is built by using the Guarana JavaScript framework.
  94. </p>
  95. </div>
  96. </body>
  97. </html>