Improved the grid layout when things are different sizes.
[taboo.git] / chrome / content / start.html
blob204fb18e22a7a4983c1875d85c3dfa6e86a0e913
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3 <!--
4 Copyright 2007 Jesse Andrews and Manish Singh
6 This file may be used under the terms of of the
7 GNU General Public License Version 2 or later (the "GPL"),
8 http://www.gnu.org/licenses/gpl.html
10 Software distributed under the License is distributed on an "AS IS" basis,
11 WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
12 for the specific language governing rights and limitations under the
13 License.
14 -->
15 <html>
16 <head>
17 <title>Taboo</title>
18 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
19 <script type="text/javascript" src="chrome://browser/content/utilityOverlay.js"></script>
20 <script type="text/javascript">
21 // for debugging - get around chrome caching
22 document.write('<link rel="stylesheet" href="chrome://taboo/skin/start.css?' + Math.random() + '" />');
23 document.write('<link rel="stylesheet" href="chrome://taboo/skin/calendar.css?' + Math.random() + '" />');
24 document.write('<link rel="stylesheet" href="chrome://taboo/skin/grid.css?' + Math.random() + '" />');
25 document.write('<link rel="stylesheet" href="chrome://taboo/skin/trash.css?' + Math.random() + '" />');
26 document.write('<link rel="stylesheet" href="chrome://taboo/skin/about.css?' + Math.random() + '" />');
28 const CC = Components.classes;
29 const CI = Components.interfaces;
30 const SVC = Components.classes['@oy/taboo;1']
31 .getService(Components.interfaces.oyITaboo);
32 tboPrefs = CC['@mozilla.org/preferences-service;1'].getService(CI.nsIPrefBranch);
34 var $ = function(x) { return document.getElementById(x); }
36 function init() {
37 const loader = Components.classes["@mozilla.org/moz/jssubscript-loader;1"]
38 .getService(Components.interfaces.mozIJSSubScriptLoader);
40 var scripts = [
41 'chrome://taboo/content/calendar.js',
42 'chrome://taboo/content/grid.js',
43 'chrome://taboo/content/trash.js',
44 'chrome://taboo/content/about.js',
45 'chrome://taboo/content/start.js',
48 scripts.forEach(function(script) {
49 loader.loadSubScript(script);
50 });
52 $('search').onkeyup = function(event) {
53 controller.filter($('search').value);
55 $('search').value = '';
56 $('search').focus();
59 window.addEventListener("load", init, false);
61 </script>
62 </head>
63 <body>
64 <div id="header">
65 <div id="views">
66 <a href="#" onclick="controller.load(Grid); return false;" id="grid">grid</a>
67 <a href="#" onclick="controller.load(Calendar); return false;" id="calendar">calendar</a>
68 <a href="#" onclick="controller.load(Trash); return false;" id="trash">trashcan</a>
69 <a href="#" onclick="controller.load(About); return false;" id="about">about</a>
70 </div>
71 <input type="text" id="search" />
72 </div>
74 <div id="undelete" class="infoWrap">
75 <div id="text" class="info">
76 <a id="undeleteLink" href="#">Click here to undelete your taboo</a>
77 </div>
78 </div>
79 <div id="content"></div>
80 </body>
81 </html>