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" />
12 <link rel="stylesheet" href="./css/car/car.css" />
13 <link rel="stylesheet" href="./css/car/components/incomingCall/incomingCall.css" />
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"/>
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>
26 <script type='text/javascript' src='./js/services/bootstrap.js'></script>
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>
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>
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();">
50 <div id="homeScrAppGridView" class="homeScrAppGridView pageBgColorNormalTransparent">
51 <div class="HSAGWHeading fontColorNormal fontSizeLarger ">Apps</div>
52 <div class="exitButton tabsCloseButton"></div>
54 <div id="dateTime" class="dateTime"></div>
56 <div id="corpus" class="corpus">
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>
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>
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>
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>
81 <li class="item sector5 fontWeightBold fontColorNormal">
82 <img src="./css/images/social_selector.png"></img>
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>
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>
96 <div class="sector6row">
97 <div class="sector6icon iconTwitter"></div>
98 <div class="sector6time">10:01 AM</div>
99 <div class="sector6text">CNN</div>
102 --> <img src="./css/images/phone_selector.png"></img>
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>
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>
121 <div id="bottomPanel" class="bottomPanel bottomPanelImg"></div>