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