{% extends "_layout.html" %}

{% block content %}
<div class="page-header">
    <h1>bepasty, the Binary File Upload Site</h1>
</div>

<div class="jumbotron">
    <div class="container">
        <div class="col-sm-3">
            <h2>Free and Nice</h2>
            <p>
                A pastebin for <em>all</em> the stuff,<br>
                not just for text.
            </p>
        </div>
        <div class="col-sm-6">
            <h2>Free and Open Source</h2>
            <p>
                bepasty is free and open source software.<br>
                <a href="https://github.com/bepasty/">bepasty project on github</a>
            </p>
        </div>
        <div class="col-sm-3">
            <h2>Awesome Code</h2>
            <p>
                Powered by <a href="http://python.org">Python</a>,
                <a href="http://flask.pocoo.org/">Flask</a> and
                many <a href="http://ceph.com/">Ceph</a>-alopodes.
            </p>
        </div>
    </div>
</div>

<form action="/+upload" method="POST" enctype="multipart/form-data">
    <p>
        Just
        <span class="btn btn-default fileinput-button">
            <i class="glyphicon glyphicon-upload"></i>
            <span>add a file</span>
            <!-- Input for file upload widget -->
            <input id="fileupload" type="file" name="file">
        </span>
        <noscript>and <button id="fileupload-submit" class="btn btn-success">upload</button></noscript>
        or drop your file(s) directly into the browser.
    </p>
</form>

<!-- The progress bar -->
<div id="fileupload-progress" class="progress progress-striped active" style="visibility: hidden">
    <div class="progress-bar"></div>
</div>

<!-- Uploaded files -->
<div id="files" class="files"></div>
{% endblock content %}

{% block extra_link %}
<!-- Fileupload ui styles -->
<link rel="stylesheet" href="{{ url_for('static', filename='jquery.fileupload/css/jquery.fileupload-ui.css') }}" type="text/css">
{% endblock %}

{% block extra_script %}
<!-- jquery ui widget -->
<script src="{{ url_for('static', filename='jquery.fileupload/js/vendor/jquery.ui.widget.js') }}" type="text/javascript"></script>
<!-- iframe transport for browser without XHR support -->
<script src="{{ url_for('static', filename='jquery.fileupload/js/jquery.iframe-transport.js') }}" type="text/javascript"></script>
<!-- basic file upload -->
<script src="{{ url_for('static', filename='jquery.fileupload/js/jquery.fileupload.js') }}" type="text/javascript"></script>
<!-- file upload progress bar -->
<script src="{{ url_for('static', filename='jquery.fileupload/js/jquery.fileupload-process.js') }}" type="text/javascript"></script>
<!-- file upload validation -->
<script src="{{ url_for('static', filename='jquery.fileupload/js/jquery.fileupload-validate.js') }}" type="text/javascript"></script>
<!-- fileuploader -->
<script src="{{ url_for('static', filename='app/js/fileuploader.js') }}" type="text/javascript"></script>
{% endblock %}
