| <!DOCTYPE html> |
| <!-- |
| * Licensed to the Apache Software Foundation (ASF) under one |
| * or more contributor license agreements. See the NOTICE file |
| * distributed with this work for additional information |
| * regarding copyright ownership. The ASF licenses this file |
| * to you under the Apache License, Version 2.0 (the |
| * "License"); you may not use this file except in compliance |
| * with the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, |
| * software distributed under the License is distributed on an |
| * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY |
| * KIND, either express or implied. See the License for the |
| * specific language governing permissions and limitations |
| * under the License. |
| --> |
| <div id="bodydiv" class="body"> |
| |
| <div id="viewcontent" class="viewcontent" style="margin-left: auto; margin-right: auto; text-align: center;"> |
| |
| <br/> |
| <div id="hometitle" style="font-size: 28px;"></div> |
| <br/> |
| |
| <!-- |
| <div id="homeanimation" style="width: 320px; height: 280px; padding: 0px; margin: 0px auto;"></div> |
| --> |
| |
| <input type="button" class="bluebutton" style="font-size: 21px; padding: 10px; height: 50px;" id="getstarted" title="Get Started" value="Get Started"/> |
| |
| <br/><br/> |
| <div class="note">Requires Safari 6+, Chrome 24+, Firefox 18+ or IE 10+</div> |
| <br/> |
| |
| </div> |
| |
| <script type="text/javascript"> |
| (function homebody() { |
| |
| /** |
| * Setup page layout. |
| */ |
| (function layout() { |
| document.title = config.windowtitle(); |
| $('viewhead').innerHTML = '<span class="bcmenu">' + config.pagetitle() + '</span>'; |
| $('hometitle').innerHTML = config.hometitle(); |
| if (!ui.isMobile()) |
| $('viewcontent').className = 'viewcontent flatscrollbars'; |
| })(); |
| |
| ui.onclick($('getstarted'), function(e) { |
| return ui.navigate('/#view=store', '_view'); |
| }); |
| |
| /** |
| * Display animation. |
| */ |
| (function homeanimation() { |
| var anim = $('homeanimation'); |
| if (!isNull(anim)) { |
| anim.style.background = 'url(\'' + ui.b64png(appcache.get('/home/home.b64')) + '\')'; |
| var bgpos = 0; |
| setInterval(function homeanimation() { |
| bgpos = bgpos -280; |
| if (bgpos == -2800) |
| bgpos = 0; |
| anim.style.backgroundPosition = '0px ' + ui.pixpos(bgpos); |
| }, 2000); |
| } |
| })(); |
| |
| /** |
| * Show the status. |
| */ |
| onlinestatus(); |
| |
| })(); |
| </script> |
| |
| </div> |
