62 lines
2.5 KiB
HTML
62 lines
2.5 KiB
HTML
{% load humanize %}
|
|
|
|
<article class="snipt {% if not snipt.public %}private-snipt{% endif %}">
|
|
<div class="number">#{{ snipt.id }}</div>
|
|
<div class="group">
|
|
<div class="container">
|
|
<header>
|
|
<h2>{{ snipt.lexer_name }}</h2>
|
|
<h1><a href="{{ snipt.get_absolute_url }}">{{ snipt.title }}</a></h1>
|
|
</header>
|
|
<section class="code {% if request.GET.style %}{{ request.GET.style }}{% else %}autumn{% endif %}">
|
|
{{ snipt.get_stylized|safe }}
|
|
{% if snipt.get_line_count > 9 %}
|
|
<a href="#" class="expand">
|
|
<span class="expand">Expand</span>
|
|
<span class="collapse">Collapse</span>
|
|
<span class="lines">({{ snipt.get_line_count }} lines)</span>
|
|
</a>
|
|
{% endif %}
|
|
<div class="raw">{{ snipt.code }}</div>
|
|
</section>
|
|
<div class="ruler top-x"></div>
|
|
<div class="ruler bottom-x"></div>
|
|
</div>
|
|
<aside>
|
|
<ul class="options">
|
|
{% if snipt.user == request.user %}
|
|
<li>
|
|
<a class="edit" href="#">Edit</a>
|
|
</li>
|
|
{% endif %}
|
|
<li>
|
|
<a class="embed" href="#">Embed</a>
|
|
</li>
|
|
<li>
|
|
<a class="copy" href="#"><span class="do">Copy</span><span class="done">Copied!</span></a>
|
|
</li>
|
|
</ul>
|
|
<section class="tags">
|
|
<h2>{{ snipt.tags.all|length }} tag{{ snipt.tags.all|pluralize }}</h2>
|
|
<ul>
|
|
{% for tag in snipt.sorted_tags %}
|
|
<li {% if forloop.counter > 4 %}class="hidden"{% endif %}>
|
|
{% if public %}
|
|
<a href="/public/tag/{{ tag.slug }}/">{{ tag }}</a>
|
|
{% else %}
|
|
<a href="/{{ snipt.user.username }}/tag/{{ tag.slug }}/">{{ tag }}</a>
|
|
{% endif %}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</section>
|
|
</aside>
|
|
</div>
|
|
<footer>
|
|
<ul class="attrs">
|
|
<li class="author"><a href="{{ snipt.user.get_absolute_url }}">{{ snipt.user.username }}</a></li>
|
|
<li class="created">{{ snipt.created|naturalday }}</li>
|
|
</ul>
|
|
</footer>
|
|
</article>
|