<!doctype html>
<html lang="en"><head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">
  <meta name="robots" content="NONE,NOARCHIVE"><title>Welcome to Django Media Tree</title>
  <style type="text/css">
    html * { padding:0; margin:0; }
    body * { padding:10px 20px; }
    body * * { padding:0; }
    body { font:small sans-serif; }
    body>div { border-bottom:1px solid #ddd; }
    h1 { font-weight:normal; }
    h2 { margin-bottom:.8em; }
    h2 span { font-size:80%; color:#666; font-weight:normal; }
    h3 { margin:1em 0 .5em 0; }
    h4 { margin:0 0 .5em 0; font-weight: normal; }
    table { border:1px solid #ccc; border-collapse: collapse; width:100%; background:white; }
    tbody td, tbody th { vertical-align:top; padding:2px 3px; }
    thead th { padding:1px 6px 1px 3px; background:#fefefe; text-align:left; font-weight:normal; font-size:11px; border:1px solid #ddd; }
    tbody th { width:12em; text-align:right; color:#666; padding-right:.5em; }
    ul { margin-left: 2em; margin-top: 1em; margin-bottom: 1.5em; }
    p {
        margin: .5em 0 0 0;
    }
    #summary { background: #e0ebff; }
    #summary h2 { font-weight: normal; color: #666; }
    #detail { background:#eee; }
    #instructions { background:#f6f6f6; }
    #summary table { border:none; background:transparent; }

    .box {
        border: 1px solid #ddd;
        padding: 1em;
        background: lightyellow;
    }

    .box.white {
        background: white;
    }

    .code {
        font-family: "Courier New", Courier, monospace;
    }

    .image img {
        display: block;
        margin-bottom: .8em;
    }

    .file-listing .icon, .file .icon {
        display: inline-block;
        margin: 0 .5em 0 0;
    }
    ul.file-listing {
        margin-top: 0;
        line-height: 1.5em;
    }
    ul.file-listing ul{
        margin: 0 0 0 1em;
    }
  </style>
</head>

<body>
<div id="summary">
  <h1>Django Media Tree Demo Project</h1>
  <h2>It worked! Welcome to a quick demonstration of Django Media Tree.</h2>
</div>

<div id="instructions">
  <h2>Administration</h2>
  <p>
    Please log into the administration site to see how <span class="code">FileNode</span> objects are administrated. 
  </p>
  <p class="box">
    Username: <span class="code">admin</span>, Password: <span class="code">admin</span><br /> 
  </p>
  <ul>
    <li><a href="{% url "admin:media_tree_filenode_changelist" %}">Media Tree Admin</a></li>
  </ul>
  <h2>Documentation</h2>
  <ul>
    <li>
    The <a href="http://readthedocs.org/docs/django-media-tree/">Media Tree Documentation</a> contains extensive information on how to use and extend this application.
    </li>
  </ul>

  <h2>Generic Views</h2>
  <p>
    This application includes class-based generic views that enable you to access <span class="code">FileNode</span> objects through public URLs.
    Please see the Demo Project's <span class="code">urls.py</span> for an example of how to use them.
    Of course you can also extend the generic view classes to create views that suit your specific requirements.
  </p>
  <ul>
    <li><a href="{% url "demo_listing" %}">Listing View</a></li>
    <li><a href="{% url "demo_detail" "Example Documents/license.txt" %}">Detail View</a></li>
    <li><a href="{% url "demo_image" "Example Pictures/River.jpg" %}">Image Detail View</a></li>
  </ul>
</div>

<div id="detail">
  <div class="box white">
  {% block content %}Please select one of the example views above.{% endblock %}
  </div>
</div>
</body></html>
