-
Notifications
You must be signed in to change notification settings - Fork 0
/
simple.html
105 lines (101 loc) · 4.4 KB
/
simple.html
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
<!doctype html>
<html>
<head>
<title>stickie wall</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8">
<meta name="description" content="">
<meta property="og:type" content="website">
<meta property="og:site_name" content="">
<meta property="og:locale" content="en_US">
<meta property="og:title" content="">
<meta property="og:image" content="https://mmmavis.github.io/stickies/assets/favicon.png">
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:type" content="image/png" />
<link rel="apple-touch-icon" type="image/png" sizes="90x90" href="favicon.png">
<link rel="icon" type="image/png" sizes="90x90" href="favicon.png">
<link href="https://fonts.googleapis.com/css?family=Caveat" rel="stylesheet">
<link rel="stylesheet/less" type="text/css" href="simple.less" />
<script type="text/javascript" src="lib/less.min.js" ></script>
<script type="text/javascript" src="lib/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="lib/handlebars-v4.0.11.js"></script>
<script type="text/javascript" src="lib/moment.js"></script>
<script id="sticky-template" type="text/x-handlebars-template">
<div class="sticky-note {{bgColor}}{{#if imgSrc}} has-media{{/if}}" data-id="{{id}}" id="{{id}}">
<div class="content">
{{#if imgSrcIsVideo}}
<video src="{{imgSrc}}"controls preload="metadata">
Sorry, your browser doesn't support embedded videos.
</video>
{{else if imgSrc}}
<a href="{{imgSrc}}" target="_blank" title="click to see full size"><img src="{{imgSrc}}"></a>
{{/if}}
<div>
<div>{{{message}}}</div>
<div class="submitter">
<div>— {{submitter}}</div>
<div><small>({{localTime timestamp}})</small></div>
</div>
</div>
</div>
</div>
</script>
<script id="new-sticky-template" type="text/x-handlebars-template">
<div id="new-sticky-note" class="sticky-note">
<form id="new-sticky-form">
<div>
<textarea name="message" type="text" maxlength=200 placeholder="message (max. 200 characters)" required></textarea>
</div>
<div>
<input name="imgSrc" type="text" placeholder="link to image (optional)" />
</div>
<div>
<input name="submitter" type="text" placeholder="your name" required />
</div>
<div>
<div class="color-block">
<input type="radio" id="bg-color-yellow" name="bgColor" value="yellow" checked="checked"><label for="bg-color-yellow"></label>
</div>
<div class="color-block">
<input type="radio" id="bg-color-orange" name="bgColor" value="orange"><label for="bg-color-orange"></label>
</div>
<div class="color-block">
<input type="radio" id="bg-color-green" name="bgColor" value="green"><label for="bg-color-green"></label>
</div>
<div class="color-block">
<input type="radio" id="bg-color-blue" name="bgColor" value="blue"><label for="bg-color-blue"></label>
</div>
<div class="color-block">
<input type="radio" id="bg-color-red" name="bgColor" value="red"><label for="bg-color-red"></label>
</div>
<div class="color-block">
<input type="radio" id="bg-color-purple" name="bgColor" value="purple"><label for="bg-color-purple"></label>
</div>
</div>
<div>
<button type="submit">SEND</button>
</div>
</form>
</div>
</script>
</head>
<body>
<div id="room">
<div id="left-wall">
<!-- <div id="frame-top" class="window-frame"></div>
<div id="frame-right" class="window-frame"></div> -->
</div>
<div id="wall-container">
<div id="wall"></div>
</div>
<div id="ceiling"></div>
</div>
<div id="erika-shreddy">
<img src="assets/[email protected]" width="350" id="erika" />
<img src="assets/[email protected]" id="shreddy" width="379" class=""></div>
</div>
<script src="https://www.gstatic.com/firebasejs/4.12.0/firebase.js"></script>
<script src="simple.js"></script>
</body>
</html>