Source

tracko / app / templates / index.html

Full commit
{% extends "base.html" %}

{% block styles %}
  <link rel="stylesheet" type="text/css" href="/static/site.css">
  <style type="text/css">
    ol li {
        margin-top: 0.25em;
    }
    .catcheye-para {
      font-size: 1.2em;
      font-weight: bold;
    }
  </style>
{% endblock %}

{% block caption %}
  <h1>Tracko</h1>
{% endblock %}

{% block content %}

  <div>
    <div style="float: left; margin-right: 3em; width: 50%">
      <p class="catcheye-para">
        Tracko is a public BitTorrent tracker.<br>
        It helps you share files with other people.
      </p>
      <p>
        To use Tracko you need a BitTorrent client,
        like <a href="http://utorrent.com/">&micro;Torrent</a>.<br>
        Here's how to share files using &micro;Torrent:
      </p>
      <ol>
        <li>Select "File | Create New Torrent..." from menu</li>
        <li>Choose a file or directory to share</li>
        <li>Specify <strong>{{ announce_url }}</strong>
            as tracker</li>
        <li>Save your .torrent file</li>
        <li>Send the .torrent file to other people via email,
            Skype, ICQ, etc.</li>
        <li>Leave &micro;Torrent running until your peers finish downloading
            shared files</li>
      </ol>
    </div>
    <img
      src="static/utorrent-instructions.png?v=2"
      alt="&micro;Torrent's &quot;Create New Torrent&quot; dialog"
      width="440" height="489"
      style="margin: 1em 0; float: left">
    <br style="clear: both">
  </div>

{% endblock %}