-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
116 lines (109 loc) · 4.67 KB
/
index.html
File metadata and controls
116 lines (109 loc) · 4.67 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE HTML>
<html>
<head>
<title>Test App Blue Hammer</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="bluehammer.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="popup.js"></script>
<script src="device-select.js"></script>
<script src="FlexiColorPicker/colorpicker.min.js"></script>
<script src="color-select.js"></script>
<script src="option-select.js"></script>
<script src="mouseover-preview.js"></script>
</head>
<body>
<section id="global-content"> <!--for use when placing content in website-->
<section id="elem-main-content">
<div id="elem-main-showcase">
<div id="elem-main-foreground">
<img src="res/ipad.png" alt="iPad" />
<div id="screen"></div>
<form>
<input id="selected-color" type="hidden" value="rgb(255,255,255)">
<input id="selected-platform" type="hidden" value="iPad">
<input id="selected-org" type="hidden" value="Not Set">
</form>
</div>
<a href="#" id="dash-pic-color"><img src="res/colors.png" alt="color" id="dpccolor"/></a>
<a href="#" id="dash-pic-device"><img src="res/devices.png" alt="devices" id="dpcimg" /></a>
<div id="color-menu" class="hidden">
<a href="#" id="menu-close"><img src="res/menu_close.png" alt="close" /></a>
<ul id="device-list" class="hidden">
<li id="ipad-menu"><img src="res/iPad-Menu-Item.png" alt="iPad Menu Item"><br /><span>iPad</span></li>
<li id="iphone-menu" class="unselected"><img src="res/iPhone-Menu-Item.png" alt="iPhone Menu Item"><br /><span>iPhone</span></li>
<li id="android-menu" class="unselected"><img src="res/Android-Menu-Item.png" alt="Android Menu Item"><br /><span>Android</span></li>
</ul>
<section id="color-list" class="hidden">
<div id="picker"></div>
<div id="slide"></div>
<span><strong>Directions:</strong> Click on the rainbow bar to pick a color you like. Next, choose the shade
of the preferred color by clicking in the box.</span>
</section>
</div>
</div>
<div id="elem-main-dash">
<a id="color" class="dash-item" href="#"><span>Color</span></a>
<a id="device" class="dash-item" href="#"><span>Platform</span></a>
</div>
</section>
<section id="selection-content">
<div id="elem-organization-box" class="elem-box">
<div class="box-header">Organization</div>
<div class="content-box">
<ul>
<li>School</li>
<li>Church</li>
<li>Small Business</li>
</ul>
</div>
</div>
<div id="elem-communication-box" class="elem-box">
<div class="box-header">Communication</div>
<div class="content-box">
<ul>
<li>Push Notifications System with <span class="elem-box-emph">1 Passkey</span>: $0</li>
<li>Push Notifications System with <span class="elem-box-emph">10 Passkeys</span>: $100</li>
<li>Hyperlocal Network® - Advanced Targeted Push Notifications System with <span class="elem-box-emph">unlimited
Passkeys, push analytics, & unlimited photo storage</span>: $5/month</li>
</ul>
</div>
</div>
<div id="elem-extras-box" class="elem-box">
<div class="box-header">Extras</div>
<div class="content-box">
<ul>
<li>Customizable App Background: $75</li>
<li>Full Directory (Not just faculty or staff): $500</li>
</ul>
</div>
</div>
<section id="elem-right-content">
<header id="elem-right-header">
<div id="elem-right-title">Your Order</div>
<div id="elem-right-order-button"><span>Order</span></div>
</header>
<!-- use nested divs in cost-content to prevent safari innerHTML render problem -->
<div id="cost-content"><div>$0</div><div id="hyperlocal">+ $5/month</div></div>
<div id="organization-content" class="content"><span class="content-span"></span></div>
<div id="communication-content" class="content"><span class="content-span"></span></div>
<div id="extras-content" class="content"><span class="content-span"></span></div>
<div id="completed-content" class="content"><span class="content-span"></span><img src="#" id="preview-img" alt="Preview Thumbnail Image"/>
</section>
</section>
<section id="mouseover-screen">
<div id="screen-content">
<h1>Preview</h1>
<img src="#" alt="Preview Image"/>
<!--<img src="res/tooltip-arrow.png" alt="Tooltip Arrow" id="tooltip-arrow"/>-->
<div>
<strong>Note:</strong>
<br />
<br />
This is just a generic preview. Your app will be custom-tailored to the colors and options you have chosen.
</div>
</div>
</section>
</section>
</body>
</html>