NDOJ/templates/base.html

383 lines
16 KiB
HTML
Raw Permalink Normal View History

2020-01-21 06:35:58 +00:00
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE }}">
2023-01-27 23:11:10 +00:00
<head>
2020-01-21 06:35:58 +00:00
<title>{% block title %}{{ title }} - {{ SITE_LONG_NAME }}{% endblock %}</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
{% if misc_config.meta_keywords %}
2023-01-27 23:11:10 +00:00
<meta name="keywords" content="{{ misc_config.meta_keywords }}">
2020-01-21 06:35:58 +00:00
{% endif %}
{% if meta_description %}
2023-01-27 23:11:10 +00:00
<meta name="description" content="{{ meta_description }}">
2020-01-21 06:35:58 +00:00
{% endif %}
<meta id="viewport" name="viewport" content="width=device-width, initial-scale=1">
<!-- Favicons-->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#FFBB33">
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
{# Chrome 39 for Android colour #}
<meta name="theme-color" content="#FFBB33">
{% if og_image %}
2023-01-27 23:11:10 +00:00
<meta property="og:image" content="{{ request.build_absolute_uri(og_image) }}">
2020-01-21 06:35:58 +00:00
{% endif %}
{% block og_title %}{% endblock %}
<meta property="og:site_name" content="{{ SITE_LONG_NAME }}">
<meta property="og:url"
2023-01-27 23:11:10 +00:00
content="{{ DMOJ_SCHEME }}://{{ DMOJ_CANONICAL|default(site.domain) }}{{ request.get_full_path() }}">
2020-01-21 06:35:58 +00:00
{% if meta_description %}
2023-01-27 23:11:10 +00:00
<meta property="og:description" content="{{ meta_description }}">
2020-01-21 06:35:58 +00:00
{% endif %}
<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<script>window.bad_browser = true</script>
<![endif]-->
{% block meta %}{% endblock %}
{% if not INLINE_FONTAWESOME %}
2023-01-27 23:11:10 +00:00
<link rel="stylesheet" href="{{ FONTAWESOME_CSS }}">
2020-01-21 06:35:58 +00:00
{% endif %}
2022-12-18 09:31:31 +00:00
<link rel="stylesheet" type="text/css" href="{{ static('markdown.css') }}">
2020-01-21 06:35:58 +00:00
{% compress css %}
2023-01-27 23:11:10 +00:00
<link rel="stylesheet" href="{{ static('style.css') }}">
{% if PYGMENT_THEME %}
<link rel="stylesheet" href="{{ static(PYGMENT_THEME) }}">
{% endif %}{% if INLINE_FONTAWESOME %}
2020-01-21 06:35:58 +00:00
<link rel="stylesheet" href="{{ static('libs/fontawesome/font-awesome.css') }}">{% endif %}
2023-01-27 23:11:10 +00:00
<link rel="stylesheet" type="text/css" href="{{ static('libs/featherlight/featherlight.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ static('libs/clipboard/tooltip.css') }}">
<link rel="stylesheet" type="text/css" href="{{ static('libs/select2/select2.css') }}">
<link rel="stylesheet" type="text/css" href="{{ static('icofont/icofont.min.css') }}">
2020-01-21 06:35:58 +00:00
{% endcompress %}
<link rel="canonical"
2023-01-27 23:11:10 +00:00
href="{{ DMOJ_SCHEME }}://{{ DMOJ_CANONICAL|default(site.domain) }}{{ request.get_full_path() }}">
2020-01-21 06:35:58 +00:00
{% if request.user.is_impersonate %}
2023-01-27 23:11:10 +00:00
<style>
#nav-container {
background: #893e89 !important;
}
</style>
2020-01-21 06:35:58 +00:00
{% endif %}
{% block media %}{% endblock %}
2022-12-18 09:31:31 +00:00
{% if use_darkmode %}
2023-01-27 23:11:10 +00:00
{% compress css %}
<link rel="stylesheet" href="{{ static('darkmode.css') }}">
<link rel="stylesheet" href="{{ static('darkmode-svg.css') }}">
{% endcompress %}
2022-12-18 09:31:31 +00:00
{% endif %}
2020-01-21 06:35:58 +00:00
{% if not INLINE_JQUERY %}
2023-01-27 23:11:10 +00:00
<script src="{{ JQUERY_JS }}"></script>
2020-01-21 06:35:58 +00:00
{% endif %}
2022-11-14 02:39:18 +00:00
<script src="https://unpkg.com/@popperjs/core@2"></script>
2020-01-21 06:35:58 +00:00
{% compress js %}
2023-01-27 23:11:10 +00:00
<script>{{ inlinei18n(LANGUAGE_CODE)|safe }}</script>
{% if INLINE_JQUERY %}
<script src="{{ static('libs/jquery-3.4.1.min.js') }}"></script>
{% endif %}
<script src="{{ static('libs/jquery-cookie.js') }}"></script>
<script src="{{ static('libs/jquery-taphold.js') }}"></script>
<script src="{{ static('libs/jquery.unveil.js') }}"></script>
<script src="{{ static('libs/moment.js') }}"></script>
<script src="{{ static('libs/select2/select2.js') }}"></script>
2023-01-29 05:56:52 +00:00
<script src="{{ static('libs/clipboard/clipboard.js') }}"></script>
2023-01-27 23:11:10 +00:00
{% include "extra_js.html" %}
<script src="{{ static('common.js') }}"></script>
<script src="{{ static('libs/clipboard/tooltip.js') }}"></script>
<script>
moment.locale('{{ LANGUAGE_CODE }}');
$(function () {
$('img.unveil').unveil(200);
});
const loading_page = `{% include "loading-page.html" %}`;
</script>
2020-01-21 06:35:58 +00:00
{% endcompress %}
2022-09-01 23:42:13 +00:00
2020-01-21 06:35:58 +00:00
{% block js_media %}{% endblock %}
{% if request.in_contest %}
2023-01-27 23:11:10 +00:00
<script>$(function () {
if ($("#contest-time-remaining").length) {
count_down($("#contest-time-remaining"));
}
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
var selected = null,
x_pos = 0, y_pos = 0,
x_elem = 0, y_elem = 0;
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
$('#contest-info').mousedown(function () {
selected = $(this);
x_elem = x_pos - selected.offset().left;
y_elem = y_pos - (selected.offset().top - $(window).scrollTop());
return false;
});
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
if (localStorage.getItem("contest_timer_position")) {
data = localStorage.getItem("contest_timer_position").split(":");
$("#contest-info").css({
left: data[0],
top: data[1]
});
}
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
$("#contest-info").show();
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
$("#contest-info-toggle").on('click', function() {
$.post("{{url('contest_mode_ajax')}}", function() {
window.location.reload();
})
});
2022-01-10 11:13:46 +00:00
2023-01-27 23:11:10 +00:00
$(document).mousemove(function (e) {
x_pos = e.screenX;
y_pos = e.screenY;
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
if (selected !== null) {
left_px = (x_pos - x_elem);
top_px = (y_pos - y_elem);
left_px = Math.max(Math.min(left_px, window.innerWidth), 0) / window.innerWidth * 100 + '%';
top_px = Math.max(Math.min(top_px, window.innerHeight), 0) / window.innerHeight * 100 + '%';
localStorage.setItem("contest_timer_position", left_px + ":" + top_px);
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
selected.css({
left: left_px,
top: top_px
});
}
2020-01-21 06:35:58 +00:00
});
2023-01-27 23:11:10 +00:00
$(document).mouseup(function () {
selected = null;
})
});
</script>
2020-01-21 06:35:58 +00:00
{% endif %}
{% if request.user.is_authenticated %}
2023-01-27 23:11:10 +00:00
<script>
window.user = {
email: '{{ request.user.email|escapejs }}',
id: '{{ request.user.id|escapejs }}',
name: '{{ request.user.username|escapejs }}'
};
</script>
2020-01-21 06:35:58 +00:00
{% else %}
2023-01-27 23:11:10 +00:00
<script>window.user = {};</script>
2020-01-21 06:35:58 +00:00
{% endif %}
{% if misc_config.analytics %}
2023-01-27 23:11:10 +00:00
{{ misc_config.analytics|safe }}
2020-01-21 06:35:58 +00:00
{% endif %}
{# Don't run userscript since it may be malicious #}
{% if request.user.is_authenticated and request.profile.user_script and not request.user.is_impersonate %}
2023-01-27 23:11:10 +00:00
<script type="text/javascript">{{ request.profile.user_script|safe }}</script>
2020-01-21 06:35:58 +00:00
{% endif %}
<noscript>
2023-01-27 23:11:10 +00:00
<style>
#content {
margin: 80px auto auto;
}
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
#navigation {
top: 27px;
}
</style>
2020-01-21 06:35:58 +00:00
</noscript>
2023-01-27 23:11:10 +00:00
</head>
<body>
<svg width="0" height="0" style="display: block">
<defs>
2020-01-21 06:35:58 +00:00
<clipPath id="rating-clip"><circle cx="8" cy="8" r="7"/></clipPath>
2023-01-27 23:11:10 +00:00
</defs>
</svg>
<nav id="navigation" class="unselectable">
<div id="nav-container">
2020-01-21 06:35:58 +00:00
<a id="navicon" href="javascript:void(0)"><i class="fa fa-bars"></i></a>
<ul id="nav-list">
2023-01-27 23:11:10 +00:00
<li class="home-nav-element"><a href="{{ url('home') }}">{% include "site-logo-fragment.html" %}</a></li>
<li class="home-nav-element"><span class="nav-divider"></span></li>
<li class="home-menu-item"><a href="{{ url('home') }}" class="nav-home">{{ _('Home') }}</a></li>
{% for node in mptt_tree(nav_bar) recursive %}
<li>
<a href="{{ node.path }}" class="nav-{{ node.key }}{% if node.key in nav_tab %} active{% endif %}">
{{ user_trans(node.label) }}
{% if not node.is_leaf_node %}
<div href="javascript:void(0)" class="nav-expand">></div>
{% endif %}
</a>
{% with children=node.get_children() %}
{% if children %}<ul>{{ loop(children) }}</ul>{% endif %}
{% endwith %}
</li>
{% endfor %}
2020-01-21 06:35:58 +00:00
</ul>
2022-11-10 02:57:50 +00:00
<div style="float: right; display: inline-flex; font-size: larger; align-items: center; height: 100%;">
2023-01-27 23:11:10 +00:00
<span class="navbar-icons">
{% if request.user.is_authenticated %}
<span title="{{_('Chat')}}">
<a id="chat-icon" href="{{ url('chat', '') }}" class="icofont-wechat navbar-icon" aria-hidden="true">
{% set unread_chat = request.profile.count_unread_chat_boxes %}
{% if unread_chat %}
<sub class="unread_boxes">{{unread_chat}}</sub>
{% endif %}
</a>
</span>
2021-12-09 20:31:49 +00:00
2023-01-27 23:11:10 +00:00
{% set unseen_cnt = request.profile.count_unseen_notifications %}
<span title="{{_('Notification')}}" class="{{ 'notification-open' if unseen_cnt > 0 }}">
<a href="{{ url('notification') }}" class="icofont-alarm navbar-icon" id="notification" aria-hidden="true">
{% if unseen_cnt > 0 %}
2022-08-28 04:00:17 +00:00
<sub class="unread_boxes">{{unseen_cnt}}</sub>
2023-01-27 23:11:10 +00:00
{% endif %}
</a>
</span>
{% endif %}
<span title="{{_('Language')}}">
<a class="icofont-globe navbar-icon" id="nav-lang-icon" aria-hidden="true">
<sub class="sub-lang">{{LANGUAGE_CODE}}</sub>
</a>
<div id="lang-dropdown" class="dropdown" role="tooltip">
{% for language in language_info_list(LANGUAGES) %}
<div value="{{ language.code }}"
class="dropdown-item lang-dropdown-item" style="{{'font-weight: bold' if language.code == LANGUAGE_CODE}}">
{{ language.name_local }}
</div>
{% endfor %}
</div>
2020-07-03 02:50:31 +00:00
</span>
2023-01-27 23:11:10 +00:00
<span title="{{_('Dark Mode')}}">
<a class="icofont-adjust navbar-icon black" id="nav-darkmode-icon" aria-hidden="true" href="?darkmode=1"></a>
</span>
</span>
{% if request.user.is_authenticated %}
<span id="user-links">
<ul><li><a href="javascript:void(0)">
<span>
<img src="{{ gravatar(request.user, 32) }}" height="24" width="24">{# -#}
<span>
<b class="{{request.profile.css_class}}">{{ request.user.username }}</b>
</span>
2022-11-10 02:57:50 +00:00
</span>
2023-01-27 23:11:10 +00:00
</a></li></ul>
</span>
<div class="dropdown" id="userlink_dropdown" role="tooptip">
<div class="dropdown-item"><a href="{{ url('user_page') }}">{{ _('Profile') }}</a></div>
{% if request.user.is_staff or request.user.is_superuser %}
<div class="dropdown-item"><a href="{{ url('admin:index') }}">{{ _('Admin') }}</a></div>
{% endif %}
{% if request.user.is_superuser %}
<div class="dropdown-item"><a href="{{ url('internal_problem') }}">{{ _('Internal') }}</a></div>
<div class="dropdown-item"><a href="{{ url('site_stats') }}">{{ _('Stats') }}</a></div>
{% endif %}
<div class="dropdown-item"><a href="{{ url('user_edit_profile') }}">{{ _('Edit profile') }}</a></div>
{% if request.user.is_impersonate %}
<div class="dropdown-item"><a href="{{ url('impersonate-stop') }}">Stop impersonating</a></div>
{% else %}
<div class="dropdown-item">
<a href="#" id="logout" class="red">{{ _('Log out') }}</a>
<form id="logout-form" action="{{ url('auth_logout') }}" method="POST">
{% csrf_token %}
</form>
2022-11-10 02:57:50 +00:00
</div>
2023-01-27 23:11:10 +00:00
{% endif %}
</div>
{% else %}
<span class="anon">
<a href="{{ url('auth_login') }}?next={{ LOGIN_RETURN_PATH|urlencode }}"><b>{{ _('Log in') }}</b></a>
&nbsp;{{ _('or') }}&nbsp;
<a href="{{ url('registration_register') }}"><b>{{ _('Sign up') }}</b></a>
</span>
{% endif %}
2020-07-03 02:50:31 +00:00
</div>
2023-01-27 23:11:10 +00:00
</div>
<div id="nav-shadow"></div>
</nav>
{% if request.in_contest %}
<div id="contest-info">
2022-01-10 11:13:46 +00:00
<div id="contest-info-main">
2023-01-27 23:11:10 +00:00
<a href="{{ url('contest_view', request.participation.contest.key) }}" style="vertical-align: middle; display: inline">
{{ request.participation.contest.name }} -
{% if request.participation.spectate %}
{{ _('spectating') }}
{% elif request.participation.end_time %}
<div id="contest-time-remaining" data-secs="{{request.participation.end_time}}">
{{ request.participation.time_remaining|timedelta("localized") }}
</div>
2020-01-21 06:35:58 +00:00
{% else %}
2023-01-27 23:11:10 +00:00
{{ _('virtual') }}
2020-01-21 06:35:58 +00:00
{% endif %}
2023-01-27 23:11:10 +00:00
</a>
2022-01-10 11:13:46 +00:00
</div>
2023-01-27 23:11:10 +00:00
<div id="contest-info-toggle" class="{{'contest-info-toggle-mode-on' if request.contest_mode else 'contest-info-toggle-mode-off'}}">
{% if request.contest_mode %}
<i class="fa fa-toggle-on white"></i> {{_('Compete')}}
{% else %}
<i class="fa fa-toggle-off white"></i> {{_('General')}}
{% endif %}
</div>
</div>
{% endif %}
<div id="page-container">
<noscript>
2020-01-21 06:35:58 +00:00
<div id="noscript">{{ _('This site works best with JavaScript enabled.') }}</div>
2023-01-27 23:11:10 +00:00
</noscript>
<br>
2023-02-08 05:14:48 +00:00
<main id="content" class="{{'wrapper' if layout != 'no_wrapper'}}">
2020-01-21 06:35:58 +00:00
{% block title_row %}
2023-01-27 23:11:10 +00:00
<h2 class="title-row">
{% block content_title %}
{% if content_title %}{{ content_title }}{% else %}{{ title }}{% endif %}
{% endblock %}
</h2>
2020-01-21 06:35:58 +00:00
{% endblock %}
{% block header %}{% endblock %}
{% block title_ruler %}
2023-01-27 23:11:10 +00:00
<hr>
2020-01-21 06:35:58 +00:00
{% endblock %}
<div id="content-body">{% block body %}{% endblock %}</div>
2023-01-27 23:11:10 +00:00
</main>
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
{% if i18n_config.announcement %}
2020-01-21 06:35:58 +00:00
<div id="announcement">{{ i18n_config.announcement|safe }}</div>
2023-01-27 23:11:10 +00:00
{% endif %}
2020-01-21 06:35:58 +00:00
2023-01-27 23:11:10 +00:00
{% block bodyend %}{% endblock %}
{% block footer %}
<footer>
<span id="footer-content">
2020-01-21 06:35:58 +00:00
<br>
2022-12-18 09:31:31 +00:00
<a class="background-footer" target="_blank" href="https://dmoj.ca">proudly powered by <b>DMOJ</b></a><a target="_blank" href="https://github.com/LQDJudge/online-judge"> | developed by LQDJudge team</a> |
2020-01-21 06:35:58 +00:00
{% if i18n_config.footer %}
2023-01-27 23:11:10 +00:00
{{ i18n_config.footer|safe }} |
2020-01-21 06:35:58 +00:00
{% endif %}
2022-09-01 23:39:19 +00:00
<form action="{{ url('set_language') }}" method="post" style="display: inline" id="form-lang">
2023-01-27 23:11:10 +00:00
{% csrf_token %}
<input name="next" type="hidden" value="{{ request.get_full_path() }}">
<select name="language" onchange="form.submit()" style="height: 1.5em">
2020-01-21 06:35:58 +00:00
{% for language in language_info_list(LANGUAGES) %}
2023-01-27 23:11:10 +00:00
<option value="{{ language.code }}" {% if language.code == LANGUAGE_CODE %}selected{% endif %}>
{{ language.name_local }} ({{ language.code }})
</option>
2020-01-21 06:35:58 +00:00
{% endfor %}
2023-01-27 23:11:10 +00:00
</select>
</form>
</span>
</footer>
{% endblock %}
</div>
2023-01-14 06:44:24 +00:00
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
2023-01-16 04:49:03 +00:00
<link href="https://fonts.googleapis.com/css2?family=Fira+Code&family=Noto+Sans&display=swap" rel="stylesheet">
2023-01-27 23:11:10 +00:00
</body>
2020-01-21 06:35:58 +00:00
</html>