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