Garage/camera.html at master · mth3r/Garage · GitHub

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
<!-- We don't need full layout here, because this page will be parsed with Ajax-->
<!-- Top Navbar-->
<!DOCTYPE html>
<html>
<head>
    <meta content=
    "HTML Tidy for HTML5 (experimental) for Windows https://github.com/w3c/tidy-html5/tree/c63cc39"
    name="generator">
    <title></title>
</head>
<body>
    <div class="navbar">
        <div class="navbar-inner">
            <div class="left">
                <a class="back link" href="#"><span>Back</span></a>
            </div>
            <div class="center sliding">
                Camera
            </div>
            <div class="right">
                <!-- Right link contains only icon - additional "icon-only" class-->
                <a class="link icon-only open-panel" href="#"></a>
            </div>
        </div>
    </div>
    <div class="pages">
        <!-- Page, data-page contains page name-->
        <div class="page" data-page="camera">
            <!-- Scrollable page content-->
            <div class="page-content">
                <div class="content-block">
                    <div class="content-block-title">
                        <p>Here is Foscam (hopefully)!</p>
                    </div>
                	 <div class="content-block" id="cameraIMGhome">
                    	<img class="cameraIMG" id="cameraIMG" alt="turn camera on"/>
                    </div>

                    <div class="content-block">
                        <p class="test">test</p>
                    </div>
                 <div class="controls" id="controls"></div>
                    <div>
                        <img id="windrose" src="img/400px-Windrose-CTR.png"
                        usemap="#Map"> <map id="Map" name="Map">
                            <area class="CameraControl" coords=
                            "200,52,222,178,199,199,178,178,199,53" data-cmd=
                            "0" data-cmdstop="1" href="#" id="north" shape=
                            "poly">
                            <area class="CameraControl" coords=
                            "219,156,277,122,243,181,223,179" href="#" id=
                            "northeast" shape="poly">
                            <area class="CameraControl" coords=
                            "222,178,200,199,223,222,347,200" data-cmd="4"
                            data-cmdstop="5" href="#" id="east" shape="poly">
                            <area class="CameraControl" coords=
                            "243,219,222,223,219,244,277,277" href="#" id=
                            "southeast" shape="poly">
                            <area class="CameraControl" coords=
                            "199,200,222,222,200,346,178,222" data-cmd="2"
                            data-cmdstop="3" href="#" id="south" shape="poly">
                            <area class="CameraControl" coords=
                            "156,219,176,222,180,244,123,277" href="#" id=
                            "southwest" shape="poly">
                            <area class="CameraControl" coords=
                            "176,177,199,200,176,222,53,200" data-cmd="6"
                            data-cmdstop="7" href="#" id="west" shape="poly">
                            <area class="CameraControl" coords=
                            "177,176,180,156,122,122,156,180" href="#" id=
                            "northwest" shape="poly">
                        </map>
                    </div>
                <div class="row">
			<div class="col-auto">
			  <!-- Switch (Checkbox) -->
			  <div class="row">
				<div class="col-auto">
					<div class="item-content">
						<div class="item-media"><i class="icon icon-form-toggle"></i></div>
							<div class="item-inner">
								<div class="item-title label">Video</div>
							</div>
					</div>
				</div>
				<div class="col-auto">
					<div class="item-input">
						<label class="label-switch">
							<input id="videoSwitchData" class="videoSwitchData" type="checkbox">
							<div id="videoSwitch" class="checkbox"></div>
						</label>
					</div>
				</div>
			  </div>
			</div>

		 </div>
                </div>
            </div>
        </div>
    </div>
</body>
</html>