mod: Страницы ошибок (в новом дизайне и оптимизированы).

2026-02-22 02:55:21 +03:00
parent 5bfd50efd5
commit a608dea61f
8 changed files with 247 additions and 165 deletions
--- a/dicquo/templates/500.html
+++ b/dicquo/templates/500.html
@@ -1,31 +1,44 @@
-{% extends "base.html" %}
-
-{% block Title %}500: Ошибка сервера{% endblock %}
-
-{% block CONTENT %}{% include "blocks/header_nav.html" %}
-<div class="container main-content">
-  <!-- Основной контент: Текст + Картинка -->
-  <div class="content-row">
-
-    <!-- Текстовая колонка -->
-    <div class="text-col">
-        <!-- Цитата -->
-        <blockquote id="bb" style="border:none; margin:0; padding:0;">
-            <span style="margin-left:-0.44em;">&laquo;</span>Что-то пошло не&nbsp;так. Кажется, я&nbsp;уронил сервер. Подождите, пока я&nbsp;его подниму.»
-        </blockquote>
-
-        <!-- Автор -->
-        <div id="author">
-            <cite>Системный Администратор (500)</cite>
-        </div>
-    </div>
-
-  </div>
-
-  <!-- Блок тегов и навигации -->
-  <div class="tags">
-      <a href="/">Попробовать обновить страницу</a>
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>500: Ошибка сервера DicQuo</title>
+  <style>
+    body { margin: 0; min-height: 100vh; background-color: #211; color: silver; font-family: serif; opacity: 1; transition: opacity 0.9s ease-in-out; }
+    header { display: flex; justify-content: space-between; align-items: center; padding: 1vh 4vw; }
+    header > #logo { margin-top: 1vh; float: left; }
+    header > #logo a { border: none; text-decoration: none; color: silver;}
+    main { padding: 1vh 8vw; display: flex; flex-direction: column; justify-content: center; min-height: 60vh; }
+    main > article { display: flex; align-items: center; justify-content: center; gap: 2vw; }
+    main > article > figure > p { color: silver; font-size: 3vmin; line-height: 3.5vmin; padding-bottom: 2vmin;   font-style: italic; }
+    main > article > figure > blockquote { color: whitesmoke; font-size: 4.5vmin; line-height: 5vmin; border:none; margin:0; padding:0; }
+    main > article > figure > cite { color: silver; font-size: 3.5vmin; line-height: 4vmin; text-align: right; padding-top: 8vmin; font-style: italic; display: block; }
+    .tags { text-align: center; color: silver; font-size: 1.5vmin; line-height: 1.9vmin; padding: 1vh 8vw; float: left;}
+    .tags a { text-decoration: none; position: relative; padding: 0 0.5ex; display: inline-block; color: white; border-bottom: dotted 1px silver; background: linear-gradient(to right, rgba(255, 255, 255, 0.9) 40%, slategray, silver, lightyellow 50%, rgba(255, 255, 255, 0.4)); background-clip: initial; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 250% 100%; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; background-position: 100%; transition: background-position 0.65s ease; margin-right: 2vmin; }
+    .tags a:hover { color: white; background-position: 0 100%; border-bottom: solid 1px white; }
+    </style>
+</head>
+<body>
+<header>
+  <div id="logo">
+    <a href="/" style="font-size: 3em; font-weight: bold; color: orange; font-style: italic">DQ</a>
  </div>
+</header>
+<main>
+  <article>
+    <figure>
+      <p>Неожиданно:</p>
+      <blockquote id="bb">
+        <span style="margin-left:-0.44em;">&laquo;</span>Что-то пошло не&nbsp;так. Кажется, я&nbsp;уронил сервер.
+        Подождите, пока я&nbsp;его подниму.»
+      </blockquote>
+      <cite>Системный Администратор (500)</cite>
+    </figure>
+  </article>
+</main>
+<div class="tags">
+  <a href="/">Попробовать обновить страницу</a>
 </div>
-
-{% endblock %}
+</body>
+</html>