NDOJ/templates/blog/list.html

274 lines
11 KiB
HTML
Raw Normal View History

2020-01-21 06:35:58 +00:00
{% extends "base.html" %}
{% block title_row %}{% endblock %}
{% block title_ruler %}{% endblock %}
{% block media %}
<link rel="alternate" type="application/atom+xml" href="{{ url('blog_atom') }}" title="Atom Blog Feed">
<link rel="alternate" type="application/rss+xml" href="{{ url('blog_rss') }}" title="RSS Blog Feed">
<link rel="alternate" type="application/atom+xml" href="{{ url('comment_atom') }}" title="Atom Comment Feed">
<link rel="alternate" type="application/rss+xml" href="{{ url('comment_rss') }}" title="RSS Comment Feed">
<link rel="alternate" type="application/atom+xml" href="{{ url('problem_atom') }}" title="Atom Problem Feed">
<link rel="alternate" type="application/rss+xml" href="{{ url('problem_rss') }}" title="RSS Problem Feed">
{% include "blog/media-css.html" %}
<style>
2020-06-12 23:01:53 +00:00
@media (max-width: 800px) {
.title {
clear: both;
}
}
2020-01-21 06:35:58 +00:00
.post {
2020-06-12 23:01:53 +00:00
margin: 0 2%;
2020-01-21 06:35:58 +00:00
}
2020-06-12 15:48:44 +00:00
.time {
margin-left: 0;
}
2020-01-21 06:35:58 +00:00
.post:first-child {
margin-top: 0.6em;
}
.own-open-tickets .title a, .open-tickets .title a {
display: block;
}
.own-open-tickets .object, .open-tickets .object {
margin-left: 1em;
font-style: italic;
}
.open-tickets .user {
margin-left: 1em;
}
.no-clarifications-message {
font-style: italic;
text-align: center;
}
2020-06-12 15:48:44 +00:00
h3 a {
color: lightcyan;
}
2021-07-19 01:22:44 +00:00
#add-clarification {
float: left;
color: chartreuse;
}
#add-clarification:hover {
color: cyan;
}
2020-01-21 06:35:58 +00:00
</style>
{% endblock %}
{% block js_media %}
<script type="text/javascript">
$(document).ready(function () {
$('.time-remaining').each(function () {
count_down($(this));
});
$('.blog-sidebar').hide();
$('#blog-tab').find('a').click(function (e) {
e.preventDefault();
$('#blog-tab').addClass('active');
$('#event-tab').removeClass('active');
$('.blog-content').show();
$('.blog-sidebar').hide();
});
$('#event-tab').find('a').click(function (e) {
e.preventDefault();
$('#event-tab').addClass('active');
$('#blog-tab').removeClass('active');
$('.blog-content').hide();
$('.blog-sidebar').show();
});
});
</script>
{% endblock %}
{% block body %}
{% block before_posts %}{% endblock %}
<div id="mobile" class="tabs">
<ul>
<li id="blog-tab" class="tab active"><a href="#">
<i class="tab-icon fa fa-info-circle"></i> {{ _('Blog') }}
</a></li>
<li id="event-tab" class="tab"><a href="#"><i class="tab-icon fa fa-rss"></i> {{ _('Events') }}</a></li>
</ul>
</div>
<div id="blog-container">
<div class="blog-content sidebox">
<h3>{{ _('News') }} <i class="fa fa-terminal"></i></h3>
<div class="sidebox-content">
2020-12-28 05:45:58 +00:00
{% set show_organization_private_icon=True %}
2020-01-21 06:35:58 +00:00
{% for post in posts %}
2020-12-28 05:45:58 +00:00
{% include "blog/content.html" %}
2020-01-21 06:35:58 +00:00
{% endfor %}
</div>
{% if page_obj.num_pages > 1 %}
<div style="margin-bottom:10px;margin-top:10px">{% include "list-pages.html" %}</div>
{% endif %}
</div>
<div class="blog-sidebar">
{% if request.in_contest and request.participation.contest.use_clarifications %}
<div class="blog-sidebox sidebox">
2021-07-19 01:22:44 +00:00
<h3>{{ _('Clarifications') }}
<i class="fa fa-question-circle"></i>
{% if can_edit_contest %}
<a href="{{url('new_contest_clarification', request.participation.contest.key)}}"
class="fa fa-plus-circle"
id="add-clarification"
title="{{_('Add')}}">
</a>
{% endif %}
</h3>
2020-01-21 06:35:58 +00:00
<div class="sidebox-content">
{% if has_clarifications %}
<ul>
{% for clarification in clarifications %}
<li class="clarification">
<a href="{{ url('problem_detail', clarification.problem.code) }}"
class="problem">
{{ clarification.problem.name }}
</a>
<span class="time">{{ relative_time(clarification.date) }}</span>
</li>
{% endfor %}
</ul>
{% else %}
<p class="no-clarifications-message">
{{ _('No clarifications have been made at this time.') }}
</p>
{% endif %}
</div>
</div>
{% endif %}
{% if current_contests %}
<div class="blog-sidebox sidebox">
<h3>{{ _('Ongoing contests') }} <i class="fa fa-trophy"></i></h3>
<div class="sidebox-content">
{% for contest in current_contests %}
<div class="contest">
<div class="contest-list-title">
<a href="{{ url('contest_view', contest.key) }}">{{ contest.name }}</a>
</div>
<div class="time">
2021-12-27 08:22:48 +00:00
{{ _('Ends in') }} {{ _('%(countdown)s.', countdown=contest.end_time|as_countdown) }}
2020-01-21 06:35:58 +00:00
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
{% if future_contests %}
<div class="blog-sidebox sidebox">
<h3>{{ _('Upcoming contests') }} <i class="fa fa-trophy"></i></h3>
<div class="sidebox-content">
{% for contest in future_contests %}
<div class="contest">
<div class="contest-list-title">
<a href="{{ url('contest_view', contest.key) }}">{{ contest.name }}</a>
</div>
<div class="time">
2021-12-10 22:36:55 +00:00
{{ _('Starting in %(countdown)s.', countdown=contest.start_time|as_countdown) }}
2020-01-21 06:35:58 +00:00
</div>
</div>
{% endfor %}
</div>
</div>
{% endif %}
2020-10-17 03:49:29 +00:00
{% if own_open_tickets %}
2020-01-21 06:35:58 +00:00
<div class="blog-sidebox sidebox">
<h3>{{ _('My open tickets') }} <i class="fa fa-question-circle"></i></h3>
<div class="sidebox-content">
<ul class="own-open-tickets">
{% for ticket in own_open_tickets %}
<li>
<div class="title">
<a href="{{ url('ticket', ticket.id) }}">{{ ticket.title }}</a>
</div>
<div class="object">
<a href="{{ ticket.linked_item.get_absolute_url() }}">
{{ ticket.linked_item|item_title }}</a>
</div>
2020-10-20 03:54:13 +00:00
<div>{{ link_user(ticket.user) }}</div>
2020-01-21 06:35:58 +00:00
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
2020-10-17 03:49:29 +00:00
{% if open_tickets %}
2020-01-21 06:35:58 +00:00
<div class="blog-sidebox sidebox">
<h3>{{ _('New tickets') }} <i class="fa fa-exclamation-circle"></i></h3>
<div class="sidebox-content">
<ul class="open-tickets">
{% for ticket in open_tickets %}
<li>
<div class="title">
<a href="{{ url('ticket', ticket.id) }}">{{ ticket.title }}</a>
</div>
<div class="object">
<a href="{{ ticket.linked_item.get_absolute_url() }}">
{{ ticket.linked_item|item_title }}</a>
</div>
<div>{{ link_user(ticket.user) }}</div>
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
2020-06-30 03:42:54 +00:00
<div class="blog-sidebox sidebox">
<h3>{{ _('New problems') }} <i class="fa fa-puzzle-piece"></i>
</h3>
<div class="sidebox-content">
<ul class="problem-list">
{% for problem in new_problems %}
<li><a href="{{ url('problem_detail', problem.code) }}">{{ problem.name }}</a></li>
{% endfor %}
</ul>
<span class="rssatom">
<a href="{{ url('problem_rss') }}"><span><i class="fa fa-rss"></i></span> RSS</a>
/
<a href="{{ url('problem_atom') }}">Atom</a>
</span>
</div>
</div>
<div class="blog-sidebox sidebox">
<h3>{{ _('Comment stream') }} <i class="fa fa-comments"></i></h3>
<div class="sidebox-content">
<ul>
{% for comment in comments %}
<li>
<span style="padding-left:0.25em" class="poster">
{{ link_user(comment.author) }}
</span> &rarr;
<a href="{{ comment.link }}#comment-{{ comment.id }}">{{ page_titles[comment.page] }}</a>
</li>{% endfor %}
</ul>
<span class="rssatom">
<a href="{{ url('comment_rss') }}"><span><i class="fa fa-rss"></i></span> RSS</a>
/
<a href="{{ url('comment_atom') }}">Atom</a>
</span>
</div>
</div>
2020-01-21 06:35:58 +00:00
</div>
</div>
{% block after_posts %}{% endblock %}
{% endblock %}
2020-01-22 22:19:24 +00:00
{% block bodyend %}
{{ super() }}
{% if REQUIRE_JAX %}
{% include "mathjax-load.html" %}
{% endif %}
{% include "comments/math.html" %}
{% endblock %}