onionshare/cli/onionshare_cli/resources/templates/receive.html

<!DOCTYPE html>
<html>
 <head>
    <title>OnionShare</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link href="{{ static_url_path }}/img/favicon.ico" rel="icon" type="image/x-icon">
    <link rel="stylesheet" rel="subresource" type="text/css" href="{{ static_url_path }}/css/style.css" media="all">
  </head>
  <body>

    <header class="clearfix">
        <img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">
        <h1>OnionShare</h1>
    </header>

    <div class="upload-wrapper">
      <p><img class="logo" src="{{ static_url_path }}/img/logo_large.png" title="OnionShare"></p>

      <p class="upload-header">Send Files</p>
      <p class="upload-description">Select the files you want to send, then click "Send Files"...</p>

      <div id="uploads"></div>

      <div>
        <ul id="flashes" class="flashes">
          {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
              {% for category, message in messages %}
                <li class="{{ category }}">{{ message }}</li>
              {% endfor %}
            {% endif %}
          {% endwith %}
        </ul>
      </div>

      <form id="send" method="post" enctype="multipart/form-data" action="/upload">
         <p><input type="file" id="file-select" name="file[]" multiple /></p>
         <p><button type="submit" id="send-button" class="button">Send Files</button></p>
      </form>

    </div>
    <script src="{{ static_url_path }}/js/jquery-3.5.1.min.js"></script>
    <script async src="{{ static_url_path }}/js/receive.js" id="receive-script"></script>
  </body>
</html>
Make separate template for send and receive mode 2018-03-06 05:06:44 -05:00			`<!DOCTYPE html>`
			`<html>`
			`<head>`
			`<title>OnionShare</title>`
Adds viewport and charset meta tags 2020-07-05 15:24:29 -04:00			`<meta charset="utf-8" />`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
Make static folder URL have a high-entropy random path, to avoid filename collisions with files getting shared 2019-05-22 23:07:35 -04:00			`<link href="{{ static_url_path }}/img/favicon.ico" rel="icon" type="image/x-icon">`
			`<link rel="stylesheet" rel="subresource" type="text/css" href="{{ static_url_path }}/css/style.css" media="all">`
Make separate template for send and receive mode 2018-03-06 05:06:44 -05:00			`</head>`
			`<body>`

			`<header class="clearfix">`
Make static folder URL have a high-entropy random path, to avoid filename collisions with files getting shared 2019-05-22 23:07:35 -04:00			`<img class="logo" src="{{ static_url_path }}/img/logo.png" title="OnionShare">`
Make separate template for send and receive mode 2018-03-06 05:06:44 -05:00			`<h1>OnionShare</h1>`
			`</header>`

Started designing HTML/CSS for receive mode 2018-03-07 13:12:10 -05:00			`<div class="upload-wrapper">`
Make static folder URL have a high-entropy random path, to avoid filename collisions with files getting shared 2019-05-22 23:07:35 -04:00			`<p><img class="logo" src="{{ static_url_path }}/img/logo_large.png" title="OnionShare"></p>`
Make uploading over ajax, and ajax flash messages, work 2019-02-15 17:52:00 -05:00
Refactor file upload interface to use jQuery, and to have separate upload progress bars. The progess bars make clear when the data has been sent to the first Tor node, and when its waiting on the rest of the Tor network. It also allows the sender to cancel uploads 2019-02-15 21:52:28 -05:00			`<p class="upload-header">Send Files</p>`
			`<p class="upload-description">Select the files you want to send, then click "Send Files"...</p>`

			`<div id="uploads"></div>`

			`<div>`
			`<ul id="flashes" class="flashes">`
			`{% with messages = get_flashed_messages(with_categories=true) %}`
			`{% if messages %}`
			`{% for category, message in messages %}`
			`<li class="{{ category }}">{{ message }}</li>`
			`{% endfor %}`
			`{% endif %}`
			`{% endwith %}`
			`</ul>`
Started designing HTML/CSS for receive mode 2018-03-07 13:12:10 -05:00			`</div>`
Refactor file upload interface to use jQuery, and to have separate upload progress bars. The progess bars make clear when the data has been sent to the first Tor node, and when its waiting on the rest of the Tor network. It also allows the sender to cancel uploads 2019-02-15 21:52:28 -05:00
Update ReceiveMode to no longer rely on slugs 2019-05-21 13:18:40 -04:00			`<form id="send" method="post" enctype="multipart/form-data" action="/upload">`
Make progress, noscript warning, and flashes appear above the form, but beneath the logo 2019-02-22 21:16:06 -05:00			`<p><input type="file" id="file-select" name="file[]" multiple /></p>`
			`<p><button type="submit" id="send-button" class="button">Send Files</button></p>`
			`</form>`

Started designing HTML/CSS for receive mode 2018-03-07 13:12:10 -05:00			`</div>`
#1121 upgrade to jQuery 3.5.1 2020-05-28 01:19:54 -04:00			`<script src="{{ static_url_path }}/js/jquery-3.5.1.min.js"></script>`
Use a more efficient way of parsing the path to /img on the static URL in order to load ajax.gif via receive.js 2020-06-07 19:54:52 -04:00			`<script async src="{{ static_url_path }}/js/receive.js" id="receive-script"></script>`
Make separate template for send and receive mode 2018-03-06 05:06:44 -05:00			`</body>`
			`</html>`