theengineisgifs/post.php at master · engineered/theengineisgifs · 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
103
104
105
<?php
/**
 * @file post.php
 *
 * The unified admin interface.
 * Steve Avery steve@theengineisred.com January 2013
 */

require 'inc/common.inc';
// fetch the first twenty.
// create a js array
// put that in a document fragment
// add in using masonry.

?>
<!DOCTYPE html>
<html class="version1">
	<head>
		<title>Gif Machine - Admin</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/main.css" />
		<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
		<script src="js/hoverIntent.js"></script>
		<script src="js/dateFormat.js"></script>
		<script src="js/jquery.masonry.min.js"></script>
		<script src="js/ich.min.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<script id="frame_displayed" type="text/html">
			<div class="frame filled">
				<div class="inner">
					<a href="{{ file }}">
						<img src="{{ frame }}" />
					</a>
				</div>
				<div class="controls btn-group">
					<button class="btn btn-info">Display</button>
					<button class="btn btn-warn">Remove</button>
					<button class="btn">Tweet</button>
				</div>
			</div>
		</script>
		<script id="frame_undisplayed" type="text/html">
			<div class="frame filled">
				<div class="inner">
					<a href="{{ file }}">
						<img src="{{ frame }}" />
					</a>
				</div>
				<div class="controls btn-group">
					<button class="btn">Display</button>
					<button class="btn btn-warn">Remove</button>
					<button class="btn">Tweet</button>
				</div>
			</div>
		</script>
	</head>
	<body>
		<header>
			<div class="navbar">
				<h2 class="inline"><?php print $page_title; ?></h2>
			</div>
		</header>
		<div role="main" class="main">
			<div id="loading">
				<p>Hang on a second...</p>
			</div>
			<div class="list">
				<div class="blank blank-form frame">
					<div class="inner">
						<form class="new-submission">
							<table>
								<tr>
									<td>
										<label for="url-field">Paste the URL of the image here:</label>
									</td>
								</tr>
								<tr>
									<td>
										<input type="url" name="url" id="url-field" autofocus required pattern="^.*\.(gif|GIF)$" placeholder="Image URL" />
									</td>
								</tr>
								<tr>
									<td>
										<label for="title-field">Have a clever title for your image?</label>
									</td>
								</tr>
								<tr>
									<td>
										<input type="text" name="title" id="title-field" placeholder="Compose new title..." />
									</td>
								</tr>
								<tr>
									<td>
										<button class="btn btn-inverse" id="go-new-submission">Add it</button>
									</td>
								</tr>
							</table>
						</form>
					</div>
				</div>
			</div>
		</div>
		<script src="js/main.js"></script>
	</body>
</html>