@shzlx/ui-default 4.58.2

package/templates/domain_role.html

@@ -0,0 +1,71 @@
+{% extends "domain_base.html" %}
+{% block domain_content %}
+<div style="display: none" class="dialog__body--create-role">
+  <div>
+    <div class="row"><div class="columns">
+      <h1>{{ _('Create Role') }}</h1>
+    </div></div>
+    <div class="row"><div class="columns">
+      <blockquote class="note">
+        <p>{{ _('Role name can only contains numbers, letters and underscores.') }}</p>
+      </blockquote>
+      {{ form.form_text({
+           columns:None,
+           label:'Name',
+           name:'role',
+           autofocus:true
+         }) }}
+    </div></div>
+  </div>
+</div>
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('{0}: Roles').format(domain.name) }}</h1>
+    <div class="section__tools">
+      <button class="primary rounded button" name="create_role">{{ _('Create Role') }}</button>
+    </div>
+  </div>
+  {{ noscript_note.render() }}
+  <div class="section__body no-padding domain-roles">
+    <table class="data-table">
+      <colgroup>
+        <col class="col--checkbox">
+        <col class="col--id">
+        <col class="col--users">
+      </colgroup>
+      <thead>
+        <tr>
+          <th class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" data-checkbox-toggle="role">
+            </label>
+          </th>
+          <th class="col--id">{{ _('Role') }}</th>
+          <th class="col--users">{{ _('Users') }}</th>
+        </tr>
+      </thead>
+      <tbody>
+      {%- for role in roles -%}
+        {% set isBuiltin = role._id in ['default', 'guest', 'root'] %}
+        <tr{% if not isBuiltin %} data-role="{{ role._id }}"{% endif %}>
+          <td class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" data-checkbox-group="role" {{ "disabled" if isBuiltin else "data-checkbox-range" }}>
+            </label>
+          </td>
+          <td class="col--id">
+            {{ _('Built-in') if isBuiltin else _('User-defined role') }}: {{ role._id }}
+          </td>
+          <td class="col--users">
+            {{ role.count|default('--') }}
+          </td>
+        </tr>
+      {%- endfor -%}
+      </tbody>
+    </table>
+  </div>
+  <div class="section__body">
+    <button class="rounded button" name="delete_selected">{{ _('Delete Selected Roles') }}</button>
+  </div>
+</div>
+{% endblock %}

package/templates/domain_user.html

@@ -0,0 +1,86 @@
+{% extends "domain_base.html" %}
+{% block domain_content %}
+{{ set(UiContext, 'roles', roles.map(eval('(i) => i._id'))) }}
+{{ set(UiContext, 'canForceJoin', model.system.get('server.allowInvite') or handler.user.hasPriv(PRIV.PRIV_MANAGE_ALL_DOMAIN)) }}
+{% set _rolesSelect = roles.filter(eval("(i) => i._id !== 'guest'")).map(eval('(role) => [role._id, role._id]')) %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('{0}: Users').format(domain.name) }}</h1>
+    <div class="section__tools">
+      <button class="primary rounded button" name="add_user">{{ _('Add User') }}</button>
+    </div>
+  </div>
+  {{ noscript_note.render() }}
+  <div class="section__body no-padding domain-users">
+    <table class="data-table">
+      <colgroup>
+        <col class="col--checkbox">
+        <col class="col--uid">
+        <col class="col--user">
+        <col class="col--role">
+      </colgroup>
+      <thead>
+        <tr>
+          <th class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" name="select_all" data-checkbox-toggle="user">
+            </label>
+          </th>
+          <th class="col--uid">{{ _('User ID') }}</th>
+          <th class="col--user">{{ _('Username') }}</th>
+          <th class="col--role">{{ _('Role') }}</th>
+        </tr>
+      </thead>
+      <tbody>
+        {%- for role, udocs in rudocs -%}
+        {%- if udocs|length > 50 -%}
+          <tr>
+            <td colspan="3" style="text-wrap: wrap;"><div style="max-height: 300px; overflow-y: auto">
+              {%- for udoc in udocs -%}
+                {% set is_disabled=(rudoc._id == handler.user._id) %}
+                <input type="checkbox" data-uid="{{udoc._id}}" data-checkbox-group="user" {% if is_disabled %}disabled{% else %}data-checkbox-range{% endif %}>
+                [{{udoc._id}}]{{ user.render_inline(udoc, avatar=false, badge=false) }}{% if not udoc.join %}
+                  <span class="not-joined">({{ _('Not joined yet') }})</span>
+                {% endif %}&nbsp;&nbsp;&nbsp;
+              {%- endfor -%}
+            </div></td>
+            <td>{{ role }}</td>
+          </tr>
+        {%- else -%}
+        {%- for rudoc in udocs -%}
+        {% set is_disabled=(rudoc._id == handler.user._id) %}
+        <tr data-uid="{{ rudoc._id }}">
+          <td class="col--checkbox">
+            <label class="compact checkbox">
+              <input type="checkbox" data-checkbox-group="user" {% if is_disabled %}disabled{% else %}data-checkbox-range{% endif %}>
+            </label>
+          </td>
+          <td class="col--uid">
+            {{ rudoc._id }}
+          </td>
+          <td class="col--user">
+            {{ user.render_inline(rudoc, badge=false) }}
+            {% if not rudoc.join %}<span class="text-orange">({{ _('Not joined yet') }})</span>{% endif %}
+          </td>
+          <td class="col--role">
+            {{ form.select({
+                 options:_rolesSelect,
+                 name:'role',
+                 value:rudoc.role,
+                 extra_class:'compact',
+                 disabled:is_disabled
+               }) }}
+          </td>
+        </tr>
+        {%- endfor -%}
+        {%- endif -%}
+        {%- endfor -%}
+      </tbody>
+    </table>
+  </div>
+  <div class="section__body">
+    <button class="rounded button" name="remove_selected">{{ _('Remove Selected User') }}</button>
+    <button class="rounded button" name="set_roles">{{ _('Set Roles for Selected User') }}</button>
+  </div>
+</div>
+{% endblock %}

package/templates/domain_user_raw.html

@@ -0,0 +1,5 @@
+<pre>
+{%- for role in roles -%}{%- for rudoc in rudocs[role._id] -%}
+{{ rudoc._id }},{{ rudoc.role }},{{ udict[rudoc._id].uname }},{{ udict[rudoc._id].displayName}}
+{% endfor -%}{%- endfor -%}
+</pre>

package/templates/error.html

@@ -0,0 +1,25 @@
+{% extends "layout/basic.html" %}
+{% block content %}
+<div class="error__container clearfix">
+  <div class="error__icon-container">
+    <div class="error__twd2"></div>
+  </div>
+  <div class="error__text-container">
+    <h1>{{ _('Oops!') }}</h1>
+    <p>{{ _(error.message).formatFromArray(error.params) }}</p>
+    <p>{{ _('Technical Information') }}:</p>
+    <p>{{ _('Type') }}: {{ error.name }}</p>
+    <p>{{ _('Arguments') }}:
+      <ol>
+      {%- for param in error.params -%}
+        {% if instanceof(param, UserFacingError) %}
+          <li>{{ _(param.message).formatFromArray(param.params)}}</li>
+        {% else %}
+          <li>{{ param }}</li>
+        {% endif %}
+      {%- endfor -%}
+      </ol>
+    </p>
+  </div>
+</div>
+{% endblock %}

package/templates/home_domain.html

@@ -0,0 +1,64 @@
+{% extends "layout/home_base.html" %}
+{% block home_content %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('My Domains') }}</h1>
+    <div class="section__tools">
+    {% if handler.user.hasPriv(model.builtin.PRIV.PRIV_CREATE_DOMAIN) %}
+      <a class="primary rounded button" href="{{ url('home_domain_create') }}"><span class="icon icon-add"></span> {{ _('Create Domain') }}</a>
+    {% endif %}
+    {% if handler.user.hasPriv(model.builtin.PRIV.PRIV_USER_PROFILE) %}
+      <button class="primary rounded button nojs--hide" id="join-domain-button"><span class="icon icon-add"></span> {{ _('Join Domain') }}</button>
+    {% endif %}
+      <a class="tool-button" href="{{ url('wiki_help', anchor='domain') }}"><span class="icon icon-help"></span> {{ _("What's domain?") }}</a>
+    </div>
+  </div>
+  <div class="section__body no-padding">
+    <table class="data-table">
+      <colgroup>
+        <col class="col--icon">
+        <col class="col--name">
+        <col class="col--role">
+        <col class="col--action">
+      </colgroup>
+      <thead>
+        <tr>
+          <th class="col--icon">&nbsp;</th>
+          <th class="col--name">{{ _('Name') }} ({{ _('ID') }})</th>
+          <th class="col--role">{{ _('My Role') }}</th>
+          <th class="col--action">{{ _('Action') }}</th>
+        </tr>
+      </thead>
+      <tbody>
+      {%- for ddoc in ddocs -%}
+        <tr>
+          <td class="col--icon">
+            <img src="{{ avatarUrl(ddoc.avatar, 32) }}" width="32" height="32">
+          </td>
+          {% set _star = handler.user.pinnedDomains.includes(ddoc._id) %}
+          <td class="col--name" data-star-action="?id={{ ddoc['_id'] }}" data-star="{{ _star }}">
+            {{ ddoc['name'] }} ({{ ddoc['_id'] }})
+          </td>
+          <td class="col--role">
+            {{ role[ddoc._id]|default('default') }}
+          </td>
+          <td class="col--action">
+            <a class="typo-a" href="{{ url('homepage', domainId=ddoc['_id']) }}">{{ _('Visit') }}</a>
+          {% if canManage[ddoc['_id']] %}
+            · <a class="typo-a" href="{{ url('domain_dashboard', domainId=ddoc['_id']) }}">{{ _('Manage') }}</a>
+          {% endif %}
+          {% if ddoc['_id'] != 'system' and ddoc['owner'] != handler.user._id %}
+            · <form class="form--inline" method="post">
+              <input type="hidden" name="operation" value="leave">
+              <input type="hidden" name="id" value="{{ ddoc['_id'] }}">
+              <button class="typo-a" type="submit">{{ _('Leave') }}</button>
+            </form>
+          {% endif %}
+          </td>
+        </tr>
+      {%- endfor -%}
+      </tbody>
+    </table>
+  </div>
+</div>
+{% endblock %}

package/templates/home_files.html

@@ -0,0 +1,16 @@
+{% extends "layout/home_base.html" %}
+{% block home_content %}
+<div class="section">
+  <div class="section__header">
+    <h1 class="section__title">{{ _('Files') }}</h1>
+    <div class="section__tools">
+      <button class="primary rounded button" name="upload_file">{{ _('Upload File') }}</button>
+    </div>
+  </div>
+  {{ noscript_note.render() }}
+  {% include "partials/files.html" %}
+  <div class="section__body">
+    <button class="rounded button" name="remove_selected">{{ _('Remove Selected') }}</button>
+  </div>
+</div>
+{% endblock %}

package/templates/home_messages.html

@@ -0,0 +1,9 @@
+{% extends "layout/home_base.html" %}
+{% block home_content %}
+<div class="section">
+  <div id="messagePad">
+    {{ noscript_note.render() }}
+    <div class="loader-container"><div class="loader"></div></div>
+  </div>
+</div>
+{% endblock %}

package/templates/home_security.html

@@ -0,0 +1,224 @@
+{% extends "layout/home_base.html" %}
+{% block home_content %}
+<div data-heading-extract-to="#menu-item-home_security">
+<div class="row">
+  {% if handler.user.mail.endsWith('.local') %}
+    <div class="medium-12 columns">
+      <div class="section">
+        <div class="section__body">
+          <blockquote class="warn">{{ _("You haven't set an email.")}}</blockquote>
+        </div>
+      </div>
+    </div>
+  {% endif %}
+  <div class="medium-6 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title" id="password" data-heading>{{ _('Change Password') }}</h1>
+      </div>
+      <div class="section__body">
+        <form method="post">
+          {{ form.form_text({
+               type:'password',
+               label:"SuperUser's Password" if sudoUid else 'Current Password',
+               columns:10,
+               name:'current',
+               required:true
+             }) }}
+          {{ form.form_text({
+               type:'password',
+               label:'New Password',
+               columns:10,
+               name:'password',
+               required:true
+             }) }}
+          {{ form.form_text({
+               type:'password',
+               label:'Repeat Password',
+               columns:10,
+               name:'verifyPassword',
+               required:true
+             }) }}
+          <div class="row"><div class="columns">
+            <input type="hidden" name="operation" value="change_password">
+            <input type="submit" class="rounded primary button" value="{{ _('Change Password') }}">
+          </div></div>
+        </form>
+      </div>
+    </div>
+  </div>
+  <div class="medium-6 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title" id="linked-accounts" data-heading>{{ _('Linked Accounts') }}</h1>
+      </div>
+      <div class="section__body">
+        <ul class="platform-list">
+          <li class="platform-list__item">
+            <div class="media">
+              <div class="media__left medium">
+                <span class="autherlist__icon icon icon-mail"></span>
+              </div>
+              <div class="media__body medium typo">
+                <p>{{ _('Email Account') }}: {{ handler.user.mail }}</p>
+              </div>
+              <div class="media__right medium">
+                <button type="button" class="rounded button" data-operation="change_mail">{{ _('Change') }}</button>
+              </div>
+            </div>
+          </li>
+          <form method="post">
+            <input type="hidden" name="operation" value="unlink_account">
+            {%- for relation in relations -%}{% if relation.platform != 'mail' %}
+            {% set platform = loginMethods.find(eval("r => r.id === '" + relation.platform + "'")) %}
+            <li class="platform-list__item">
+              <div class="media">
+                {% if platform.icon %}
+                  <div class="media__left medium">{{ platform.icon|safe }}</div>
+                {% endif %}
+                <div class="media__body medium typo">
+                  <p>{{ platform.name }}: {{ relation.id }}</p>
+                </div>
+                <div class="media__right medium">
+                  <button type="submit" name="platform" value="{{ relation.platform }}" class="rounded button">{{ _('Unlink') }}</button>
+                </div>
+              </div>
+            </li>
+            {%- endif -%}{%- endfor -%}
+          </form>
+          <form method="post">
+            <input type="hidden" name="operation" value="link_account">
+            {%- for method in loginMethods -%}
+              {%- if not relations.some(eval("r => r.platform === '" + method.id + "'")) -%}
+              <li class="platform-list__item">
+                <div class="media">
+                  {% if method.icon %}
+                    <div class="media__left medium">{{ method.icon|safe }}</div>
+                  {% endif %}
+                  <div class="media__body">
+                    <p>{{ method.name }}</p>
+                  </div>
+                  <div class="media__right">
+                    <button type="submit" name="platform" value="{{ method.id }}" class="rounded button">{{ _('Link') }}</button>
+                  </div>
+                  </div>
+                </li>
+              {%- endif -%}
+            {%- endfor -%}
+          </form>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="row nojs--hide">
+  <div class="columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title" id="authenticator" data-heading>{{ _('Authenticators') }}</h1>
+        <div class="section__tools">
+          <button class="primary rounded button" name="auth_enable"><span class="icon icon-wrench"></span> {{ _('Add Authenticator') }}</button>
+        </div>
+      </div>
+      <div class="section__body">
+        <ul class="autherlist">
+          {%- if handler.user.tfa -%}
+          <li class="autherlist__item">
+            <div class="media">
+              <div class="media__left medium">
+                <span class="autherlist__icon icon icon-platform--mobile }}"></span>
+              </div>
+              <div class="media__body medium typo">
+                <p>{{ _('Authenticator') }}: {{ _('Two Factor Authentication') }}</p>
+              </div>
+              <div class="media__right medium">
+                <form method="POST">
+                  <input type="hidden" name="operation" value="disable_tfa">
+                  <input type="submit" value="{{ _('Remove') }}" class="rounded button">
+                </form>
+              </div>
+            </div>
+          </li>
+          {%- endif -%}
+          {%- for authenticator in authenticators -%}
+          <li class="autherlist__item">
+            <div class="media">
+              <div class="media__left medium">
+                <span class="autherlist__icon icon icon-{{ 'fingerprint' if authenticator.authenticatorAttachment === 'platform' else 'usb' }}"></span>
+              </div>
+              <div class="media__body medium typo">
+                <p>{{ _('Authenticator') }}: {{ authenticator.name }} ({{ authenticator.credentialID.buffer.toString('base64')|truncate(6, end='') }})</p>
+                <p>{{ _('Type') }}: {{ authenticator.credentialDeviceType }}:{{ authenticator.fmt }}</p>
+                <p>{{ _('Registered at') }}: {{ datetimeSpan(authenticator.regat)|safe }}</p>
+              </div>
+              <div class="media__right medium">
+                <form method="POST">
+                  <input type="hidden" name="id" value="{{ authenticator.credentialID.buffer.toString('base64') }}">
+                  <input type="hidden" name="operation" value="disable_authn">
+                  <input type="submit" value="{{ _('Remove') }}" class="rounded button">
+                </form>
+              </div>
+            </div>
+          </li>
+          {%- endfor -%}
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="row">
+  <div class="columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title" id="session" data-heading>{{ _('Active Sessions') }}</h1>
+      </div>
+      <div class="section__body">
+        <ul class="sessionlist">
+          {%- for session in sessions -%}
+          <li class="sessionlist__item">
+            <div class="media">
+              <div class="media__left medium">
+                <span class="sessionlist__icon icon icon-platform--{{ platformIcon(session.updateUaInfo.os.name) }}"></span>
+              </div>
+              <div class="media__body medium typo">
+                <p>{{ _('Last Update At') }}: {{ datetimeSpan(session.updateAt)|safe }}</p>
+                {% if session.createHost %}
+                  <p>{{ _('Hostname') }}: {{ session.createHost }}</p>
+                {% endif %}
+                <p>{{ _('Location') }}: {{ _(session.updateGeoip.display) }} ({{ session.updateIp }})</p>
+                <p>{{ _('Operating System') }}: {{ session.updateUaInfo.os.name }} {{ session.updateUaInfo.os.version }}</p>
+                <p>{{ _('Browser') }}: {{ session.updateUaInfo.browser.name }} {{ session.updateUaInfo.browser.version }}</p>
+                {% if session.isCurrent %}
+                <p class="sessionlist__current-session"><span class="icon icon-check"></span> {{ _('This is the current session') }}</p>
+                {% endif %}
+              </div>
+              {% if not session.isCurrent %}
+              <div class="media__right medium">
+                <form method="post">
+                  <input type="hidden" name="operation" value="delete_token">
+                  <input type="hidden" name="tokenDigest" value="{{ session._id }}">
+                  <input type="submit" value="{{ _('Logout This Session') }}" class="rounded button">
+                </form>
+              </div>
+              {% endif %}
+            </div>
+          </li>
+          {%- endfor -%}
+        </ul>
+      </div>
+      <div class="section__body">
+        <form method="post">
+          <input type="hidden" name="operation" value="delete_all_tokens">
+          <input type="submit" value="{{ _('Logout All Sessions') }}" class="primary rounded button">
+        </form>
+        {% if geoipProvider %}
+        <div class="typo">
+          <p><small>IP geo-location data is provided by {{ geoipProvider|safe }}.</small></p>
+        </div>
+        {% endif %}
+      </div>
+    </div>
+    </div>
+  </div>
+</div>
+{% endblock %}

package/templates/home_settings.html

@@ -0,0 +1,21 @@
+{% extends "layout/home_base.html" %}
+{% block home_content %}
+{% if category == "account" %}
+  <div class="section" id="upload_avatar" data-heading-extract-to="#menu-item-home_account" style="nojs--hide">
+    <div class="section__header">
+      <h1 class="section__title" id="avatar" data-heading>{{ _('Avatar') }}</h1>
+    </div>
+    <div class="section__body typo">
+      <p>{{ _('You can also upload your avatar to Gravatar and it will be automatically updated here.')|safe }}</p>
+    </div>
+    <div class="section__body">
+      <img width="128px" height="128px" src="{{ avatarUrl(current.avatar, 128) }}" alt="{{ current.uname }}">
+      <div class="changeAvatar"></div>
+      <button class="change-avatar button rounded primary">{{ _('Change avatar') }}</button>
+    </div>
+  </div>
+{% endif %}
+<div class="section" data-heading-extract-to="#menu-item-home_{{ category }}">
+  {% include "partials/setting.html" %}
+</div>
+{% endblock %}

package/templates/homework_detail.html

@@ -0,0 +1,82 @@
+{% extends "layout/basic.html" %}
+{% import "components/record.html" as record with context %}
+{% import "components/problem.html" as problem with context %}
+{% block content %}
+{{ set(UiContext, 'tdoc', tdoc) }}
+{{ set(UiContext, 'tsdoc', tsdoc) }}
+<div class="row">
+  <div class="medium-9 columns">
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Homework Introduction') }}</h1>
+      </div>
+      <div class="section__body typo richmedia">
+        {{ tdoc['content']|markdown|safe }}
+      </div>
+    </div>
+    <div class="section">
+      <div class="section__header">
+        <h1 class="section__title">{{ _('Problem') }}</h1>
+      </div>
+    {% if pdict %}
+      <div class="section__body no-padding">
+        <table class="data-table">
+          <colgroup>
+          {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+            <col class="col--status">
+            <col class="col--submit-at">
+          {% endif %}
+            <col class="col--problem">
+          </colgroup>
+          <thead>
+            <tr>
+            {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+              <th class="col--status record-status--border">{{ _('Status') }}</th>
+              <th class="col--submit-at">{{ _('Last Submit At') }}</th>
+            {% endif %}
+              <th class="col--problem">{{ _('Problem') }}</th>
+            </tr>
+          </thead>
+          <tbody>
+          {% set isAdmin = handler.user.own(tdoc) or handler.user.hasPerm(perm.PERM_VIEW_HOMEWORK_HIDDEN_SCOREBOARD) %}
+          {% set ntdoc = model.contest.isDone(tdoc) or (tsdoc.attend and not model.contest.isNotStarted(tdoc)) %}
+          {%- for pid in tdoc.pids -%}
+            <tr>
+              {% if handler.user.hasPriv(PRIV.PRIV_USER_PROFILE) %}
+                {% if psdict[pid] and psdict[pid].rid %}
+                  {% set rdoc = rdict[psdict[pid].rid] %}
+                  {% if model.contest.canShowSelfRecord.call(handler, tdoc) %}
+                    {{ record.render_status_td(rdoc) }}
+                  {% else %}
+                    <td class="col--status record-status--border"><a href="{{ url('record_detail', rid=rdoc._id) }}">{{ _('Submitted') }}</a></td>
+                  {% endif %}
+                  <td class="col--submit-at">{{ datetimeSpan(rdoc._id)|safe }}</td>
+                {% else %}
+                  <td class="col--status record-status--border">{{ _('No Submissions') }}</td>
+                  <td class="col--submit-at">-</td>
+                {% endif %}
+              {% endif %}
+              <td class="col--problem col--problem-name">
+                {% if isAdmin and not ntdoc %}
+                  {{ problem.render_problem_title(pdict[pid], show_invisible_flag=false, show_tags=false) }}
+                {% else %}
+                  {{ problem.render_problem_title(pdict[pid], tdoc=tdoc, show_invisible_flag=false, show_tags=false) }}
+                {% endif %}
+              </td>
+            </tr>
+          {%- endfor -%}
+          </tbody>
+        </table>
+      </div>
+    {% elif tsdoc.attend %}
+      {{ nothing.render('This homework is not open and you cannot view problems.') }}
+    {% else %}
+      {{ nothing.render('Please claim the assignment to see the problems.') }}
+    {% endif %}
+    </div>
+  </div>
+  <div class="medium-3 columns">
+    {% include "partials/homework_sidebar.html" %}
+  </div>
+</div>
+{% endblock %}