diff options
author | hwc487 | 2012-03-23 13:49:03 -0700 |
---|---|---|
committer | hwc487 | 2012-03-23 13:49:03 -0700 |
commit | 51478dbad8290f55eeab9efdfb8c2cbe24b12b10 (patch) | |
tree | 1524c53d027d1f2f8cbb759f61e4d73b52b00481 /node_modules/montage/examples/feed-reader/index.html | |
parent | 31e924e1b8b8da8342b3ff2341c8284915486c0b (diff) | |
parent | bc8b0c17023ddea6d77150694a777e104ef99cbc (diff) | |
download | ninja-51478dbad8290f55eeab9efdfb8c2cbe24b12b10.tar.gz |
Merge branch 'montage-integration' of github.com:Motorola-Mobility/ninja-internal into integration
Conflicts:
js/io/system/ninjalibrary.json
Diffstat (limited to 'node_modules/montage/examples/feed-reader/index.html')
-rw-r--r-- | node_modules/montage/examples/feed-reader/index.html | 81 |
1 files changed, 81 insertions, 0 deletions
diff --git a/node_modules/montage/examples/feed-reader/index.html b/node_modules/montage/examples/feed-reader/index.html new file mode 100644 index 00000000..3b5529b9 --- /dev/null +++ b/node_modules/montage/examples/feed-reader/index.html | |||
@@ -0,0 +1,81 @@ | |||
1 | <!DOCTYPE html> | ||
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
7 | <html> | ||
8 | <head> | ||
9 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
10 | <title>Montage Feed Reader</title> | ||
11 | |||
12 | <script src="../../montage.js" data-package="."></script> | ||
13 | |||
14 | <script type="text/montage-serialization"> | ||
15 | { | ||
16 | "owner": { | ||
17 | "module": "montage/ui/loader.reel", | ||
18 | "name": "Loader" | ||
19 | } | ||
20 | } | ||
21 | </script> | ||
22 | |||
23 | <style type="text/css"> | ||
24 | |||
25 | html, body { | ||
26 | background-color: #eee; | ||
27 | font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; | ||
28 | font-size: 13px; | ||
29 | font-weight: normal; | ||
30 | line-height: 18px; | ||
31 | color: #404040; | ||
32 | |||
33 | } | ||
34 | |||
35 | #montage-bootstrapper { | ||
36 | display: none; | ||
37 | color: red; | ||
38 | } | ||
39 | |||
40 | .montage-bootstrapping #montage-bootstrapper { | ||
41 | display: block; | ||
42 | } | ||
43 | |||
44 | #montage-loader { | ||
45 | color: green; | ||
46 | display: none; | ||
47 | } | ||
48 | |||
49 | .montage-loading #montage-loader { | ||
50 | display: block; | ||
51 | } | ||
52 | |||
53 | .main { | ||
54 | display: block; | ||
55 | } | ||
56 | |||
57 | .montage-loaded .main { | ||
58 | display: block; | ||
59 | } | ||
60 | |||
61 | </style> | ||
62 | |||
63 | </head> | ||
64 | <body> | ||
65 | |||
66 | <p> | ||
67 | <center> | ||
68 | <img src="montage-logo.png" /> | ||
69 | </center> | ||
70 | </p> | ||
71 | |||
72 | <div id="montage-bootstrapper"> | ||
73 | <p>This is the bootstrapper content which will now be shown for at least 1500ms.</p> | ||
74 | </div> | ||
75 | <div id="montage-loader"> | ||
76 | <p>This is the loader content which will now be shown for at least 2000ms.</p> | ||
77 | </div> | ||
78 | |||
79 | |||
80 | </body> | ||
81 | </html> | ||