commit 976c9131372a468d670c02fe590ca33939ef7e04
Author: Jaidyn Ann <10477760+JadedCtrl@users.noreply.github.com>
Date:   Wed Jul 17 18:44:33 2024 -0500

    Init

diff --git a/static/email-logo.png b/static/email-logo.png
new file mode 100644
index 0000000..3a862e1
Binary files /dev/null and b/static/email-logo.png differ
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..485c119
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/favicon.png b/static/favicon.png
new file mode 100644
index 0000000..3a862e1
Binary files /dev/null and b/static/favicon.png differ
diff --git a/static/logo-1024.png b/static/logo-1024.png
new file mode 100644
index 0000000..da631ce
Binary files /dev/null and b/static/logo-1024.png differ
diff --git a/static/logo-128.png b/static/logo-128.png
new file mode 100644
index 0000000..58276ea
Binary files /dev/null and b/static/logo-128.png differ
diff --git a/static/logo-16.png b/static/logo-16.png
new file mode 100644
index 0000000..8b863de
Binary files /dev/null and b/static/logo-16.png differ
diff --git a/static/logo-32.png b/static/logo-32.png
new file mode 100644
index 0000000..60ac68c
Binary files /dev/null and b/static/logo-32.png differ
diff --git a/static/logo.fonto.png b/static/logo.fonto.png
new file mode 100644
index 0000000..5af6cf7
Binary files /dev/null and b/static/logo.fonto.png differ
diff --git a/static/logo.fonto.txt b/static/logo.fonto.txt
new file mode 100644
index 0000000..637f8a2
--- /dev/null
+++ b/static/logo.fonto.txt
@@ -0,0 +1,3 @@
+El Yapius.
+Originale afiŝita ĉe https://www.pixiv.net/artworks/56224492,
+reafiŝita al https://danbooru.donmai.us/posts/2323390
diff --git a/static/logo.png b/static/logo.png
new file mode 100644
index 0000000..0c8992f
Binary files /dev/null and b/static/logo.png differ
diff --git a/static/style-bootstrap.css b/static/style-bootstrap.css
new file mode 100644
index 0000000..d6d9b0d
--- /dev/null
+++ b/static/style-bootstrap.css
@@ -0,0 +1,2025 @@
+/*
+ * Copyright © Michal Čihař <michal@weblate.org>
+ *
+ * SPDX-License-Identifier: GPL-3.0-or-later
+ */
+
+:root {
+  color-scheme: only light;
+}
+
+.avatar {
+  -webkit-border-radius: 50%;
+  -moz-border-radius: 50%;
+  border-radius: 50%;
+}
+
+.avatar.w128 {
+  width: 128px;
+  height: 128px;
+}
+
+.avatar.w32 {
+  width: 32px;
+  height: 32px;
+}
+
+.user-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.user-list a {
+  padding: 20px;
+  width: 168px;
+  overflow: hidden;
+  text-align: center;
+}
+
+.middle-dot-divider::after {
+  content: "\00B7";
+  padding: 0 0.375rem;
+  font-weight: 600;
+}
+
+.middle-dot-divider:last-child::after {
+  content: "";
+  padding: 0;
+}
+
+.nav-center > li,
+.nav-pills > li {
+  float: none;
+  display: inline-block;
+}
+
+.nav-center {
+  text-align: center;
+}
+
+.navbar {
+	box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1),
+				1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset,
+				-1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	margin-bottom: 0;
+	border-radius: 3px 3px 0 0;
+	border: none;
+}
+
+.navbar-toggle {
+  border: none;
+}
+
+.navbar-brand {
+  font-weight: 600;
+}
+
+.navbar-brand > svg {
+  display: inline-block;
+  margin: 0 10px 0 0;
+}
+
+.navbar-brand > img {
+  display: inline-block;
+  width: 3em;
+  max-height: 3em;
+}
+
+.navbar-form {
+  border: none;
+  box-shadow: none;
+}
+@media (max-width: 768px) {
+  .navbar-form {
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+}
+
+.dir-rtl .navbar-brand > svg {
+  margin: 0 0 0 10px;
+}
+
+h1 {
+  font-size: 24px;
+  margin-top: 0;
+}
+
+.main-content {
+  margin: 15px;
+}
+
+.progress {
+  margin-bottom: 0;
+  height: 14px;
+  display: inline-block;
+  vertical-align: middle;
+  box-shadow: none;
+  width: 100%;
+}
+
+.progress-cell .progress {
+  width: 400px;
+}
+
+.progress-bar {
+  box-shadow: none;
+}
+
+.progress-bar-dark {
+  background-color: #9896a4;
+}
+
+.progress-table > tbody > tr > th,
+.progress-table > tbody > tr > td {
+  border: none;
+  padding-bottom: 3px;
+}
+
+.progress-table .actions {
+  padding-bottom: 8px;
+  width: 50px;
+}
+
+.progress-row {
+  padding: 0 8px 8px 8px !important;
+  margin: 0;
+}
+
+.progress-row .progress,
+.chart-progress {
+  height: 8px;
+  border-radius: 0;
+  border: none;
+  display: block;
+}
+
+.progress-bar-success {
+  background-color: #1fa38599;
+}
+
+.chart-progress .progress-bar-success {
+  background-color: #2eccaa;
+}
+
+.nav-pills {
+  margin-bottom: 20px;
+}
+
+.vertical-text {
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
+}
+
+footer {
+  width: 100%;
+}
+
+footer ul {
+  padding: 0;
+  display: table;
+  margin: 2em auto 1em auto;
+  max-width: none;
+  clear: both;
+}
+
+footer li {
+  font-size: 14px;
+  list-style: none;
+  padding: 0.5em;
+  color: #bfc3c7;
+  border: none;
+  display: inline-block;
+}
+
+footer a {
+  color: #333;
+}
+
+ul.legend {
+  width: 15em;
+}
+
+ul.legend li {
+  list-style: none;
+  padding: 2px;
+  text-align: left;
+}
+
+.legend .progress {
+  width: 14px;
+}
+
+.legend .progress-bar {
+  width: 14px;
+}
+
+.translatetext {
+  background-color: #eee;
+}
+
+.current_translation {
+  background-color: #f5f5f5;
+}
+
+.pagination {
+  margin: 5px 0;
+}
+
+.translator .form-group,
+.zen-unit .form-group {
+  margin-bottom: 5px;
+}
+
+.translator .list-group {
+  margin-bottom: 0;
+}
+
+.translator .checkbox {
+  margin-bottom: 0;
+  margin-top: 0;
+}
+
+.translator {
+  vertical-align: bottom !important;
+}
+
+.translator .panel-body {
+  padding: 10px 15px;
+}
+
+.inlineform {
+  display: inline-block;
+}
+
+textarea.translation-editor,
+textarea[name="explanation"] {
+  height: 3em;
+}
+
+textarea#id_comment {
+  height: 5em;
+}
+
+textarea#id_extra_flags,
+textarea#id_explanation,
+textarea#id_check_flags {
+  height: 4em;
+}
+
+.hlcheck,
+.token.placeable {
+  outline: 1px dotted #aeb7cf;
+  background-color: #e0eaf1;
+}
+.glossary-term {
+  outline: 1px dotted #aeb7cf;
+  background-color: #ffffcc;
+}
+.hlcheck {
+  cursor: pointer;
+  white-space: pre-wrap;
+}
+
+.hlmatch {
+  background-color: #eb3;
+}
+
+.hlspace {
+  outline: 1px dotted red;
+  color: #bfc3c7;
+  white-space: pre-wrap;
+}
+
+.space-tab,
+.space-nl,
+.space-space {
+  min-width: 0.3em;
+  /* inline-block needed for proper ::before placement in Chrome */
+  display: inline-block;
+}
+.space-tab::before {
+  content: "→";
+  position: relative;
+}
+
+.space-nl::before {
+  content: "↵";
+  position: relative;
+}
+
+.space-space::before {
+  content: "·";
+  position: relative;
+  left: 25%;
+}
+
+ins,
+ins .hlcheck,
+span.replacement {
+  background-color: lightgreen;
+  color: #2a3744;
+}
+
+del,
+del .hlcheck,
+span.replaced {
+  color: #2a3744;
+  background-color: #fc7979;
+}
+
+.editor-toolbar {
+  margin: 3px 0;
+}
+
+.panel-body .table-condensed {
+  margin-bottom: 0;
+}
+
+td .list-group {
+  margin-bottom: 0;
+}
+
+.code-example {
+  font-family: monospace;
+  white-space: pre;
+  height: auto;
+}
+
+.sort-cell {
+  white-space: nowrap;
+}
+.sort-cell,
+.sort-cell a {
+  cursor: pointer;
+  color: #2a3744;
+}
+
+.sort-cell:hover,
+.sort-cell:hover a {
+  color: #1fa385;
+  text-decoration: none;
+}
+
+.sort-icon {
+  width: 8px;
+  height: 8px;
+  display: inline-block;
+  margin: 0 5px;
+}
+
+th .sort-icon.sort-up {
+  background-image: url("sort/up.svg");
+}
+
+th .sort-icon.sort-down {
+  background-image: url("sort/down.svg");
+}
+
+th:hover .sort-icon {
+  background-image: url("sort/hover-down.svg");
+}
+
+th:hover .sort-icon.sort-up {
+  background-image: url("sort/hover-up.svg");
+}
+
+.asteriskField {
+  display: none;
+}
+
+.subscription-checkboxes label {
+  margin-left: 20px;
+  font-weight: normal;
+}
+
+.subscription-checkboxes input {
+  margin-left: 0;
+}
+
+.engage {
+  text-align: center;
+  padding-top: 6em;
+}
+
+.engage h1 {
+  font-size: 56px;
+  font-weight: normal;
+  padding-bottom: 0.5em;
+  letter-spacing: -0.46px;
+}
+
+.engage h2 {
+  font-size: 20px;
+  font-weight: normal;
+  padding-bottom: 0.5em;
+  line-height: 1.5em;
+  letter-spacing: 0.65px;
+}
+
+.engage p {
+  line-height: 1.5em;
+  font-size: 16px;
+}
+
+.engage .buttons {
+  padding: 3em;
+}
+
+@media (max-width: 768px) {
+  .engage .buttons {
+    padding: 3em 0;
+  }
+}
+
+.engage .buttons a {
+  margin: 1em;
+}
+
+.bignumbers {
+  padding: 1em 0;
+}
+
+.bignumbers .col-md-4:first-child {
+  border-left: none;
+}
+
+.bignumbers strong {
+  display: block;
+  font-weight: normal;
+  font-size: 56px;
+  letter-spacing: -1px;
+}
+
+.bignumbers p {
+  font-size: 20px;
+  text-transform: uppercase;
+  letter-spacing: 2px;
+}
+
+@media only screen and (max-width: 992px) {
+  .engage {
+    padding-top: 2em;
+  }
+}
+
+@media only screen and (min-width: 992px) {
+  .bignumbers .col-md-4 {
+    border-left: 1px solid gray;
+  }
+}
+
+@media only screen and (min-width: 1200px) {
+  .bignumbers {
+    padding: 3em 1em;
+  }
+}
+
+.btn-inline {
+  font-weight: 600;
+  padding: 0 20px;
+}
+.formats .btn-inline {
+  padding: 0;
+}
+
+.btn-desc p {
+  display: inline-block;
+}
+
+.btn-desc {
+  margin: 5px 0;
+}
+
+.btn-spaced {
+  margin: 5px;
+  margin-left: 10px;
+}
+
+.btn-full {
+  width: 100%;
+}
+
+.btn-auth {
+  padding: 5px;
+}
+
+.btn-auth a {
+  display: block;
+  width: 100%;
+  font-weight: 600;
+  text-align: left;
+}
+
+.dir-rtl .btn-auth a {
+  text-align: right;
+}
+
+.login-links,
+.login-label {
+  display: block;
+  clear: both;
+  margin: 10px 5px 5px 5px;
+}
+
+.login-links,
+form + .login-label {
+  border-top: 1px solid #ccc;
+  padding: 10px 0;
+}
+
+.login-label {
+  font-size: normal;
+  font-weight: 600;
+}
+
+.login-links {
+  text-align: center;
+}
+
+.login-links li {
+  display: inline;
+  list-style: none;
+}
+
+.login-links li + li::before {
+  content: "•";
+  margin: 0 8px;
+}
+
+.btn-auth .auth-image {
+  width: 20px;
+  height: 20px;
+}
+
+.table-auth .auth-image {
+  margin-right: 12px;
+}
+
+.dir-rtl .table-auth .auth-image {
+  margin-right: 0;
+  margin-left: 12px;
+}
+
+.table .history-row td {
+  border-top: none;
+}
+.history-row + .history-row td {
+  border-top: 1px solid #e9eaec;
+}
+
+.history-event,
+.history-event ol,
+.history-data .text-muted {
+  font-size: 14px;
+}
+
+.history-data {
+  padding-bottom: 4px;
+}
+
+.history-event ol,
+.history-event p {
+  margin-left: 34px;
+  padding: 0;
+}
+
+.comment-content {
+  border-radius: 0 5px 5px 5px;
+  background-color: #e5f0f2;
+  padding: 8px 10px;
+  word-wrap: break-word;
+}
+.comment-content blockquote {
+  border-left: 5px solid #ddd;
+}
+
+.comment-source {
+  background-color: #f2e5ea;
+}
+
+.comment-resolved {
+  background-color: #fff;
+  color: #bfc3c7;
+}
+
+.btn-float {
+  background-color: #fff;
+  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1);
+  border-radius: 3px;
+  position: relative;
+  top: -5px;
+  z-index: 10;
+  padding: 0 2px;
+}
+
+.btn-float .btn,
+.btn-padded .btn {
+  padding: 2px 4px !important;
+  line-height: 0;
+}
+
+kbd {
+  border: 1px solid #bfc3c7;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  font-size: 14px;
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+  -ms-user-select: none;
+}
+
+.zen {
+  table-layout: auto;
+  width: 100%;
+}
+
+.zen-unit:nth-child(even) {
+  background-color: #f9f9f9;
+}
+
+#position-input-editable {
+  padding: 2px 5px;
+  max-width: 9em;
+  display: none;
+}
+
+#position-input-editable input {
+  height: 31px;
+  padding-left: 2px;
+  padding-right: 2px;
+  text-align: center;
+}
+
+/* Chrome, Safari, Edge, Opera */
+#position-input-editable input::-webkit-outer-spin-button,
+#position-input-editable input::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+/* Firefox */
+#position-input-editable input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+.billing-buttons {
+  text-align: center;
+}
+
+.unit-navi {
+  min-width: 17em;
+}
+
+.unit-navi li {
+  float: left;
+}
+
+.dir-rtl .unit-navi li {
+  float: right;
+}
+
+.unit-navi .dropdown-menu {
+  margin-top: 0;
+}
+
+.unit-navi.pagination {
+  margin-top: 0;
+  padding-left: 15px;
+}
+
+.fullmodal .modal-dialog {
+  width: max-content;
+  max-width: 100%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+legend {
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.shot-list .img-responsive {
+  max-height: 15em;
+}
+
+.search-results {
+  height: 20em;
+  overflow-y: auto;
+  width: 100%;
+}
+
+.search-group {
+  margin: 0 15px 15px 0;
+}
+
+.dir-rtl .search-group {
+  margin: 0 0 15px 15px;
+}
+
+.query-field {
+  width: 400px;
+  min-width: 30%;
+  max-width: 100%;
+  height: 100%;
+}
+.query-field .input-group-btn {
+  height: 100%;
+}
+#query-dropdown {
+  height: 100%;
+}
+
+.forbidden-term svg,
+.search-icon svg {
+  height: 16px;
+  width: 16px;
+}
+
+.sort-field {
+  margin: 0;
+}
+
+.query-sort-toggle {
+  padding-left: 1rem;
+  padding-right: 1rem;
+}
+
+.query-sort-toggle span:not(.active) {
+  display: none;
+}
+
+.dir-rtl .sort-field {
+  margin-left: 0;
+}
+
+@media (min-width: 768px) {
+  .sort-field {
+    margin-left: -15px;
+  }
+
+  .dir-rtl .sort-field {
+    margin-right: -15px;
+  }
+
+  .query-container {
+    max-width: calc(100% - 100px);
+  }
+}
+
+.search-toolbar {
+  margin-bottom: -15px;
+}
+
+.tos {
+  counter-reset: tos_chapter;
+}
+
+.tos h2::before {
+  counter-increment: tos_chapter;
+  content: counter(tos_chapter) ". ";
+}
+
+.tos h2 {
+  counter-reset: tos_paragraph;
+}
+
+.tos p.item::before {
+  counter-increment: tos_paragraph;
+  content: counter(tos_chapter) "." counter(tos_paragraph) ". ";
+}
+
+.vertical-badge .badge {
+  clear: right;
+}
+
+.stripe-odd {
+  background-color: #f9f9f9;
+}
+
+.list-group-item {
+  padding: 5px 10px;
+}
+
+.history .list-group-item {
+  background-color: inherit;
+}
+
+.bottom-button {
+  vertical-align: bottom !important;
+  text-align: right;
+}
+
+.dir-rtl .bottom-button {
+  text-align: left;
+}
+
+.panel-footer-links {
+  padding: 0;
+}
+
+.panel-footer-links .btn-link {
+  padding: 12px;
+}
+
+.auth-image {
+  vertical-align: middle;
+  height: 40px;
+  width: 40px;
+}
+
+.wrap-text {
+  white-space: pre-wrap;
+}
+
+.wrap-text {
+  word-wrap: break-word;
+  word-break: break-word;
+}
+
+.overflow-wrap {
+  overflow-wrap: anywhere;
+}
+
+input[type="date"].form-control,
+input[type="time"].form-control,
+input[type="datetime-local"].form-control,
+input[type="month"].form-control {
+  line-height: 1.5;
+}
+
+.highlight-number {
+  position: absolute;
+}
+
+.update-log {
+  height: 20em;
+}
+
+.badge-warning {
+  background-color: #8a6d3b;
+}
+
+.badge-danger {
+  background-color: #f6664c;
+}
+
+.invalid-format {
+  text-decoration: line-through;
+}
+
+.widgets-selector img {
+  max-width: 200px !important;
+  max-height: 200px;
+}
+
+.widgets-selector li a {
+  display: table-cell;
+  vertical-align: bottom;
+  height: 240px;
+  text-align: center;
+  padding-top: auto;
+}
+
+.dir-rtl .pull-right > .dropdown-menu {
+  left: 0;
+  right: auto;
+}
+
+#profile-name {
+  font-size: 14px;
+}
+#profile-name b {
+  font-size: 16px;
+}
+
+td.number,
+th.number {
+  text-align: right;
+}
+
+.dir-rtl td.number,
+.dir-rtl th.number {
+  text-align: left;
+}
+
+.table-autowidth {
+  width: auto;
+}
+
+.table-autowidth tr td,
+.table-autowidth tr th {
+  white-space: nowrap;
+}
+@media (max-width: 660px) {
+  .table-autowidth tr .wrap-cell {
+    white-space: normal;
+  }
+}
+.split-cell span {
+  width: 33%;
+  padding: 0 4px;
+  display: inline-block;
+}
+@media (max-width: 660px) {
+  .split-cell span {
+    width: 100%;
+    padding: 0;
+  }
+}
+
+.table-autowidth tr .full-cell {
+  width: 100%;
+  white-space: normal;
+}
+.table-autowidth tr .full-cell.number {
+  text-align: left;
+}
+.dir-rtl .table-autowidth tr .full-cell.number {
+  text-align: right;
+}
+
+.buttons-cell {
+  vertical-align: middle !important;
+  text-align: right;
+}
+
+.dir-rtl .buttons-cell {
+  text-align: left;
+}
+
+.clickable-row {
+  cursor: pointer;
+}
+.unclickable-row {
+  cursor: not-allowed;
+}
+
+.clickable-row:hover {
+  background-color: #e9eaec;
+}
+
+.nav-pills > li > a,
+.btn-default {
+  color: #1fa385;
+}
+
+.nav-pills > li > a {
+  font-weight: 600;
+  border: 1px solid transparent;
+}
+
+.nav-pills > .active > a,
+.nav > .active > a:hover {
+  border: 1px solid #144d3f;
+}
+
+.nav-pills > li > a:hover,
+.nav-pills > li > a:focus,
+.nav-pills .open > a,
+.nav-pills .open > a:hover,
+.nav-pills .open > a:focus {
+  border: 1px solid #e9eaec;
+}
+
+.btn-default:hover,
+.nav-pills > li > a:hover,
+.nav-pills > li > a:focus,
+.nav-pills .open > a,
+.nav-pills .open > a:hover,
+.nav-pills .open > a:focus {
+  color: #144d3f;
+  background: none;
+}
+
+.nav-pills > li > a > button.close {
+  margin: 0 10px;
+}
+.nav-pills > li.active > a > button.close {
+  color: #eee;
+}
+
+.bread-icon path,
+.profile-icon circle,
+.profile-icon path {
+  fill: #bfc3c7;
+}
+
+.bread-icon svg {
+  margin: 0 5px 0 0;
+}
+
+.profile-icon svg {
+  height: 18px;
+}
+
+.dir-rtl .bread-icon svg {
+  margin: 0 0 0 5px;
+}
+
+.navbar-right {
+  margin-right: 0;
+}
+
+.dir-rtl .navbar-right.flip {
+  margin-left: 0;
+}
+
+.breadcrumb > li.bread-icon + li::before {
+  display: none;
+}
+
+.breadcrumb {
+  font-size: 16px;
+  margin-bottom: 0;
+  padding-bottom: 0;
+}
+
+.breadcrumb a {
+  color: #2a3744 !important;
+}
+
+.state-icon {
+  vertical-align: middle;
+}
+
+.badge.length,
+.badge.license {
+  color: #fff;
+  background-color: #bfc3c7;
+  padding: 1px 3px;
+  vertical-align: middle;
+}
+
+.badge.length {
+  margin-top: 5px;
+}
+
+thead th {
+  font-weight: normal;
+}
+
+.table > thead > tr > th {
+  border-bottom: 1px solid #bfc3c7;
+}
+
+.table-listing,
+.table-listing > thead > tr > th,
+.table-listing > tbody > tr > th,
+.table-listing > tbody > tr > td {
+  border: none;
+}
+.table-listing > tbody > tr > .actions {
+  padding-left: 0;
+  padding-right: 0;
+  text-align: center;
+}
+
+.btn:hover {
+  transition: all 300ms linear;
+  -webkit-transition: all 300ms linear;
+}
+
+.dir-rtl .btn-spaced {
+  margin-left: 0;
+  margin-right: 10px;
+}
+
+.btn-primary,
+.btn-warning,
+.btn-danger,
+.btn-info {
+  border-radius: 20px;
+  font-size: 18px;
+  font-weight: 600;
+  border: none;
+  padding: 7px 24px;
+}
+
+.btn-info {
+  border: 1px solid #2eccaa;
+}
+
+.btn-link {
+  padding: 6px;
+}
+
+.btn-link.btn-xs {
+  padding: 0;
+  border: none;
+  line-height: 10px;
+}
+
+.navbar a path {
+  fill: #bfc3c7;
+}
+.navbar-nav svg,
+.navbar-nav img.avatar {
+  width: 20px;
+  height: 20px;
+}
+
+.navbar .navbar-brand:focus path,
+.navbar .navbar-brand:active path,
+.navbar a:hover path {
+  fill: #2eccaa;
+}
+
+.navbar .open a path,
+.navbar .open a:hover path {
+  fill: #fff;
+}
+
+.btn-link path {
+  fill: #2a3744;
+}
+
+.btn-link:hover path {
+  fill: #1fa385;
+}
+
+.green path,
+.btn-default path {
+  fill: #1fa385;
+}
+
+.btn-default:hover path,
+.green.btn-link:hover path {
+  fill: #144d3f;
+}
+
+.btn-primary path,
+.btn-warning path,
+.btn-info path {
+  fill: #fff;
+}
+
+button.green:hover path,
+a.green:hover path {
+  fill: #2a3744;
+}
+
+.red path {
+  fill: #f6664c;
+}
+.grey path {
+  fill: #e9eaec;
+}
+
+.panel-heading .doc-link path {
+  fill: #2a3744;
+}
+
+.panel-danger > .panel-heading {
+  border-color: #f6664c;
+}
+
+button.red:hover path,
+a.red:hover path {
+  fill: #f43c1b;
+}
+
+.btn-lg {
+  height: 50px;
+  border-radius: 25px;
+  padding: 13px 24px;
+}
+
+.btn-warning:hover {
+  background-color: #2a3744;
+}
+
+.btn-primary:hover {
+  background-color: #2eccaa;
+}
+
+.btn-info:hover {
+  background-color: #2eccaa;
+  color: #fff;
+}
+
+.btn-group-settings {
+  clear: both;
+}
+
+.btn-group-settings a {
+  color: #2a3744;
+  padding: 10px 15px;
+}
+
+.btn-group-settings a:hover {
+  color: #1fa385;
+}
+
+.btn-group-settings svg {
+  height: 1em;
+}
+
+svg {
+  vertical-align: middle;
+}
+
+.unit-pagination svg,
+.pagination svg,
+.btn-xs svg,
+.btn-group-xs svg {
+  max-width: 18px;
+  max-height: 18px;
+}
+
+#popup-alerts {
+  position: fixed;
+  z-index: 1000;
+  top: 70px;
+  width: 100%;
+  padding: 32px 16px 0 16px;
+  display: none;
+}
+
+.source-info,
+.source-info h5 {
+  font-size: 14px;
+}
+
+.source-info .list-group-item {
+  padding: 15px;
+  border-color: #e9eaec;
+}
+
+.list-group-item.check h5 {
+  font-weight: 600;
+  margin: 0;
+  font-size: 16px;
+  line-height: 20px;
+}
+
+.check .list-group-item-text {
+  padding: 5px;
+}
+
+.check .list-buttons {
+  margin: 10px 0 5px 0;
+}
+
+.check-dismissed {
+  color: #bfc3c7;
+}
+
+.check-dismissed .check-number,
+.check-dismissed .check-dismiss {
+  display: none;
+}
+
+.check .check-revert {
+  display: none;
+}
+
+.check-dismissed .check-dismiss.check-revert {
+  display: inherit;
+}
+
+.check-dismissed .red path,
+.gray path {
+  fill: #bfc3c7;
+}
+
+.string-info .list-group-item h5 {
+  font-weight: 600;
+  margin: 0;
+}
+
+.object-link,
+.object-link a {
+  font-weight: 600;
+  color: #2a3744;
+}
+
+.object-link a.tail {
+  font-weight: normal;
+}
+
+.string-info .thumbnail {
+  margin-top: 8px;
+  margin-bottom: 0;
+}
+
+.source-info thead th {
+  font-weight: 600;
+}
+
+.source-info th,
+.source-info td {
+  border: none !important;
+}
+
+.formats {
+  padding: 20px 0;
+  text-align: center;
+}
+
+.format-item {
+  line-height: 29px;
+  padding: 0 10px 0 10px;
+  border-radius: 5px;
+  background-color: #144d3f;
+  margin: 5px 5px;
+  display: inline-block;
+  overflow: hidden;
+  color: #fff;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+a.format-item:hover {
+  color: #fff;
+}
+
+.format-item span {
+  font-size: 14px;
+  padding: 0 10px 0 8px;
+  font-weight: 400;
+  margin: 0 -11px 0 5px;
+  line-height: 30px;
+  border-radius: 0 5px 5px 0;
+  display: inline-block;
+  color: #fff;
+  background-color: #1fa385;
+}
+
+.dir-rtl .format-item {
+  padding: 0 10px 0 0;
+}
+
+.dir-rtl .format-item span {
+  margin: 0 -1px 0 10px;
+  border-radius: 0 5px 5px 0;
+}
+
+.access-icon {
+  padding: 0 5px;
+}
+
+.access-control-disabled {
+  color: #aaa;
+}
+
+.access-control-disabled .access-icon {
+  filter: saturate(80%);
+}
+
+.icon-spin {
+  -webkit-animation: icon-spin 1s infinite linear;
+  animation: icon-spin 1s infinite linear;
+  display: inline-block;
+}
+
+@-webkit-keyframes icon-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+
+@keyframes icon-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+
+.label-box:empty {
+  width: 1.2em;
+  height: 1.2em;
+  padding: 0;
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.label-navy {
+  background-color: #001f3f;
+}
+
+.label-blue {
+  background-color: #0074d9;
+}
+
+.label-aqua {
+  background-color: #7fdbff;
+  color: #000;
+}
+
+.label-teal {
+  background-color: #39cccc;
+}
+
+.label-olive {
+  background-color: #3d9970;
+}
+
+.label-green {
+  background-color: #2ecc40;
+}
+
+.label-lime {
+  background-color: #01ff70;
+  color: #000;
+}
+
+.label-yellow {
+  background-color: #ffdc00;
+  color: #000;
+}
+
+.label-orange {
+  background-color: #ff851b;
+}
+
+.label-red {
+  background-color: #ff4136;
+}
+
+.label-maroon {
+  background-color: #85144b;
+}
+
+.label-fuchsia {
+  background-color: #f012be;
+}
+
+.label-purple {
+  background-color: #b10dc9;
+}
+
+.label-black {
+  background-color: #111;
+}
+
+.label-gray {
+  background-color: #aaa;
+}
+
+.label-silver {
+  background-color: #ddd;
+  color: #000;
+}
+.btn-navy path {
+  fill: #001f3f;
+}
+
+.btn-blue path {
+  fill: #0074d9;
+}
+
+.btn-aqua path {
+  fill: #7fdbff;
+}
+
+.btn-teal path {
+  fill: #39cccc;
+}
+
+.btn-olive path {
+  fill: #3d9970;
+}
+
+.btn-green path {
+  fill: #2ecc40;
+}
+
+.btn-lime path {
+  fill: #01ff70;
+}
+
+.btn-yellow path {
+  fill: #ffdc00;
+}
+
+.btn-orange path {
+  fill: #ff851b;
+}
+
+.btn-red path {
+  fill: #ff4136;
+}
+
+.btn-maroon path {
+  fill: #85144b;
+}
+
+.btn-fuchsia path {
+  fill: #f012be;
+}
+
+.btn-purple path {
+  fill: #b10dc9;
+}
+
+.btn-black path {
+  fill: #111;
+}
+
+.btn-gray path {
+  fill: #aaa;
+}
+
+.btn-silver path {
+  fill: #bbb;
+}
+
+input.color_edit {
+  position: absolute;
+  visibility: hidden;
+}
+
+input.color_edit + label {
+  width: 12em;
+  margin: 3px;
+}
+
+input.color_edit:checked + label {
+  border: 2px solid black;
+}
+
+@media (max-width: 768px) {
+  .zero-width-768 {
+    display: none;
+    width: 0;
+  }
+
+  .query-field .input-group {
+    width: 100%;
+  }
+}
+
+@media (max-width: 900px) {
+  .zero-width-900 {
+    display: none;
+    width: 0;
+  }
+}
+
+@media (max-width: 1400px) {
+  .zero-width-1400 {
+    display: none;
+    width: 0;
+  }
+}
+
+@media (max-width: 1200px) {
+  .zero-width-1200 {
+    display: none;
+    width: 0;
+  }
+}
+
+@media (max-width: 1000px) {
+  .zero-width-1000 {
+    display: none;
+    width: 0;
+  }
+}
+
+@media (max-width: 720px) {
+  .zero-width-720 {
+    display: none;
+    width: 0;
+  }
+}
+
+@media (max-width: 640px) {
+  .zero-width-640 {
+    display: none;
+    width: 0;
+  }
+}
+
+@media (max-width: 540px) {
+  .zero-width-540 {
+    display: none;
+    width: 0;
+  }
+}
+
+.editor-footer {
+  z-index: 999;
+  position: relative;
+}
+
+.radio label,
+.checkbox label {
+  font-weight: 600;
+}
+
+.help-block {
+  color: #2a3744;
+}
+
+.machinery-text {
+  word-wrap: anywhere;
+}
+
+.ghost {
+  font-weight: normal;
+  font-style: italic;
+}
+
+.btn-group {
+  display: flex;
+}
+
+a.language:visited,
+a.language {
+  color: #2b3646;
+}
+a.language:hover {
+  color: #1fa385;
+  text-decoration: underline;
+}
+.tribute-container {
+  z-index: 10000;
+}
+.tribute-container > .dropdown-menu {
+  position: relative;
+}
+.tribute-container > .dropdown-menu > li.highlight > a {
+  color: #262626;
+  text-decoration: none;
+  background-color: #e9eaec;
+}
+
+.editor-wrap {
+  padding: 0;
+  border: none;
+  margin: 0;
+  height: auto;
+  display: block;
+}
+
+.editor-wrap > textarea,
+.editor-wrap > .highlighted-output {
+  position: absolute;
+  padding: 0.5em;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  box-sizing: border-box;
+  border: 1px solid #cccccc;
+  border-radius: 4px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+.input-group .editor-wrap > textarea,
+.input-group .editor-wrap > .highlighted-output {
+  padding: 6px 12px;
+}
+
+.editor-wrap > textarea.form-control[readonly],
+.editor-wrap > textarea.form-control[disabled],
+.editor-wrap > textarea {
+  position: relative;
+  z-index: 1;
+  color: transparent;
+  caret-color: black;
+  background-color: transparent;
+}
+
+.editor-wrap .highlighted-output {
+  z-index: 0;
+  overflow: hidden;
+}
+.editor-wrap > .highlighted-output.disabled,
+.editor-wrap > .highlighted-output.readonly {
+  background-color: #eee;
+}
+
+.token.bold {
+  color: #000;
+}
+.token.italic {
+  color: #888;
+}
+.token.code {
+  color: #009;
+}
+.token.hlspace {
+  display: inline;
+}
+
+/* Based on Coy theme for Prismjs */
+.token.comment,
+.token.block-comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+  color: #7d8b99;
+}
+
+.token.punctuation {
+  color: #5f6364;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.function-name,
+.token.constant,
+.token.symbol,
+.token.deleted,
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.function,
+.token.builtin,
+.token.inserted {
+  color: #2f9c0a;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.token.variable,
+.token.atrule,
+.token.attr-value,
+.token.keyword,
+.token.class-name,
+.language-css .token.string,
+.style .token.string {
+  color: #1990b8;
+}
+
+.token.regex,
+.token.important {
+  color: #e90;
+}
+
+.token.namespace {
+  opacity: 0.8;
+}
+.markdown p:last-child {
+  margin-bottom: 0;
+}
+.metric {
+  text-align: center;
+  padding: 20px 0;
+  margin: 0;
+  border: 2px solid #e9eaec;
+  border-radius: 15px;
+}
+.metric-number {
+  font-size: 40px;
+  letter-spacing: -0.67px;
+  line-height: 50px;
+}
+.metric-text {
+  font-size: 14px;
+  letter-spacing: 0;
+  line-height: 18px;
+}
+.metric-detail {
+  margin-top: 20px;
+  padding-top: 20px;
+  border-top: 1px solid #e9eaec;
+  font-size: 24px;
+  letter-spacing: -0.4px;
+  line-height: 31px;
+}
+.trend-down,
+.trend-up {
+  width: 0;
+  height: 0;
+  vertical-align: middle;
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+}
+.trend-up {
+  border-bottom: 6px solid #2eccaa;
+}
+.trend-down {
+  border-top: 6px solid #f6664c;
+}
+.table-activity td {
+  text-align: center;
+}
+.table-activity .activity-names td {
+  border-top: none;
+  padding-top: 0;
+}
+.table-stats td {
+  vertical-align: middle !important;
+}
+.btn-sidebar {
+  position: relative;
+  left: 55px;
+}
+.dir-rtl .btn-sidebar {
+  left: -55px;
+}
+.sidebar-button {
+  margin-right: 30px;
+}
+.dir-rtl .sidebar-button {
+  margin-right: 0;
+  margin-left: 30px;
+}
+.editor-click-select {
+  background-color: #1fa385 !important;
+  cursor: pointer;
+}
+.divisor {
+  color: #bfc3c8;
+}
+.source-comment {
+  font-weight: normal;
+  vertical-align: top;
+  white-space: normal;
+  font-size: 12px;
+}
+.unit-state-cell {
+  width: 6px;
+  padding: 0px !important;
+  min-width: 6px;
+}
+.unit-state-translated {
+  background-color: #2eccaa;
+}
+.unit-state-bad {
+  background-color: #f6664c;
+}
+.unit-state-todo {
+  background-color: #e9eaec;
+}
+.unit-state-approved {
+  background-color: #1fa385;
+}
+.unit-state-saving {
+  animation: morph-state 2s infinite;
+}
+@keyframes morph-state {
+  0% {
+    background-color: black;
+  }
+  50% {
+    background-color: #2eccaa;
+  }
+  100% {
+    background-color: black;
+  }
+}
+.dismiss-all {
+  vertical-align: middle;
+  font-weight: normal;
+  margin-left: 8px;
+}
+.dir-rtl .dismiss-all {
+  margin-left: 0;
+  margin-right: 8px;
+}
+.dismiss-all input {
+  vertical-align: middle;
+  margin: 3px;
+}
+.sticky-header {
+  position: sticky;
+  top: 0;
+  background-color: white;
+}
+.input-group > .form-control {
+  height: 38px;
+}
+.input-group-addon label {
+  display: inherit;
+  max-width: inherit;
+  margin-bottom: inherit;
+  font-weight: inherit;
+}
+
+.info-tooltip {
+  display: inline-block;
+  height: 24px;
+  vertical-align: super;
+  margin-left: 6px;
+}
+
+.table-embed-units .list-group-item {
+  border: none;
+  background-color: inherit;
+}
+
+#unit_all_flags {
+  background-color: transparent;
+  display: inline-block;
+}
+
+#unit_all_flags.flags-updated {
+  animation: flags-updated ease-out 3000ms;
+}
+
+h5.list-group-item-heading {
+  font-weight: bolder;
+}
+
+.table-supportstatus .progress {
+  min-width: 100px;
+}
+
+.autoComplete:not([hidden]) {
+  display: block;
+}
+.autoComplete_wrapper {
+  position: relative;
+}
+.autoComplete {
+  position: absolute;
+  top: 100%;
+}
+.navbar .autoComplete {
+  margin-top: 0;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.sort-skip .btn-sm {
+  padding: 0;
+}
+
+.auth-token {
+  filter: blur(5px);
+  transition: all 70ms linear;
+}
+.auth-token.visible {
+  filter: none;
+}
+.breadcrumb .btn-group-settings a.btn-link {
+  padding: 0 8px;
+}
+
+@-webkit-keyframes flags-updated {
+  0% {
+    background-color: rgba(255, 165, 0, 255);
+  }
+
+  100% {
+    background-color: rgba(255, 165, 0, 0);
+  }
+}
+
+@keyframes flags-updated {
+  0% {
+    background-color: rgba(255, 165, 0, 255);
+  }
+
+  100% {
+    background-color: rgba(255, 165, 0, 0);
+  }
+}
+
+#show-linked-repo-toggle:not(:checked) ~ .repo-linked {
+  display: none;
+}
+label .text-muted {
+  font-weight: normal;
+}
+
+#workflow-enable-target {
+  transition: all 300ms linear;
+  -webkit-transition: all 300ms linear;
+}
+
+.img-check {
+  background-color: #ccc;
+  margin-bottom: 0;
+}
+
+tbody.danger {
+  background-color: #f2dede;
+}
+tbody.warning {
+  background-color: #fcf8e3;
+}
+
+.glossary-embed div.alert {
+  padding: 5px 10px;
+  margin: 0;
+}
+
+.auth-info {
+  display: inline-block;
+}
+.auth-list .auth-image {
+  vertical-align: top;
+  padding: 0 5px;
+}
diff --git a/templates/400.html b/templates/400.html
new file mode 100644
index 0000000..6e34968
--- /dev/null
+++ b/templates/400.html
@@ -0,0 +1,18 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+{% block breadcrumbs %}
+<li><a href="{% url 'home' %}">{% trans "Bad request" %}</a></li>
+{% endblock %}
+
+{% block content %}
+<div class="container">
+<h2>{% trans "Bad request" %}</h2>
+
+<p>
+{% blocktrans %}We’re sorry but something appears to be wrong with the request you made.{% endblocktrans %}
+</p>
+
+</div>
+
+{% endblock %}
diff --git a/templates/403.html b/templates/403.html
new file mode 100644
index 0000000..046f7c6
--- /dev/null
+++ b/templates/403.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% load static %}
+
+{% block breadcrumbs %}
+<li><a href="{% url 'home' %}">{% trans "Permission Denied" %}</a></li>
+{% endblock %}
+
+{% block content %}
+
+<div class="container">
+
+<h2>{% trans "Permission Denied" %}</h2>
+<p>
+{% trans "Insufficient privileges to display this page." %}
+</p>
+
+{% if not user.is_authenticated %}
+<a href="{% url 'login' %}?next={{ login_redirect_url|urlencode }}" class="btn btn-primary">{% trans "Sign in" %}</a>
+{% endif %}
+<a href="{% url 'home' %}" class="btn btn-primary">{% trans "Dashboard" %}</a>
+<a href="{% url 'projects' %}" class="btn btn-primary">{% trans "Browse all projects" %}</a>
+
+<img src="{% static "x_x/500.png" %}">
+</div>
+
+{% endblock %}
diff --git a/templates/403_csrf.html b/templates/403_csrf.html
new file mode 100644
index 0000000..9ce95a2
--- /dev/null
+++ b/templates/403_csrf.html
@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% load static %}
+
+{% block breadcrumbs %}
+<li><a href="{% url 'home' %}">{% trans "Permission Denied" %}</a></li>
+{% endblock %}
+
+{% block content %}
+<div class="container">
+
+<h2>{% trans "Permission Denied" %}</h2>
+<p>{% trans "CSRF verification failed. Request aborted." %}</p>
+
+{% if no_referer %}
+  <p>{% trans "This HTTPS site requires a 'Referer' header to be sent by your web browser, but none was sent. This header is required for security reasons, to ensure your browser is not hijacked by third-parties." %}</p>
+  <p>{% trans "If you have set up your web browser to not send 'Referer' headers, please turn that on (at-least for this site, for HTTPS connections, or for 'same-origin' requests)." %}</p>
+{% elif no_cookie %}
+  <p>{% trans "This site requires a CSRF cookie when submitting forms. This cookie is required for security reasons, to ensure that your browser is not being hijacked by third-parties." %}</p>
+  <p>{% trans "If you have set up your browser to not save cookies, please turn them on again (at-least for this site, or for 'same-origin' requests)." %}</p>
+{% elif reason %}
+  <p>{% blocktranslate %}CSRF failure reason: {{ reason }}{% endblocktranslate %}
+{% endif %}
+
+	  	<img src="{% static "x_x/500.png" %}">
+</div>
+
+{% endblock %}
diff --git a/templates/404.html b/templates/404.html
new file mode 100644
index 0000000..af57b41
--- /dev/null
+++ b/templates/404.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% load static %}
+
+{% block breadcrumbs %}
+<li><a href="{% url 'home' %}">{% trans "Page Not Found" %}</a></li>
+{% endblock %}
+
+{% block content %}
+<div class="container">
+
+<h2>{% trans "Page Not Found" %}</h2>
+<p>
+{% trans "The page you are looking for was not found." %}
+{% trans "The project you are looking for does not exist or is not publicly available." %}
+</p>
+
+<img src="{% static "x_x/404.png" %}">
+
+{% if not user.is_authenticated %}
+<a href="{% url 'login' %}" class="btn btn-primary">{% trans "Sign in" %}</a>
+{% endif %}
+<a href="{% url 'home' %}" class="btn btn-primary">{% trans "Dashboard" %}</a>
+<a href="{% url 'projects' %}" class="btn btn-primary">{% trans "Browse all projects" %}</a>
+
+</div>
+{% endblock %}
diff --git a/templates/500.html b/templates/500.html
new file mode 100644
index 0000000..9aec64c
--- /dev/null
+++ b/templates/500.html
@@ -0,0 +1,43 @@
+{% extends "base.html" %}
+{% load i18n %}
+{% load static %}
+{% load compress %}
+
+{% block breadcrumbs %}
+<li><a href="{% url 'home' %}">{% trans "Internal Server Error" %}</a></li>
+{% endblock %}
+
+{% block content %}
+<h2>{% trans "Server Error" %}</h2>
+
+{% if sentry_event_id %}
+
+  <p>
+    {% blocktrans with error_id=sentry_event_id %}The server had serious problems serving your request, and this error has been recorded as {{ error_id }}.{% endblocktrans %}
+  </p>
+
+  {% if sentry_dsn %}
+    <script src="{% static "vendor/sentry.js" %}"></script>
+
+    <script>
+      Sentry.init({ dsn: '{{ sentry_dsn|escapejs }}' });
+      Sentry.showReportDialog({
+        {% if request.user.is_authenticated %}
+          user: { name: "{{ user.full_name|escapejs }}", email: "{{ user.email|escapejs }}" },
+        {% endif %}
+        eventId: '{{ sentry_event_id|escapejs }}'
+      })
+    </script>
+  {% endif %}
+
+{% else %}
+
+	<p>
+		{% blocktrans %}The server had serious problems serving your request. You might want to contact server admins in case the error persists.{% endblocktrans %}
+	</p>
+
+	{% endif %}
+
+	<img src="{% static "x_x/500.png" %}">
+
+{% endblock %}
diff --git a/templates/base.html b/templates/base.html
new file mode 100644
index 0000000..4f8dfd4
--- /dev/null
+++ b/templates/base.html
@@ -0,0 +1,378 @@
+{% load i18n %}
+{% load static %}
+{% load translations %}
+{% load compress %}
+{% load icons %}
+{% load permissions %}
+
+<!DOCTYPE html>
+
+<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_BIDI %}rtl{% else %}ltr{% endif %}">
+ <head>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="referrer" content="origin" />
+  <meta name="author" content="Michal Čihař" />
+  <meta name="copyright" content="Copyright &copy; Michal Čihař" />
+  {% if not allow_index %}<meta name="robots" content="noindex,nofollow" />{% endif %}
+  {% if interledger_payment_pointer %}<meta name="monetization" content="{{ interledger_payment_pointer }}" />{% endif %}
+
+  <title>{% include "snippets/title.html" %}</title>
+  <meta name="description" content="{{ description }}" />
+  <meta name="twitter:card" content="summary_large_image" />
+
+  {% if next_unit_url %}
+  <link rel="next" href="{{ next_unit_url }}" />
+  {% endif %}
+  {% if prev_unit_url %}
+  <link rel="prev" href="{{ prev_unit_url }}" />
+  {% endif %}
+
+  {% if object.get_url_path %}
+    <link rel="alternate" type="application/rss+xml" title="RSS feed" href="{% url 'rss' path=object.get_url_path %}" />
+    <meta property="og:image" content="{{ site_url }}{% url 'widget-image' path=object.get_url_path widget='open' color='graph' extension='png' %}" />
+  {% else %}
+    <link rel="alternate" type="application/rss+xml" title="RSS feed" href="{% url 'rss' %}" />
+    <meta property="og:image" content="{{ site_url }}{% url 'og-image' %}" />
+  {% endif %}
+
+  {% for domain in preconnect_list %}
+  <link rel="preconnect" href="https://{{ domain }}">
+  {% endfor %}
+
+{% include "snippets/meta-css.html" %}
+
+  <script src="{% url 'js-catalog' %}" defer></script>
+{% compress js %}
+{% if rollbar_token %}
+<script>
+var _rollbarConfig = {
+    accessToken: "{{ rollbar_token }}",
+    captureUncaught: true,
+    captureUnhandledRejections: true,
+    payload: {
+        environment: "{{ rollbar_environment }}"
+    }
+};
+// Rollbar Snippet
+!function(r){var e={};function o(n){if(e[n])return e[n].exports;var t=e[n]={i:n,l:!1,exports:{}};return r[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.m=r,o.c=e,o.d=function(r,e,n){o.o(r,e)||Object.defineProperty(r,e,{enumerable:!0,get:n})},o.r=function(r){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(r,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(r,"__esModule",{value:!0})},o.t=function(r,e){if(1&e&&(r=o(r)),8&e)return r;if(4&e&&"object"==typeof r&&r&&r.__esModule)return r;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:r}),2&e&&"string"!=typeof r)for(var t in r)o.d(n,t,function(e){return r[e]}.bind(null,t));return n},o.n=function(r){var e=r&&r.__esModule?function(){return r.default}:function(){return r};return o.d(e,"a",e),e},o.o=function(r,e){return Object.prototype.hasOwnProperty.call(r,e)},o.p="",o(o.s=0)}([function(r,e,o){"use strict";var n=o(1),t=o(4);_rollbarConfig=_rollbarConfig||{},_rollbarConfig.rollbarJsUrl=_rollbarConfig.rollbarJsUrl||"https://cdn.rollbar.com/rollbarjs/refs/tags/v2.18.0/rollbar.min.js",_rollbarConfig.async=void 0===_rollbarConfig.async||_rollbarConfig.async;var a=n.setupShim(window,_rollbarConfig),l=t(_rollbarConfig);window.rollbar=n.Rollbar,a.loadFull(window,document,!_rollbarConfig.async,_rollbarConfig,l)},function(r,e,o){"use strict";var n=o(2);function t(r){return function(){try{return r.apply(this,arguments)}catch(r){try{console.error("[Rollbar]: Internal error",r)}catch(r){}}}}var a=0;function l(r,e){this.options=r,this._rollbarOldOnError=null;var o=a++;this.shimId=function(){return o},"undefined"!=typeof window&&window._rollbarShims&&(window._rollbarShims[o]={handler:e,messages:[]})}var i=o(3),s=function(r,e){return new l(r,e)},d=function(r){return new i(s,r)};function c(r){return t((function(){var e=this,o=Array.prototype.slice.call(arguments,0),n={shim:e,method:r,args:o,ts:new Date};window._rollbarShims[this.shimId()].messages.push(n)}))}l.prototype.loadFull=function(r,e,o,n,a){var l=!1,i=e.createElement("script"),s=e.getElementsByTagName("script")[0],d=s.parentNode;i.crossOrigin="",i.src=n.rollbarJsUrl,o||(i.async=!0),i.onload=i.onreadystatechange=t((function(){if(!(l||this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState)){i.onload=i.onreadystatechange=null;try{d.removeChild(i)}catch(r){}l=!0,function(){var e;if(void 0===r._rollbarDidLoad){e=new Error("rollbar.js did not load");for(var o,n,t,l,i=0;o=r._rollbarShims[i++];)for(o=o.messages||[];n=o.shift();)for(t=n.args||[],i=0;i<t.length;++i)if("function"==typeof(l=t[i])){l(e);break}}"function"==typeof a&&a(e)}()}})),d.insertBefore(i,s)},l.prototype.wrap=function(r,e,o){try{var n;if(n="function"==typeof e?e:function(){return e||{}},"function"!=typeof r)return r;if(r._isWrap)return r;if(!r._rollbar_wrapped&&(r._rollbar_wrapped=function(){o&&"function"==typeof o&&o.apply(this,arguments);try{return r.apply(this,arguments)}catch(o){var e=o;throw e&&("string"==typeof e&&(e=new String(e)),e._rollbarContext=n()||{},e._rollbarContext._wrappedSource=r.toString(),window._rollbarWrappedError=e),e}},r._rollbar_wrapped._isWrap=!0,r.hasOwnProperty))for(var t in r)r.hasOwnProperty(t)&&(r._rollbar_wrapped[t]=r[t]);return r._rollbar_wrapped}catch(e){return r}};for(var u="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,captureEvent,captureDomContentLoaded,captureLoad".split(","),p=0;p<u.length;++p)l.prototype[u[p]]=c(u[p]);r.exports={setupShim:function(r,e){if(r){var o=e.globalAlias||"Rollbar";if("object"==typeof r[o])return r[o];r._rollbarShims={},r._rollbarWrappedError=null;var a=new d(e);return t((function(){e.captureUncaught&&(a._rollbarOldOnError=r.onerror,n.captureUncaughtExceptions(r,a,!0),e.wrapGlobalEventHandlers&&n.wrapGlobals(r,a,!0)),e.captureUnhandledRejections&&n.captureUnhandledRejections(r,a,!0);var t=e.autoInstrument;return!1!==e.enabled&&(void 0===t||!0===t||"object"==typeof t&&t.network)&&r.addEventListener&&(r.addEventListener("load",a.captureLoad.bind(a)),r.addEventListener("DOMContentLoaded",a.captureDomContentLoaded.bind(a))),r[o]=a,a}))()}},Rollbar:d}},function(r,e,o){"use strict";function n(r,e,o,n){r._rollbarWrappedError&&(n[4]||(n[4]=r._rollbarWrappedError),n[5]||(n[5]=r._rollbarWrappedError._rollbarContext),r._rollbarWrappedError=null);var t=e.handleUncaughtException.apply(e,n);o&&o.apply(r,n),"anonymous"===t&&(e.anonymousErrorsPending+=1)}function t(r,e,o){if(e.hasOwnProperty&&e.hasOwnProperty("addEventListener")){for(var n=e.addEventListener;n._rollbarOldAdd&&n.belongsToShim;)n=n._rollbarOldAdd;var t=function(e,o,t){n.call(this,e,r.wrap(o),t)};t._rollbarOldAdd=n,t.belongsToShim=o,e.addEventListener=t;for(var a=e.removeEventListener;a._rollbarOldRemove&&a.belongsToShim;)a=a._rollbarOldRemove;var l=function(r,e,o){a.call(this,r,e&&e._rollbar_wrapped||e,o)};l._rollbarOldRemove=a,l.belongsToShim=o,e.removeEventListener=l}}r.exports={captureUncaughtExceptions:function(r,e,o){if(r){var t;if("function"==typeof e._rollbarOldOnError)t=e._rollbarOldOnError;else if(r.onerror){for(t=r.onerror;t._rollbarOldOnError;)t=t._rollbarOldOnError;e._rollbarOldOnError=t}e.handleAnonymousErrors();var a=function(){var o=Array.prototype.slice.call(arguments,0);n(r,e,t,o)};o&&(a._rollbarOldOnError=t),r.onerror=a}},captureUnhandledRejections:function(r,e,o){if(r){"function"==typeof r._rollbarURH&&r._rollbarURH.belongsToShim&&r.removeEventListener("unhandledrejection",r._rollbarURH);var n=function(r){var o,n,t;try{o=r.reason}catch(r){o=void 0}try{n=r.promise}catch(r){n="[unhandledrejection] error getting `promise` from event"}try{t=r.detail,!o&&t&&(o=t.reason,n=t.promise)}catch(r){}o||(o="[unhandledrejection] error getting `reason` from event"),e&&e.handleUnhandledRejection&&e.handleUnhandledRejection(o,n)};n.belongsToShim=o,r._rollbarURH=n,r.addEventListener("unhandledrejection",n)}},wrapGlobals:function(r,e,o){if(r){var n,a,l="EventTarget,Window,Node,ApplicationCache,AudioTrackList,ChannelMergerNode,CryptoOperation,EventSource,FileReader,HTMLUnknownElement,IDBDatabase,IDBRequest,IDBTransaction,KeyOperation,MediaController,MessagePort,ModalWindow,Notification,SVGElementInstance,Screen,TextTrack,TextTrackCue,TextTrackList,WebSocket,WebSocketWorker,Worker,XMLHttpRequest,XMLHttpRequestEventTarget,XMLHttpRequestUpload".split(",");for(n=0;n<l.length;++n)r[a=l[n]]&&r[a].prototype&&t(e,r[a].prototype,o)}}}},function(r,e,o){"use strict";function n(r,e){this.impl=r(e,this),this.options=e,function(r){for(var e=function(r){return function(){var e=Array.prototype.slice.call(arguments,0);if(this.impl[r])return this.impl[r].apply(this.impl,e)}},o="log,debug,info,warn,warning,error,critical,global,configure,handleUncaughtException,handleAnonymousErrors,handleUnhandledRejection,_createItem,wrap,loadFull,shimId,captureEvent,captureDomContentLoaded,captureLoad".split(","),n=0;n<o.length;n++)r[o[n]]=e(o[n])}(n.prototype)}n.prototype._swapAndProcessMessages=function(r,e){var o,n,t;for(this.impl=r(this.options);o=e.shift();)n=o.method,t=o.args,this[n]&&"function"==typeof this[n]&&("captureDomContentLoaded"===n||"captureLoad"===n?this[n].apply(this,[t[0],o.ts]):this[n].apply(this,t));return this},r.exports=n},function(r,e,o){"use strict";r.exports=function(r){return function(e){if(!e&&!window._rollbarInitialized){for(var o,n,t=(r=r||{}).globalAlias||"Rollbar",a=window.rollbar,l=function(r){return new a(r)},i=0;o=window._rollbarShims[i++];)n||(n=o.handler),o.handler._swapAndProcessMessages(l,o.messages);window[t]=n,window._rollbarInitialized=!0}}}}]);
+// End Rollbar Snippet
+</script>
+{% endif %}
+  <script defer data-cfasync="false" src="{% static 'vendor/jquery.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/js.cookie.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/autosize.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/multi.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/mousetrap.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/mousetrap-global-bind.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/bootstrap/js/bootstrap.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/slugify.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/tribute.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/autoComplete.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/prism/prism-core.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/prism/prism-markup.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/prism/prism-rest.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/prism/prism-markdown.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/prism/prism-icu-message-format.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'prism-weblatesearch.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'loader-bootstrap.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/moment.js' %}{{ cache_param }}"></script>
+  <script defer data-cfasync="false" src="{% static 'vendor/daterangepicker.js' %}{{ cache_param }}"></script>
+{% endcompress %}
+
+{% block extra_script %}
+{% endblock %}
+
+  <link rel="image_src" type="image/png" href="{% static 'weblate-128.png' %}"/>
+  <link rel="icon" type="image/png" sizes="32x32" href="{% static 'logo-32.png' %}">
+  <link rel="icon" type="image/png" sizes="16x16" href="{% static 'logo-16.png' %}">
+  <link rel="icon" href="{% static 'favicon.png' %}" type="image/png">
+  <link rel="apple-touch-icon" sizes="180x180" href="{% static 'weblate-180.png' %}"/>
+  <link rel="mask-icon" href="{% static 'weblate-black.svg' %}" color="#144d3f">
+  <meta name="msapplication-TileColor" content="#144d3f">
+  <meta name="msapplication-config" content="/browserconfig.xml">
+  <link rel="manifest" href="/site.webmanifest">
+  {{ extra_html_head|safe }}
+  {% if matomo_url %}
+  <link rel="preconnect" href="{{ matomo_url }}">
+  {% endif %}
+  <meta name="theme-color" content="#144d3f">
+
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta property="og:site_name" content="{{ site_title }}" />
+  <meta property="og:title" content="{% if title %}{{ title }}{% elif object %}{{ object }}{% elif page_user %}{{ page_user }}{% else %}{{ site_title }}{% endif %}" />
+  <meta property="og:description" content="{{ description }}" />
+
+{% block extra_meta %}
+{% endblock %}
+
+ </head>
+
+ <body {% if LANGUAGE_BIDI %}class="dir-rtl"{% endif %}>
+ <div id="popup-alerts"></div>
+ <header>
+<nav class="navbar navbar-default navbar-static-top navbar-inverse" role="navigation">
+  <div class="container-fluid">
+    <!-- Brand and toggle get grouped for better mobile display -->
+    <div class="navbar-header">
+      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#wl-navbar-main" id="navbar-toggle">
+        <span class="sr-only">{% trans "Toggle navigation" %}</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+      {% include "snippets/branding.html" %}
+    </div>
+
+    <!-- Collect the nav links, forms, and other content for toggling -->
+    <div class="collapse navbar-collapse" id="wl-navbar-main">
+      <form class="navbar-form navbar-left">
+        <div class="form-group">
+          <input type="text" class="form-control" id="sitewide-search" placeholder="{% translate "Search" %}">
+        </div>
+      </form>
+      <ul class="nav navbar-nav">
+        <li><a href="{% url 'home' %}">{% trans "Dashboard" %}</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="projects-menu">{% trans "Projects" %} <b class="caret"></b></a>
+          <ul class="dropdown-menu">
+            {% if watched_projects %}
+            {% for project in watched_projects %}
+            <li><a href="{{ project.get_absolute_url }}">{{ project }}</a></li>
+            {% endfor %}
+            <li role="separator" class="divider"></li>
+            {% endif %}
+            {% if user.is_authenticated %}
+            <li><a href="{% url 'profile' %}#notifications">{% trans "Manage watched projects" %}</a></li>
+            <li role="separator" class="divider"></li>
+            {% endif %}
+            <li><a href="{% url 'projects' %}">{% trans "Browse all projects" %}</a></li>
+          </ul>
+        </li>
+        {% with languages=user.profile.all_languages.order_translated %}
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="languages-menu">{% trans "Languages" %} <b class="caret"></b></a>
+          <ul class="dropdown-menu">
+          {% if languages %}
+            {% for language in languages %}
+            <li><a href="{{ language.get_absolute_url }}">{{ language }}</a></li>
+            {% endfor %}
+            <li role="separator" class="divider"></li>
+          {% endif %}
+          {% if user.is_authenticated %}
+            <li><a href="{% url 'profile' %}#languages">{% trans "Manage translated languages" %}</a></li>
+            <li role="separator" class="divider"></li>
+          {% endif %}
+            <li><a href="{% url 'languages' %}">{% trans "Browse all languages" %}</a></li>
+          </ul>
+        </li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" id="checks-menu">{% trans "Checks" %} <b class="caret"></b></a>
+          <ul class="dropdown-menu">
+            {% if watched_projects %}
+              {% if languages %}
+                {% for project in watched_projects %}
+                  {% for language in languages %}
+                    {% get_projectlanguage project language as projectlanguage %}
+                    <li><a href="{% url 'checks' path=projectlanguage.get_url_path %}">{% blocktrans %}Failing checks in {{ project }} — {{ language }}{% endblocktrans %}</a></li>
+                  {% endfor %}
+                  {% if languages|length > 1 %}
+                    <li role="separator" class="divider"></li>
+                  {% endif %}
+                {% endfor %}
+                {% if languages|length == 1 %}
+                  <li role="separator" class="divider"></li>
+                {% endif %}
+              {% endif %}
+              {% for project in watched_projects %}
+                <li><a href="{% url 'checks' path=project.get_url_path %}">{% blocktrans %}Failing checks in {{ project }}{% endblocktrans %}</a></li>
+              {% endfor %}
+              <li role="separator" class="divider"></li>
+            {% endif %}
+            {% if languages %}
+              {% for language in languages %}
+                <li><a href="{% url 'checks' path=language.get_url_path %}">{% blocktrans %}Failing checks in {{ language }}{% endblocktrans %}</a></li>
+              {% endfor %}
+              <li role="separator" class="divider"></li>
+            {% endif %}
+            <li><a href="{% url 'checks' %}">{% trans "Checks overview" %}</a></li>
+          </ul>
+        </li>
+        {% endwith %}
+      </ul>
+      <ul class="nav navbar-nav navbar-right flip">
+
+        {# Superuser link to admin #}
+        {% perm "management.use" user as user_can_manage %}
+        {% if user_can_manage %}
+        <li>
+          <a class="button" id="admin-button" href="{% url 'manage' %}" title="{% trans "Administration" %}">
+            <span class="hidden-xs">
+              {% icon "wrench.svg" %}
+            </span>
+            <span class="visible-xs-inline">{% trans "Administration" %}</span>
+          </a>
+        </li>
+        {% if configuration_errors.exists %}
+        <li>
+          <a class="button red" id="errors-button" href="{% url 'manage-performance' %}" title="{% trans "Configuration errors" %}">
+            <span class="hidden-xs">
+              {% icon "alert.svg" %}
+            </span>
+            <span class="visible-xs-inline">{% trans "Configuration errors" %}</span>
+          </a>
+        </li>
+        {% endif %}
+        {% endif %}
+
+        {# Login and register for not authenticated #}
+        {% if not user.is_authenticated %}
+        {% if registration_open %}
+        <li><a class="button" id="register-button" href="{% url 'register' %}">{% trans "Register" %}</a></li>
+        {% endif %}
+        <li><a class="button" id="login-button" href="{% url 'login' %}{% if not skip_next %}?next={{ login_redirect_url|urlencode }}{% endif %}">{% trans "Sign in" %}</a></li>
+        {% endif %}
+
+        {# Adding new translations #}
+        {% if user.is_authenticated %}
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <span class="hidden-xs">{% icon "plus.svg" %}</span>
+            <span class="visible-xs-inline">{% trans "Add" %}</span>
+            <b class="caret"></b>
+          </a>
+          <ul class="dropdown-menu">
+            <li><a href="{% url 'create-project' %}">{% trans "Add new translation project" %}</a></li>
+            <li><a href="{% url 'create-component' %}{% if project %}?project={{ project.id }}{% endif %}">{% trans "Add new translation component" %}</a></li>
+            {% if component %}
+              {% perm 'translation.add' component as user_can_add_translation %}
+              {% if user_can_add_translation %}
+                <li><a href="{% url "new-language" path=component.get_url_path %}">{% trans "Start new translation" %}</a></li>
+              {% endif %}
+            {% endif %}
+            {% if offer_hosting %}
+              <li role="separator" class="divider"></li>
+              {% if payment_enabled %}
+                <li><a href="{% url 'trial' %}">{% trans "Try Weblate for free" %}</a></li>
+              {% endif %}
+              <li><a href="{% url 'hosting' %}">{% trans "Ask for Libre hosting" %}</a></li>
+            {% endif %}
+          </ul>
+        </li>
+        {% endif %}
+
+        {# Profile and logout for authenticated #}
+        {% if user.is_authenticated %}
+        <li class="dropdown">
+          <a href="#" id="user-dropdown" class="dropdown-toggle" data-toggle="dropdown" title="{% trans "Your profile" %}">
+            {% if enable_avatars %}
+            <span class="hidden-xs">
+              <img class="avatar" alt="{% trans "User avatar" %}" src="{% url 'user_avatar' user=user.username size=24 %}" />
+            </span>
+            <span class="visible-xs-inline">{% trans "Your profile" %}</span>
+            {% else %}
+            {{ user.profile.get_user_name }}
+            {% endif %}
+            <b class="caret"></b>
+          </a>
+          <ul class="dropdown-menu">
+            <li id="profile-name"><a class="button" id="profile-button" href="{% url 'user_page' user=user.username %}"><b>{{ user }}</b><br />@{{ user.username }}</a></li>
+            <li role="separator" class="divider"></li>
+            {% if has_billing %}
+            <li><a class="button" id="billing-button" href="{% url 'billing' %}">{% trans "Billing overview" %}</a></li>
+            {% endif %}
+            <li><a id="memory-button" href="{% url 'memory' %}">{% trans "Translation memory" %}</a></li>
+            <li><a class="button" id="settings-button" href="{% url 'profile' %}">{% trans "Settings" %}</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a id="logout-button" href="" class="button link-post" data-href="{% url 'logout' %}">{% trans "Sign out" %}</a></li>
+          </ul>
+        </li>
+        {% endif %}
+
+        {# Support menu #}
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown" title="{% trans "Help" %}">
+            <span class="hidden-xs">{% icon "dots.svg" %}</span>
+            <span class="visible-xs-inline">
+              {% trans "Help" %}
+              <b class="caret"></b>
+            </span>
+          </a>
+          <ul class="dropdown-menu">
+            {% if not support_status.has_support %}
+              <li><a href="https://weblate.org/support/">{% trans "Get support" %}</a></li>
+            {% endif %}
+            {% if get_help_url %}
+              <li><a href="{{ get_help_url }}">{% trans "Get help" %}</a></li>
+            {% endif %}
+            <li><a href="{% url 'contact' %}">{% trans "Contact" %}</a></li>
+            <li><a href="{% url 'about' %}">{% blocktrans %}About Weblate{% endblocktrans %}</a></li>
+            <li role="separator" class="divider"></li>
+            <li><a href="{% documentation 'index' %}">{% trans "Documentation" %}</a></li>
+            <li><a href="https://weblate.org/contribute/">{% trans "Contribute to Weblate" %}</a></li>
+            <li><a href="{% url 'donate' %}">{% trans "Donate to Weblate" %}</a></li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
+{% block breadcrumbs_container %}
+<h1>
+<ol class="breadcrumb">
+<li class="bread-icon">
+{% icon bread_image|default:"error.svg" %}
+</li>
+{% block breadcrumbs %}
+<li><a href="{% url 'home' %}">{% trans "Dashboard" %}</a></li>
+{% endblock %}
+</ol>
+<div class="clearfix"></div>
+</h1>
+{% endblock %}
+</header>
+
+<div class="main-content {% block content_class %}{% endblock %}">
+
+{% if user.is_superuser and support_status.has_support and not support_status.in_limits %}
+  {% trans 'Your Weblate is exceeding service limits. Please upgrade the subscription.' as msg %}
+  {% show_message 'warning' msg %}
+{% endif %}
+
+{% if messages %}
+{% for message in messages %}
+{% show_message message.tags message %}
+{% endfor %}
+{% endif %}
+
+{% if menu_items %}
+{% include 'snippets/menu.html' %}
+{% endif %}
+
+{% block content %}
+{% endblock %}
+
+</div>
+<form id="link-post" method="POST">
+{% csrf_token %}
+</form>
+<!-- Creates the bootstrap modal where the image will appear -->
+<div class="modal fade fullmodal" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="screenshotModal" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">{% trans "Close" %}</span></button>
+        <h4 class="modal-title" id="screenshotModal"></h4>
+      </div>
+      <div class="modal-body">
+        <img src="" id="imagepreview" class="img-responsive">
+      </div>
+      <div class="modal-footer">
+        <a class="btn btn-warning" id="modalDetailsLink" data-edit-text="{% trans 'Edit screenshot' %}">{% trans "Screenshot details" %}</a>
+        <button type="button" class="btn btn-primary" data-dismiss="modal">{% trans "Close" %}</button>
+      </div>
+    </div>
+  </div>
+</div>
+{% include 'footer.html' %}
+ </body>
+</html>
diff --git a/templates/snippets/branding.html b/templates/snippets/branding.html
new file mode 100644
index 0000000..5f081a4
--- /dev/null
+++ b/templates/snippets/branding.html
@@ -0,0 +1,2 @@
+{% load static %}
+<img style="max-width: 3em;" src="{% static 'logo-128.png' %}"/> <a class="navbar-brand" href="{% url 'home' %}">{{ site_title }}</a>
diff --git a/x_x/400.png b/x_x/400.png
new file mode 100644
index 0000000..d14749f
Binary files /dev/null and b/x_x/400.png differ
diff --git a/x_x/404.fonto.png b/x_x/404.fonto.png
new file mode 100644
index 0000000..d7ce7ee
Binary files /dev/null and b/x_x/404.fonto.png differ
diff --git a/x_x/404.html b/x_x/404.html
new file mode 100644
index 0000000..a9415d4
--- /dev/null
+++ b/x_x/404.html
@@ -0,0 +1,25 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<title>404 — Ne trovita</title>
+		<link rel="stylesheet" type="text/css" href="/static/x_x/style.css">
+		<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no">
+	</head>
+
+	<body>
+		<header>
+			<div class="title">HTTP 404 — Ne trovita</div>
+		</header>
+		<div class="panel user-profile-placeholder">
+			<div class="panel-body">
+				<h1>Paĝo ne troveblas!</h1>
+				<p>Tiu dosiero aŭ paĝo ne troviĝis. Bedaŭron!</p>
+				<p>Aŭ ĝi ne plu ekzistas, aŭ ĝi neniam ekzistis. Kia mistero, ĉu ne?</p>
+			</div>
+			<div class="panel-body">
+				<img src="/static/x_x/404.png">
+			</div>
+		</div>
+	</body>
+
+</html>
diff --git a/x_x/404.png b/x_x/404.png
new file mode 100644
index 0000000..d14749f
Binary files /dev/null and b/x_x/404.png differ
diff --git a/x_x/500.fonto.jpg b/x_x/500.fonto.jpg
new file mode 100644
index 0000000..31d56c7
Binary files /dev/null and b/x_x/500.fonto.jpg differ
diff --git a/x_x/500.fonto.txt b/x_x/500.fonto.txt
new file mode 100644
index 0000000..9ba3219
--- /dev/null
+++ b/x_x/500.fonto.txt
@@ -0,0 +1,2 @@
+El ぎあ魂, https://www.pixiv.net/artworks/37277532
+Trovita ĉe https://danbooru.donmai.us/posts/1561979
diff --git a/x_x/500.png b/x_x/500.png
new file mode 100644
index 0000000..d651cb3
Binary files /dev/null and b/x_x/500.png differ
diff --git a/x_x/500.xcf b/x_x/500.xcf
new file mode 100644
index 0000000..1ac8aa3
Binary files /dev/null and b/x_x/500.xcf differ
diff --git a/x_x/502.fonto.jpg b/x_x/502.fonto.jpg
new file mode 100644
index 0000000..28fa3cf
Binary files /dev/null and b/x_x/502.fonto.jpg differ
diff --git a/x_x/502.html b/x_x/502.html
new file mode 100644
index 0000000..d63083f
--- /dev/null
+++ b/x_x/502.html
@@ -0,0 +1,36 @@
+<!DOCTYPE HTML>
+<html>
+	<head>
+		<title>502 — Servilo paŭzetas</title>
+		<link rel="stylesheet" type="text/css" href="/static/x_x/style.css">
+		<meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no">
+	</head>
+
+	<body>
+		<header>
+			<div class="title">HTTP 502 — Pordega eraro</div>
+		</header>
+		<div class="panel user-profile-placeholder">
+			<div class="panel-body">
+				<h1>La servilo paŭzetas!</h1>
+				<p>Ĝi kredeble restartiĝos baldaŭ; bonvolu rekontroli post momento.</p>
+				<p>Se post ~15 minutoj ankoraŭ vidas tiun ĉi eraron, bonvolu sciigi jadedctrl! (Prefere per XMPP/Matrix!)</p>
+				<p><b>Matrix:</b> <a href="https://matrix.to/#/@jadedctrl:tedomum.net">@jadedctrl:tedomum.net</a> — <b>XMPP:</b> <a href="xmpp:jaidedim@dismail.de">jaidedim@dismail.de</a><br>
+					<b>Poŝte:</b> <a href="mailto:jadedctrl@posteo.net">jadedctrl@posteo.net</a></p>
+			</div>
+
+			<div class="panel-body">
+				<h1>The server's taking a break!</h1>
+				<p>It'll likely be back to work soon, so please try again in a moment.</p>
+				<p>If you still get this error after ~15 minutes, please let jadedctrl know! (Preferably with XMPP or Matrix!)</p>
+				<p><b>Matrix:</b> <a href="https://matrix.to/#/@jadedctrl:tedomum.net">@jadedctrl:tedomum.net</a> — <b>XMPP:</b> <a href="xmpp:jaidedim@dismail.de">jaidedim@dismail.de</a><br>
+					<b>E-mail:</b> <a href="mailto:jadedctrl@posteo.net">jadedctrl@posteo.net</a></p>
+			</div>
+
+			<div class="panel-body">
+				<img src="/static/x_x/502.png">
+			</div>
+		</div>
+	</body>
+
+</html>
diff --git a/x_x/502.png b/x_x/502.png
new file mode 100644
index 0000000..62654b1
Binary files /dev/null and b/x_x/502.png differ
diff --git a/x_x/502.xcf b/x_x/502.xcf
new file mode 100644
index 0000000..0bdc535
Binary files /dev/null and b/x_x/502.xcf differ
diff --git a/x_x/style.css b/x_x/style.css
new file mode 100644
index 0000000..df1ba48
--- /dev/null
+++ b/x_x/style.css
@@ -0,0 +1,77 @@
+/* Somewhat riffing off of Pleroma-FE’s generated CSS.
+Using the colors of Tirifto’s Malvo theme. */
+body {
+	font-family: sans-serif;
+	font-size: 14px;
+}
+
+
+.panel {
+	overflow: hidden;
+	border-radius: 3px;
+	padding: 0;
+	max-width: 1000px;
+	margin: auto;
+}
+
+
+img {
+	bottom: 0;
+	  display: table-cell;
+	  vertical-align: bottom;
+}
+
+
+h1 {
+	text-align: center;
+}
+
+
+header {
+	border-radius: 3px 3px 0 0;
+	margin: 0;
+	background: transparent;
+	background-color: #E2C2F2;
+	box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) ,
+				1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset,
+				-1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	padding: .5em;
+	text-align: left;
+	font-size: 1.3em;
+}
+
+
+.panel:after {
+	bottom: 0;
+	box-shadow: 1px 1px 4px rgba(0, 0, 0, .6);
+	box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
+	content: "";
+	left: 0;
+	pointer-events: none;
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 5;
+}
+
+
+.panel-body p {
+    padding-left: 20px;
+	padding-right: 20px;
+}
+
+
+.panel-body:empty:before {
+    content: "¯\\_(ツ)_/¯";
+    display: block;
+    margin: 1em;
+    text-align: center;
+}
+
+
+.panel-body>p {
+    line-height: 1.3;
+    margin: 0;
+    padding: .5em;
+	text-align: center;
+}