266 lines
10 KiB
HTML
266 lines
10 KiB
HTML
{% load verbatim %}
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="en" class="{% block html-class %}{% endblock %}">
|
||
<head>
|
||
|
||
<title>{% block page-title %}Snipt{% endblock %}</title>
|
||
<meta charset="utf-8" />
|
||
<meta name="description" content="Long-term memory for coders. Share and store code snippets." />
|
||
<link rel="icon" href="{{ STATIC_URL }}images/favicon.ico">
|
||
{% if debug %}
|
||
<link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap.css" />
|
||
<link rel="stylesheet" href="{{ STATIC_URL }}css/style.css" />
|
||
<link rel="stylesheet" href="{{ STATIC_URL }}css/themes.css" />
|
||
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/a_underscore.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/b_jquery.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/c_json2.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/d_backbone.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/e_bootstrap.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/plugins/jquery.infieldlabel.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/plugins/jquery.hotkeys.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/plugins/jquery.ui.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/src/application.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/src/modules/site.js"></script>
|
||
<script type="text/javascript" src="{{ STATIC_URL }}js/src/modules/snipt.js"></script>
|
||
{% else %}
|
||
<link rel="stylesheet" href="{{ STATIC_URL }}cache/snipt.css" />
|
||
<script type="text/javascript" src="{{ STATIC_URL }}cache/snipt.js"></script>
|
||
{% endif %}{% block js %}{% endblock %}
|
||
<!--[if IE]>
|
||
<style type="text/css">
|
||
.group {
|
||
display: block;
|
||
zoom: 1;
|
||
}
|
||
</style>
|
||
<![endif]-->
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
||
<![endif]-->
|
||
|
||
</head>
|
||
<body class="{% block body-class %}{% endblock %}">
|
||
<header class="main">
|
||
<div class="inner">
|
||
<div class="shadey"></div>
|
||
<h1><a href="/">Snipt</a></h1>
|
||
<form class="search" action="" method="get">
|
||
<fieldset>
|
||
<div class="fields infield">
|
||
<label for="search-query">Search public snipts</label>
|
||
<input type="text" id="search-query" name="q" value="" />
|
||
</div>
|
||
</fieldset>
|
||
</form>
|
||
<nav class="public">
|
||
<ul>
|
||
{% if not request.user.is_authenticated %}
|
||
<li>
|
||
<a href="/public/" {% if '/public/' in request.path or public %} class="active"{% endif %}>Public snipts</a>
|
||
</li>
|
||
<li>
|
||
<a href="/login/" {% if '/login/' in request.path %} class="active"{% endif %}>Log in</a>
|
||
</li>
|
||
<li>
|
||
<a href="/signup/" {% if '/signup/' in request.path %} class="active"{% endif %}>Sign up</a>
|
||
</li>
|
||
{% else %}
|
||
<li>
|
||
<a href="/" {% if request.user.username in request.path %} class="active"{% endif %}>My snipts</a>
|
||
</li>
|
||
<li>
|
||
<a href="/public/" {% if '/public/' in request.path or public %} class="active"{% endif %}>Public snipts</a>
|
||
</li>
|
||
<li>
|
||
<a href="/logout/">Log out</a>
|
||
</li>
|
||
{% endif %}
|
||
</ul>
|
||
</nav>
|
||
<aside class="nav"></aside>
|
||
</div>
|
||
</header>
|
||
{% block sub-header %}
|
||
<header class="sub">
|
||
<div class="inner group">
|
||
<ul class="bcrumb">
|
||
<li class="prompt">/</li>
|
||
{% block breadcrumb %}{% endblock %}
|
||
</ul>
|
||
<div class="shortcuts">
|
||
Type "h" for KB shortcuts
|
||
</div>
|
||
</div>
|
||
</header>
|
||
{% endblock %}
|
||
<section class="main group">
|
||
<div class="inner">
|
||
{% block content %}{% endblock %}
|
||
</div>
|
||
{% block aside %}
|
||
<aside class="main">
|
||
<section class="ad">
|
||
<div class="asset">
|
||
<a href="http://www.adsbycoffee.org/">
|
||
<img src="https://snipt.s3.amazonaws.com/images/ad.png" alt="" />
|
||
Ads by Coffee is a non-profit advertising agency exclusively for charity organizations.
|
||
</a>
|
||
</div>
|
||
<div class="meta">
|
||
<a href="http://www.adsbycoffee.org/">Ads by Coffee</a>
|
||
</div>
|
||
</section>
|
||
{% block tags %}{% endblock %}
|
||
<nav class="footer">
|
||
<ul>
|
||
<li class="api">
|
||
<a href="/api/">API</a>
|
||
</li>
|
||
<li class="twitter">
|
||
<a href="https://twitter.com/#!/snipt">@snipt</a>
|
||
</li>
|
||
<li class="twitter">
|
||
<a href="https://twitter.com/#!/nicksergeant">@nicksergeant</a>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</aside>
|
||
{% endblock %}
|
||
<div class="left-y ruler"></div>
|
||
<div class="right-y ruler"></div>
|
||
</section>
|
||
<div class="modal hide" id="keyboard-shortcuts">
|
||
<div class="modal-header">
|
||
<a href="#" class="close">×</a>
|
||
<h3>Keyboard shortcuts</h3>
|
||
</div>
|
||
<div class="modal-body">
|
||
<table class="table table-striped table-bordered table-condensed">
|
||
<thead>
|
||
<tr>
|
||
<th>Key</th>
|
||
<th>Function</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td>h</td>
|
||
<td>Show keyboard shortcuts</td>
|
||
</tr>
|
||
<tr>
|
||
<td>/</td>
|
||
<td>Focus search field</td>
|
||
</tr>
|
||
<tr>
|
||
<td>esc</td>
|
||
<td>Unfocus search field / deselect snipt</td>
|
||
</tr>
|
||
<tr>
|
||
<td>g</td>
|
||
<td>Scroll to top of page</td>
|
||
</tr>
|
||
<tr>
|
||
<td>G</td>
|
||
<td>Scroll to bottom of page</td>
|
||
</tr>
|
||
<tr>
|
||
<td><ctrl-h></td>
|
||
<td>Back</td>
|
||
</tr>
|
||
<tr>
|
||
<td><ctrl-l></td>
|
||
<td>Forward</td>
|
||
</tr>
|
||
<tr>
|
||
<td>H</td>
|
||
<td>Go home</td>
|
||
</tr>
|
||
<tr>
|
||
<td>t</td>
|
||
<td>Open new window/tab</td>
|
||
</tr>
|
||
<tr>
|
||
<td>r</td>
|
||
<td>Refresh page</td>
|
||
</tr>
|
||
<tr>
|
||
<td>n</td>
|
||
<td>Next page</td>
|
||
</tr>
|
||
<tr>
|
||
<td>p</td>
|
||
<td>Previous page</td>
|
||
</tr>
|
||
<tr>
|
||
<td>j</td>
|
||
<td>Next snipt</td>
|
||
</tr>
|
||
<tr>
|
||
<td>k</td>
|
||
<td>Previous snipt</td>
|
||
</tr>
|
||
<tr>
|
||
<td>o / return</td>
|
||
<td>Go to snipt</td>
|
||
</tr>
|
||
<tr>
|
||
<td>e</td>
|
||
<td>Expand / collapse snipt</td>
|
||
</tr>
|
||
<tr>
|
||
<td>v</td>
|
||
<td>Embed snipt</td>
|
||
</tr>
|
||
<tr>
|
||
<td>c</td>
|
||
<td>Copy snipt</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
{% if snipts or snipt %}
|
||
{% verbatim %}
|
||
<article id="snipt-template" class="snipt">
|
||
<div class="number">#0</div>
|
||
<div class="group">
|
||
<div class="container">
|
||
<header>
|
||
<h2></h2>
|
||
<h1><a href="{{url}}">{{title}}</a></h1>
|
||
</header>
|
||
<section class="code autumn">
|
||
</section>
|
||
<div class="ruler top-x"></div>
|
||
<div class="ruler bottom-x"></div>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
{% endverbatim %}
|
||
{% endif %}
|
||
{% if not debug %}
|
||
<script type="text/javascript">
|
||
//<![CDATA[
|
||
var _gaq = _gaq || [];
|
||
_gaq.push(['_setAccount', 'UA-514462-44']);
|
||
_gaq.push(['_trackPageview']);
|
||
(function() {
|
||
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
|
||
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
|
||
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
|
||
})();
|
||
//]]>
|
||
</script>
|
||
{% else %}
|
||
<script type="text/javascript">
|
||
//<![CDATA[
|
||
document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')
|
||
//]]>
|
||
</script>
|
||
{% endif %}
|
||
</body>
|
||
</html>
|