Initial commit.

1 files changed, 74 insertions, 0 deletions

diff --git a/templates/index.html b/templates/index.html
new file mode 100644
index 0000000..21180b7
--- /dev/null
+++ b/templates/index.html
@@ -0,0 +1,74 @@
+{{template "header.html" "Image uploader"}}
+{{template "navbar.html"}}
+{{template "modal_uploaded.html"}}
+{{template "modal_error.html"}}
+
+<div class="jumbotron">
+	<div class="container">
+		<h1>
+			<i class="fa fa-picture-o"></i>
+			Image Uploader</h1>
+		<p>
+			Quick, reliable image uploading.
+		</p>
+	</div>
+</div>
+<div class="container">
+	<div class="row">
+		<div class="col-md-6">
+			<h2>
+				<i class="fa fa-upload"></i>
+				From File
+			</h2>
+			<p>
+				<form method="POST" action="/api/v1/url" enctype="multipart/form-data">
+					<input id="file" name="image" type="file" data-filename-placement="inside" title="Search for a file to add">
+					<br>
+					<a href="/api/v1/file" class="btn btn-material-indigo-A700 btn-upload hidden" id="imageSubmit" data-loading-text="Uploading..." autocomplete="off">Upload!</a>
+					</form>
+			</p>
+		</div>
+		<div class="col-md-6">
+			<h2>
+				<i class="fa fa-link"></i>
+				From URL
+			</h2>
+			<p>
+				<form method="POST" action="/api/v1/url" enctype="multipart/form-data">
+					<input id="urlBar" name="image" class="form-control expand" placeholder="Link to image" type="text">
+					<br>
+					<a class="btn btn-material-indigo-A700 btn-upload hidden" id="urlSubmit" data-loading-text="Uploading..." autocomplete="off">Fetch the image!</a>
+				</form>
+			</p>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-md-6">
+			<h2>
+				<i class="fa fa-file-code-o"></i>
+				From Data URI
+			</h2>
+			<p>
+				<form method="POST" action="/api/v1/base64" enctype="multipart/form-data">
+					<input id="base64Bar" name="image" class="form-control expand" placeholder="Base64 encoded image" type="text">
+					<br>
+					<a class="btn btn-material-indigo-A700 btn-upload hidden" id="base64Submit" data-loading-text="Uploading..." autocomplete="off">Decode the image!</a>
+				</form>
+			</p>
+		</div>
+		<div class="col-md-6">
+			<h2>
+				<i class="fa fa-exchange"></i>
+
+				REST-Like API</h2>
+			<p><strong>TODO:</strong> Read the documentation here.</p>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-md-12">
+			<h2><i class="fa fa-terminal"></i> CLI Program</h2>
+			<p><strong>TODO:</strong> Use the image hoster direct from the command line.</p>
+		</div>
+	</div>
+</div>
+{{template "footer.html"}}