-
Notifications
You must be signed in to change notification settings - Fork 19
/
index.html
143 lines (119 loc) · 5.2 KB
/
index.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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="tumbless.css" rel="stylesheet" type="text/css" />
<link href="theme/theme.css" rel="stylesheet" type="text/css" />
<link href='https://fonts.googleapis.com/css?family=Lato:400' rel='stylesheet' type='text/css'>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<div id="actions" style="position: fixed; right: 0; top: 0">
<i id="newPost" class="fa fa-plus-square fa-3x actionbutton" style="display: none"></i> <i id="exitAdmin"
class="fa fa-sign-out fa-3x actionbutton" style="display: none"></i>
</div>
<div id="adminTrap" style="position: fixed; right: 0; top: 0">
<i id="newPost" class="fa fa-pencil-square fa-3x actionbutton"
style="position: relative; top: -66px; transition: all 0.2s ease 0s;"></i>
</div>
<h1 id="title" class="editable" data-placeholder="Blog title"></h1>
<div id="description" class="editable" data-placeholder="Blog description"></div>
<div id="posts"></div>
<div id="gallery" class="lightbox">
<div class="horizontal">
<div class="vertical">
<div style="position: relative">
<img id="galleryImage"></img>
<div id="closeGallery">
<div>
Close <i class="fa fa-close fa-inverse"></i>
</div>
</div>
<div id="galleryContainer">
<div id="galleryDrawer">
<div id="galleryList"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="loginbox" class="lightbox" style="zoom: 1.5">
<div class="horizontal">
<div class="vertical">
<div style="background-color: #888; margin: auto; padding: 12px;">
<p style="margin: 0">This is a private blog.</p>
<input style="margin: 16px" id="password" type="password" placeholder="password" /> <br />
<button id="loginbutton" type="button">Let me in!</button>
<p id="wrongPassword" style="display: none">wrong password</p>
</div>
</div>
</div>
</div>
<div id="adminbox" class="lightbox" style="zoom: 1.5">
<div class="horizontal">
<div class="vertical">
<div style="background-color: #888; margin: auto; padding: 12px;">
<p>
<i class="fa fa-lock"></i> Admin login
</p>
<input style="margin: 16px" id="adminpassword" type="password" placeholder="admin password" /> <br />
<button id="adminbutton" type="button">Let me in!</button>
<p id="wrongAdminPassword" style="display: none">wrong password</p>
</div>
</div>
</div>
</div>
<div style="display: none">
<article id="postTemplate">
<div style="position: relative; text-align: right;">
<div class="articleactions">
<i class="fa fa-trash fa-3x actionbutton articledelete "></i> <i class="fa fa-3x fa-pencil-square actionbutton articleedit"></i>
<i class="fa fa-3x fa-check-square actionbutton articlesave"></i>
</div>
<figure class="mediacontainer" style="text-align: left;"></figure>
<figcaption>
<div class="drophint">
<div class="uploading" style="display: none">
<i id="spinner" class="fa fa-spinner fa-spin fa-4x" style=""></i>
</div>
<div class="drophere">
Drop your photos here or <br /> <br /> <input type="file" id="fileInput" multiple="multiple" accept="image/jpeg" />
</div>
</div>
<header class="posttitle editable"></header>
<input type="text" class="postdate" readonly></input>
<p class="postdescription editable"></p>
</figcaption>
<div class="drafttoggle">
<label><input type="checkbox" style="transform: scale(1.5);"> Save as draft</label>
</div>
<div class="draftwatermark">Draft</div>
</div>
</article>
<div id="photoTemplate" class="photo">
<i class="fa fa-trash fa-3x actionbutton photodelete"></i>
<i class="fa fa-arrow-left fa-3x actionbutton photomove photomoveleft"></i>
<i class="fa fa-arrow-right fa-3x actionbutton photomove photomoveright"></i>
</div>
<video id="videoTemplate" controls preload="metadata">
<source class="src" type="video/mp4">
Your browser does not support HTML5 video.
</video>
<div id="thumbnail" class="thumbnail"></div>
<i id="editIcon" class="material-icons">mode edit</i> <i id="spinner" class="fa fa-cog fa-spin fa-4x"></i>
<canvas id="canvasTemplate" style="max-width: 120px;"></canvas>
</div>
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.1.0/js.cookie.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.touchswipe/1.6.15/jquery.touchSwipe.min.js"></script>
<script src="https://sdk.amazonaws.com/js/aws-sdk-2.2.34.min.js"></script>
<script type="text/javascript" src="s3.js"></script>
<script type="text/javascript" src="tumbless.js"></script>
<script type="text/javascript" src="admin.js"></script>
<script type="text/javascript" src="exif.js"></script>
</body>
</html>