index.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
   5 <title>HOMESCREEN</title>
   6 <meta name="keywords" content="" />
   7 <meta name="description" content="" />
   8
   9 <link rel="stylesheet" href="./css/car/car.css" />
  10 <link rel="stylesheet" href="./css/car/components/incomingCall/incomingCall.css" />
  11
  12 <link rel="stylesheet" href="./css/car/components/dateTime/dateTime.css" />
  13 <link rel="stylesheet" href="./css/car/components/progressBar/progressBar.css" />
  14 <link rel="stylesheet" href="./css/car/components/topBarIcons/topBarIcons.css" />
  15 <link rel="stylesheet" href="./css/style.css"/>
  16
  17 <script type="text/javascript" src="./css/car/components/jQuery/jquery-1.8.2.js"></script>
  18 <script type="text/javascript" src="./css/car/components/knockout/knockout.js"></script>
  19 <script type="text/javascript" src="./css/car/components/jsViews/jsrender.js"></script>
  20 <script type="text/javascript" src="./css/car/components/jsViews/template.js"></script>
  21 <script type="text/javascript" src="./css/car/car.js"></script>
  22
  23 <script type='text/javascript' src='./js/services/bootstrap.js'></script>
  24
  25 <script type="text/javascript" src="./css/car/components/bottomPanel/bottomPanel.js"></script>
  26 <script type="text/javascript" src="./css/car/components/progressBar/progressBar.js"></script>
  27 <script type="text/javascript" src="./css/car/components/buttonControls/buttonControls.js"></script>
  28 <script type="text/javascript" src="./css/car/components/audioPlayer/audioPlayer.js"></script>
  29 <script type="text/javascript" src="./css/car/components/topBarIcons/topBarIcons.js"></script>
  30 <script type="text/javascript" src="./css/car/components/dateTime/dateTime.js"></script>
  31
  32 <script type="text/javascript" src="./js/predefAppModel.js"></script>
  33 <script type="text/javascript" src="./js/installedApps.js"></script>
  34 <script type="text/javascript" src="./js/keyControl.js"></script>
  35 <script type="text/javascript" src="./js/actionCatcher.js"></script>
  36 <script type="text/javascript" src="./js/main.js"></script>
  37
  38
  39 </head>
  40
  41 <body class="homeScr_body">
  42         <div id="wrapper" class="wrapper">
  43                 <div id="topBarIcons" class="topBarIcons"></div>
  44                 <div id="actionsCatcher" class="actionsCatcher" onmouseup="actionCatcher.touchEnd();" onmousedown="actionCatcher.touchStart();" onmousemove="actionCatcher.over();">
  45                 </div>
  46
  47                 <div id="homeScrAppGridView" class="homeScrAppGridView pageBgColorNormalTransparent">
  48                         <div class="HSAGWHeading fontColorNormal fontSizeLarger ">Apps</div>
  49                         <div class="exitButton tabsCloseButton"></div>
  50                 </div>
  51                 <div id="dateTime" class="dateTime"></div>
  52                 <div id="viewPort">
  53                         <div id="corpus" class="corpus">
  54                                 <ul id="content_ul">
  55                                         <li class="item sector1 fontWeightBold fontColorNormal">
  56                                                 <div class="sector1icon iconLeftImg abs"></div>
  57                                                 <div class="sector1street abs fontSizeLarge">45 south ave</div>
  58                                                 <div class="sector1distance abs fontSizeXSmall">600 ft</div>
  59                                                 <img src="./css/images/navigation_selector.png"></img>
  60                                         </li>
  61                                         <li class="item sector2 fontWeightBold fontColorNormal">
  62                                                 <div id="fanStatus" class="sector2valInterior abs fontSizeXXLarge">0°C</div>
  63                                                 <div class="sector2Interior abs fontSizeXSmall">interior</div>
  64                                                 <div id="weatherStatus" class="sector2valExterior abs fontSizeXXLarge fontColorDark">0°F</div>
  65                                                 <div class="sector2Exterior abs fontSizeXSmall fontColorDark">exterior</div>
  66                                                 <img src="./css/images/music_selector.png"></img>
  67                                         </li>
  68                                         <li class="item sector3 fontWeightBold fontColorNormal">
  69                                                 <div id="audioHeader" class="sector3header abs fontSizeNormal">author</div>
  70                                                 <div id="audioTitle" class="sector3title abs fontSizeLarge">title</div>
  71                                                 <div id="audioAlbum"class="sector3subHeader abs fontSizeXSmall fontColorDark">album</div>
  72                                                 <img src="./css/images/radio_selector.png"></img>
  73                                         </li>
  74                                         <li class="item sector4 fontWeightBold fontColorNormal">
  75                                                 <!-- <div class="sector4name abs fontSizeXSmall">Smart Device Link</div> -->
  76                                                 <img src="./css/images/video_selector.png"></img>
  77                                         </li>
  78                                         <li class="item sector5 fontWeightBold fontColorNormal">
  79                                                 <img src="./css/images/social_selector.png"></img>
  80                                         </li>
  81                                         <li class="item sector6 fontWeightBold fontColorNormal">
  82 <!--                                            <div class="sector6postsWrapper abs">
  83                                                         <div class="sector6row">
  84                                                                 <div class="sector6icon iconFacebook"></div>
  85                                                                 <div class="sector6time">9:23 AM</div>
  86                                                                 <div class="sector6text"></div>
  87                                                         </div>
  88                                                         <div class="sector6row">
  89                                                                 <div class="sector6icon iconFacebook"></div>
  90                                                                 <div class="sector6time">9:45 AM</div>
  91                                                                 <div class="sector6text">Cheryl Johnson</div>
  92                                                         </div>
  93                                                         <div class="sector6row">
  94                                                                 <div class="sector6icon iconTwitter"></div>
  95                                                                 <div class="sector6time">10:01 AM</div>
  96                                                                 <div class="sector6text">CNN</div>
  97                                                         </div>
  98                                                 </div>
  99  -->                                            <img src="./css/images/phone_selector.png"></img>
 100                                         </li>
 101                                         <li class="item sector7 fontWeightBold fontColorNormal">
 102                                                 <div class="sector7iconSpeed abs iconSpeed"></div>
 103                                                 <div id="homeScrSpeed" class="sector7valSpeed fontSizeXXXLarge abs">0</div>
 104                                                 <div id="sector7SpeedUnits" class="sector7SpeedUnits fontSizeXSmall abs">mph</div>
 105                                                 <div class="sector7iconBattery abs batteryImage"></div>
 106                                                 <div id="batteryStatus" class="sector7valBatteryPerc abs fontSizeLarge">0%</div>
 107                                                 <div id="batteryRange" class="sector7valRange abs fontSizeLarge">0 mi</div>
 108                                                 <img src="./css/images/dashboard_selector.png"></img>
 109                                         </li>
 110                                 </ul>
 111                         </div>
 112                         <div id="indicator" class="indicator indSize colorBasic fontSizeNormal fontWeightBold">
 113                                 <div id="centerIco" class="centerIco"></div>
 114                                 <div id="innerRing" class="innerRing indSize rollLeft"></div>
 115                                 <div id="outerRing" class="outerRing indSize rollRight"></div>
 116                         </div>
 117                 </div>
 118                 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>
 119         </div>
 120 </body>
 121 </html>