/Tools/capp/Resources/Templates/NibApplication/index-debug.html

http://github.com/cacaodev/cappuccino · HTML · 191 lines · 141 code · 35 blank · 15 comment · 0 complexity · 250283cc31141c2d49cc6f15e631ec76 MD5 · raw file

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <!--
  4. index-debug.html
  5. __project.name__
  6. Created by __user.name__ on __project.date__.
  7. Copyright __project.year__, __organization.name__ All rights reserved.
  8. -->
  9. <head>
  10. <meta charset="utf-8">
  11. <!--[if lte IE 8]>
  12. <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, chrome=1">
  13. <![endif]-->
  14. <!--[if gte IE 9]>
  15. <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  16. <![endif]-->
  17. <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
  18. <meta name="apple-mobile-web-app-capable" content="yes">
  19. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  20. <link rel="apple-touch-icon" href="Resources/icon.png">
  21. <link rel="apple-touch-startup-image" href="Resources/default.png">
  22. <title>__project.name__</title>
  23. <!-- Custom javascript goes here -->
  24. <!-- End custom javascript -->
  25. <script type="text/javascript">
  26. OBJJ_MAIN_FILE = "main.j";
  27. OBJJ_INCLUDE_PATHS = ["Frameworks/Debug", "Frameworks"];
  28. var progressBar = null;
  29. OBJJ_PROGRESS_CALLBACK = function(percent, appSize, path)
  30. {
  31. percent = percent * 100;
  32. if (!progressBar)
  33. progressBar = document.getElementById("progress-bar");
  34. if (progressBar)
  35. progressBar.style.width = Math.min(percent, 100) + "%";
  36. }
  37. var loadingHTML =
  38. '<div id="loading">' +
  39. ' <div id="loading-text">Loading...</div>' +
  40. ' <div id="progress-indicator">' +
  41. ' <span id="progress-bar" style="width:0%"></span>' +
  42. ' </div>' +
  43. '</div>';
  44. </script>
  45. <script type="text/javascript" src="Frameworks/Debug/Objective-J/Objective-J.js" charset="UTF-8"></script>
  46. <script type="text/javascript">
  47. objj_msgSend_reset();
  48. // DEBUG OPTIONS:
  49. // Uncomment to enable printing of backtraces on exceptions:
  50. //objj_msgSend_decorate(objj_backtrace_decorator);
  51. // Uncomment to supress exceptions that take place inside a message
  52. //objj_msgSend_decorate(objj_supress_exceptions_decorator)
  53. // Uncomment to enable runtime type checking:
  54. //objj_msgSend_decorate(objj_typecheck_decorator);
  55. // Uncomment (along with both above) to print backtraces on type check errors:
  56. //objj_typecheck_prints_backtrace = true;
  57. // Uncomment to disable the default logger (CPLogConsole if window.console exists, CPLogPopup otherwise):
  58. //CPLogUnregister(CPLogDefault);
  59. // Uncomment to enable a specific logger:
  60. //CPLogRegister(CPLogConsole);
  61. //CPLogRegister(CPLogPopup);
  62. // Tag view DOM elements with a "data-cappuccino-view" attribute that contains
  63. // the class name of the view that created them. Comment this or set to false to disable.
  64. appkit_tag_dom_elements = true;
  65. </script>
  66. <style type="text/css">
  67. html, body, h1, p {
  68. margin: 0;
  69. padding: 0;
  70. }
  71. /* We need a body wrapper because Cappuccino is unhappy if we change the body element */
  72. #cappuccino-body {
  73. /* Position it absolutely so it will fill the height without content */
  74. position: absolute;
  75. top: 0;
  76. bottom: 0;
  77. width: 100%;
  78. /* Put it at the bottom of the stack so it doesn't interfere with UI */
  79. z-index: 0;
  80. }
  81. #cappuccino-body .container {
  82. display: table;
  83. margin: 0 auto;
  84. height: 100%;
  85. }
  86. #cappuccino-body .content {
  87. display: table-cell;
  88. height: 100%;
  89. vertical-align: top;
  90. }
  91. #loading {
  92. position: relative;
  93. top: 35%;
  94. }
  95. #loading-text {
  96. height: 1.5em;
  97. color: #555;
  98. font: normal bold 36px/36px Arial, sans-serif;
  99. }
  100. #progress-indicator {
  101. padding: 0px;
  102. height: 16px;
  103. border: 5px solid #555;
  104. border-radius: 18px;
  105. background-color: white;
  106. }
  107. #progress-bar {
  108. position: relative;
  109. top: -1px;
  110. left: -1px;
  111. display: block;
  112. height: 18px;
  113. /* Compensate for moving the bar left 1px to overlap the indicator border */
  114. border-right: 1px solid #555;
  115. background-color: #555;
  116. }
  117. #noscript {
  118. position: relative;
  119. top: 35%;
  120. padding: 1em 1.5em;
  121. border: 5px solid #555;
  122. border-radius: 16px;
  123. background-color: white;
  124. color: #555;
  125. text-align: center;
  126. font: bold 24px Arial, sans-serif;
  127. }
  128. #noscript a {
  129. color: #98c0ff;
  130. text-decoration: none;
  131. }
  132. </style>
  133. </head>
  134. <body>
  135. <div id="cappuccino-body">
  136. <div class="container">
  137. <div class="content">
  138. <script type="text/javascript">
  139. document.write(loadingHTML);
  140. </script>
  141. </div>
  142. </div>
  143. <noscript style="position:absolute; top:0; left:0; width:100%; height:100%">
  144. <div class="container">
  145. <div class="content">
  146. <div id="noscript">
  147. <p style="font-size:120%; margin-bottom:.75em">JavaScript is required for this site.</p>
  148. <p><a href="http://www.enable-javascript.com" target="_blank">Enable JavaScript</a></p>
  149. </div>
  150. </div>
  151. </div>
  152. </noscript>
  153. </div>
  154. </body>
  155. </html>