fix 500 template title

Reviewed-on: #3

.drone.yml

@@ -0,0 +1,13 @@
+kind: pipeline
+type: docker
+name: default
+
+steps:
+- name: build
+  image: rust:1-alpine
+  commands:
+  - apk add --no-cache musl-dev
+  - cargo fetch
+  - cargo build --all
+  environment:
+    CARGO_REGISTRIES_CRATES_IO_PROTOCOL: sparse

.gitignore

@@ -1,4 +1,4 @@
 /target
 **/*.rs.bk
-
+db.dat
-/db
+/db

Cargo.toml

@@ -1,26 +1,25 @@
 [package]
 name = "qchgk_web"
-version = "0.1.0"
+version = "0.2.0"
 authors = ["Dmitry <b4tm4n@mail.ru>"]
-edition = "2018"
+edition = "2021"
+license = "MIT"
+readme = "README.md"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
 
+
 [dependencies]
-actix-files="0.1"
+rand="0.8"
-actix-web = "1.0"
+rocket = { version = "=0.5.0-rc.3", features = ["json"] }
-serde="1.0"
+rocket_dyn_templates = { version = "=0.1.0-rc.3", features = ["tera"] }
-serde_derive="1.0"
+chgk_ledb_lib = {git = "https://gitea.b4tman.ru/b4tman/chgk_ledb.git", rev="699478f85e", package="chgk_ledb_lib", features=["async"]}
-serde_json="1.0"
+mini-moka = "0.10.0"
-ledb="0.2"
+lazy_static = "1.4.0"
-ledb-derive="0.2"
-ledb-types="0.2"
-lmdb-zero="0.4"
-rand="0.7"
-env_logger = "0.6"
-tera = "0.11"
 
 [profile.release]
 opt-level = 3
 debug = false
 lto = true
+strip = true
+

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Dmitry Belyaev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,10 @@
+# qchgk_web
+
+Простой веб интерфейс к базе вопросов ЧГК
+
+## Ссылки
+
+- Источник вопросов: http://db.chgk.info
+- Копия файлов базы вопросов: https://gitlab.com/b4tman/db_chgk
+- Конвертор в JSON: https://gitea.b4tman.ru/b4tman/chgk_txt2json
+- Загрузчик в формат базы для этой штуки: https://gitea.b4tman.ru/b4tman/chgk_ledb

src/main.rs

@@ -1,241 +1,253 @@
-extern crate actix_files;
-extern crate actix_web;
-extern crate serde;
 #[macro_use]
-extern crate serde_derive;
+extern crate rocket;
-#[macro_use]
-extern crate serde_json;
-extern crate ledb;
-#[macro_use]
-extern crate ledb_derive;
-extern crate env_logger;
-extern crate ledb_types;
-#[macro_use]
-extern crate tera;
 
-use tera::Context;
+use rocket::fs::FileServer;
-
+use rocket::fs::Options;
-
+use rocket::http::ContentType;
-use actix_web::{
+use rocket::request::Request;
-    guard, http::header, middleware::Logger, web,
+use rocket::response::Redirect;
-    App, Error, HttpRequest, HttpResponse, HttpServer, Result,
+use rocket::response::{self, Responder, Response};
-};
+use rocket::State;
+use rocket_dyn_templates::tera;
+use rocket_dyn_templates::Template;
 
 use rand::distributions::Uniform;
 use rand::Rng;
 
+use lazy_static::lazy_static;
+use std::collections::HashMap;
+use std::ops::Deref;
+use std::sync::Arc;
 
-use ledb::{Options, Storage};
+use chgk_ledb_lib::async_db;
+use chgk_ledb_lib::questions::Question;
 
-#[derive(Debug, Default, Clone, Serialize, Deserialize, Document)]
+use mini_moka::sync::Cache;
-struct BatchInfo {
+use std::time::Duration;
-    #[document(primary)]
+
-    #[serde(default)]
+const DB_FILENAME: &str = "db.dat";
-    filename: String,
+
-    #[serde(default)]
+lazy_static! {
-    description: String,
+    static ref EMPTY_MAP: HashMap<String, String> = HashMap::new();
-    #[serde(default)]
-    author: String,
-    #[serde(default)]
-    comment: String,
-    #[serde(default)]
-    url: String,
-    #[serde(default)]
-    date: String,
-    #[serde(default)]
-    processed_by: String,
-    #[serde(default)]
-    redacted_by: String,
-    #[serde(default)]
-    copyright: String,
-    #[serde(default)]
-    theme: String,
-    #[serde(default)]
-    kind: String,
-    #[serde(default)]
-    source: String,
-    #[serde(default)]
-    rating: String,
 }
 
-#[derive(Debug, Default, Clone, Serialize, Deserialize, Document)]
+trait ErrorEmpty {
-struct Question {
+    type Output;
-    #[document(primary)]
+    fn err_empty(self) -> Result<Self::Output, ()>;
-    #[serde(default)]
-    num: u32,
-    #[document(index)]
-    id: String,
-
-    description: String,
-    answer: String,
-
-    #[serde(default)]
-    author: String,
-    #[serde(default)]
-    comment: String,
-    #[serde(default)]
-    comment1: String,
-    #[serde(default)]
-    tour: String,
-    #[serde(default)]
-    url: String,
-    #[serde(default)]
-    date: String,
-    #[serde(default)]
-    processed_by: String,
-    #[serde(default)]
-    redacted_by: String,
-    #[serde(default)]
-    copyright: String,
-    #[serde(default)]
-    theme: String,
-    #[serde(default)]
-    kind: String,
-    #[serde(default)]
-    source: String,
-    #[serde(default)]
-    rating: String,
-    #[document(nested)]
-    #[serde(default)]
-    batch_info: BatchInfo,
 }
 
+impl<T, E> ErrorEmpty for Result<T, E> {
+    type Output = T;
+    fn err_empty(self) -> Result<Self::Output, ()> {
+        self.map_err(|_| ())
+    }
+}
+
+#[derive(Debug, Responder)]
+enum WebError {
+    #[response(status = 404)]
+    NotFound(Template),
+    #[response(status = 500)]
+    ServerError(Template),
+}
+
+impl WebError {
+    fn not_found() -> Self {
+        WebError::NotFound(Template::render("404", EMPTY_MAP.deref()))
+    }
+    fn server_error() -> Self {
+        WebError::ServerError(Template::render("500", EMPTY_MAP.deref()))
+    }
+}
+
+/// wrapper for terra:Value (json, context), to cache values by ref
+/// implements Responder as json content type
+#[derive(Clone)]
+struct ArcTemplateData {
+    value: Arc<tera::Value>,
+}
+
+impl Deref for ArcTemplateData {
+    type Target = tera::Value;
+
+    fn deref(&self) -> &Self::Target {
+        self.value.deref()
+    }
+}
+
+impl ArcTemplateData {
+    fn new(value: tera::Value) -> ArcTemplateData {
+        ArcTemplateData {
+            value: Arc::new(value),
+        }
+    }
+    fn render(&self, name: &'static str) -> Template {
+        Template::render(name, self.deref())
+    }
+}
+
+impl<'r> Responder<'r, 'static> for ArcTemplateData {
+    fn respond_to(self, req: &'r Request<'_>) -> response::Result<'static> {
+        Response::build_from(self.to_string().respond_to(req)?)
+            .header(ContentType::JSON)
+            .ok()
+    }
+}
+
+type TemplateCache = mini_moka::sync::Cache<usize, ArcTemplateData>;
+
+type DataBaseInner = async_db::Reader<Question>;
+type DataBase = Arc<DataBaseInner>;
 struct AppState {
-    storage: Storage,
+    db: DataBase,
-    template: tera::Tera,
+    database_distribution: Uniform<usize>,
-    database_distribution: Uniform<u32>,
 }
 
-fn get_database_distribution(storage: &Storage) -> Uniform<u32> {
+impl From<DataBaseInner> for AppState {
-    let collection = storage
+    fn from(db: DataBaseInner) -> Self {
-        .collection("questions")
+        let last_id = db.len();
-        .expect("collection \"questions\"");
+        let database_distribution = rand::distributions::Uniform::new_inclusive(1usize, last_id);
-    let last_id = collection.last_id().expect("\"questions\" last_id");
+        let db = Arc::new(db);
 
-    rand::distributions::Uniform::new_inclusive(1u32, last_id)
+        Self {
+            db,
+            database_distribution,
+        }
+    }
 }
 
-fn random_question_id(database_distribution: &Uniform<u32>) -> u32 {
+fn random_question_id(database_distribution: &Uniform<usize>) -> usize {
     let mut rng = rand::thread_rng();
     rng.sample(database_distribution)
 }
 
-fn get_question(storage: &Storage, id: u32) -> Result<Option<Question>, Error> {
+async fn get_question(db: &DataBase, id: usize) -> Result<Question, ()> {
-    if 0 == id {
+    db.get(id - 1).await.err_empty()
-        return Ok(None);
-    }
-
-    let collection = storage.collection("questions").expect("collection questions");
-    let last_id = collection.last_id().expect("questions last id");
-
-    if id > last_id {
-        Err(Error::from(()))
-    } else {
-        let question = collection.get::<Question>(id);
-        if question.is_err() {
-            Err(Error::from(()))
-        } else {
-            Ok(question.unwrap())
-        }
-    }
 }
 
-fn show_question_details(template_file: &str, data: web::Data<AppState>, id: web::Path<u32>) -> Result<HttpResponse, Error> {
+async fn get_question_data(
-    let id = id.into_inner();
+    data: &AppState,
+    cache: &TemplateCache,
+    id: usize,
+) -> Option<ArcTemplateData> {
+    if let Some(value) = cache.get(&id) {
+        return Some(value);
+    }
 
-    let question = get_question(&data.storage, id);
+    match get_question(&data.db, id).await {
-
+        Ok(question) => {
-    if question.is_ok() {
+            let mut context = tera::to_value(question).expect("question serialize");
-        let question = question.unwrap();
-
-        if question.is_some() {
-            let question = question.unwrap();
-            let mut context = serde_json::to_value(question).expect("question serialize");
             if context.is_object() {
                 let next_id = random_question_id(&data.database_distribution);
-                context["next"] = serde_json::to_value(next_id).expect("question id serialize");
+                context["next"] = tera::to_value(next_id).expect("question id serialize");
             }
-            let body = data.template.render(template_file, &context).expect("template render - show_question_details");
+
-            Ok(HttpResponse::Ok().content_type("text/html").body(body))
+            let data = ArcTemplateData::new(context);
-        } else {
+            cache.insert(id, data.clone());
-            Ok(HttpResponse::PermanentRedirect()
+            Some(data)
-                .header(header::LOCATION, "/q/")
-                .finish())
         }
-    } else {
+        Err(_) => None,
-        let context = Context::new();
-        Ok(HttpResponse::with_body(
-            actix_web::http::StatusCode::NOT_FOUND,
-            actix_web::dev::Body::from(data.template.render("404.html", &context).unwrap()),
-        ))
     }
 }
 
-fn show_question(data: web::Data<AppState>, id: web::Path<u32>) -> Result<HttpResponse, Error> {
+async fn show_question_details(
-    show_question_details("question.html", data, id)
+    template_name: &'static str,
+    data: &AppState,
+    cache: &TemplateCache,
+    id: usize,
+) -> Option<Template> {
+    get_question_data(data, cache, id)
+        .await
+        .map(|data| data.render(template_name))
 }
 
-fn show_answer(data: web::Data<AppState>, id: web::Path<u32>) -> Result<HttpResponse, Error> {
+#[get("/q/<id>/json")]
-    show_question_details("answer.html", data, id)
+async fn json_question(
+    data: &State<AppState>,
+    cache: &State<TemplateCache>,
+    id: usize,
+) -> Option<ArcTemplateData> {
+    get_question_data(data.inner(), cache.inner(), id).await
 }
 
-fn index(data: web::Data<AppState>, _req: HttpRequest) -> Result<HttpResponse, Error> {
+#[get("/q/<id>")]
+async fn show_question(
+    data: &State<AppState>,
+    cache: &State<TemplateCache>,
+    id: usize,
+) -> Option<Template> {
+    show_question_details("question", data.inner(), cache.inner(), id).await
+}
+
+#[get("/q/<id>/a")]
+async fn show_answer(
+    data: &State<AppState>,
+    cache: &State<TemplateCache>,
+    id: usize,
+) -> Option<Template> {
+    show_question_details("answer", data.inner(), cache.inner(), id).await
+}
+
+#[get("/q/0")]
+fn question0() -> Redirect {
+    Redirect::to("/")
+}
+
+#[get("/q/0/a")]
+fn answer0() -> Redirect {
+    Redirect::to("/")
+}
+
+#[get("/q/0/json")]
+fn json0(data: &State<AppState>) -> Redirect {
     let id = random_question_id(&data.database_distribution);
-
+    Redirect::temporary(format!("/q/{}/json", id))
-    let url = format!("/q/{}", id);
-
-    Ok(HttpResponse::TemporaryRedirect()
-        .header(header::LOCATION, url.as_str())
-        .finish())
 }
 
-fn main() {
+#[get("/")]
-    std::env::set_var("RUST_LOG", "actix_web=info");
+fn index(data: &State<AppState>) -> Redirect {
-    env_logger::init();
+    let id = random_question_id(&data.database_distribution);
-
+    Redirect::temporary(format!("/q/{}", id))
-    let options: Options = serde_json::from_value(json!({
+}
-        "read_only": true,
+
-        "no_lock": true,
+#[catch(404)]
-    }))
+fn not_found(_req: &rocket::Request) -> WebError {
-    .expect("options json parse");
+    WebError::not_found()
-
+}
-    let storage = Storage::new("db", options).expect("db open");
+
-
+#[catch(500)]
-    HttpServer::new(move || {
+fn server_error(_req: &rocket::Request) -> WebError {
-        let mut data = AppState {
+    WebError::server_error()
-            storage: storage.clone(),
+}
-            template: compile_templates!("./templates/**/*"),
+
-            database_distribution: Uniform::new(1, 3),
+#[launch]
-        };
+async fn rocket() -> _ {
-        data.database_distribution = get_database_distribution(&data.storage);
+    let state: AppState = async_db::Reader::new(DB_FILENAME)
-        let data = data;
+        .await
-
+        .expect("open db")
-        App::new()
+        .into();
-            .wrap(Logger::default())
+    let cache: TemplateCache = Cache::builder()
-            .data(data)
+        .time_to_idle(Duration::from_secs(15 * 60))
-            .service(actix_files::Files::new("/static", "./static"))
+        .max_capacity(300)
-            .route("/q", web::to(index))
+        .build();
-            .service(
+
-                web::scope("/q")
+    rocket::build()
-                    .service(actix_files::Files::new("/static", "./static"))
+        .manage(state)
-                    .service(
+        .manage(cache)
-                        web::resource("/{id}")
+        .register("/", catchers![not_found, server_error])
-                            .name("question") 
+        .mount(
-                            .guard(guard::Get())
+            "/",
-                            .to(show_question),
+            routes![
-                    )
+                index,
-                    .service(
+                json_question,
-                        web::resource("/{id}/a/")
+                show_question,
-                            .name("answer") 
+                show_answer,
-                            .guard(guard::Get())
+                question0,
-                            .to(show_answer),
+                answer0,
-                    )
+                json0
-                    .route("/", web::to(index))
+            ],
-            )
+        )
-            .route("/", web::to(index))
+        .mount("/q", routes![index])
-    })
+        .mount("/q/static", FileServer::new("static/", Options::None))
-    .bind("0.0.0.0:8088")
+        .attach(Template::fairing())
-    .expect("HttpServer::bind to 8088")
-    .run()
-    .expect("HttpServer::run");
 }

static/style.css

@@ -11,7 +11,6 @@ body {
 }
 
 .footer {
-    widows: 100%;
     text-align: center;
     z-index: -1;
 }
@@ -22,4 +21,18 @@ details {
 
 #details {
     text-align: justify;
+}
+
+.nav-link {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    padding-top: 0px;
+    padding-bottom: 0px;
+}
+
+.navbar {
+    margin-top: 0px;
+    margin-bottom: 0px;
+    padding-top: 0px;
+    padding-bottom: 0px;
 }

templates/404.html

@@ -1,5 +0,0 @@
-{% extends "base.html" %}
-{% block title %}404{% endblock title %}
-{% block content %}
-  <h1>404 - Could not find that page</h1>
-{% endblock content %}

templates/404.html.tera

@@ -0,0 +1,13 @@
+{% extends "base" %}
+{% block title %}404{% endblock title %}
+{% block nav %} 
+{% endblock nav %}
+{% block content %}
+  <div class="content-block">
+    <div class="content-block-inner mt-4 px-4 py-2 fs-1 top-50 start-50 translate-middle">
+  <h1 class="display-4 d-flex justify-content-center text-center fw-bold">404</h1>
+  <br/>
+  <p>Нет такой страницы &#128532;</p>
+  </div>
+  </div>
+{% endblock content %}

templates/500.html.tera

@@ -0,0 +1,13 @@
+{% extends "base" %}
+{% block title %}500{% endblock title %}
+{% block nav %} 
+{% endblock nav %}
+{% block content %}
+  <div class="content-block">
+    <div class="content-block-inner mt-4 px-4 py-2 fs-1 top-50 start-50 translate-middle">
+  <h1 class="display-4 d-flex justify-content-center text-center fw-bold">500</h1>
+  <br/>
+  <p>&#128558; Ой, кажется у нас тут что то сломалось...</p>
+  </div>
+  </div>
+{% endblock content %}

templates/answer.html

@@ -1,48 +0,0 @@
-{% extends "base.html" %} {% block title %} Ответ {% endblock title %} {% block nav %}
-<li class="nav-item"><a class="nav-link text-primary" href="/q/{{ next }}">Ещё</a></li>
-{% endblock nav %} {% block content %}
-<!-- <h1>{{ id }}</h1> -->
-<div class="content-block">
-    <div id="question" class="content-block-inner">
-        <p>
-            <font color="#544669">
-                <h4> {{ description }} </h4>
-            </font>
-        </p>
-    </div>
-</div><br />
-<div class="content-block">
-    <div id="answer" class="content-block-inner">
-        <hr/>
-        <p>
-            <!-- <h2> Ответ: </h2> -->
-            <h1 class="d-flex justify-content-center text-center">{{ answer }}</h1>
-        </p>
-        <hr/><br><br/>
-        <details>
-            <div id="details">
-                {% if comment | length or comment1 | length %}
-                <p><span>Комментарии:</span> {% if comment | length %} {{ comment }} {% endif %} {% if comment1 | length %}
-                    <br/> {{ comment1 }} {% endif %}
-                </p>
-                {% endif %} {% if author | length %}
-                <p><span>Автор: </span> {{ author }}</p>
-                {% endif %} {% if copyright | length %}
-                <p><span>Копирайт: </span> {{ copyright }}</p>
-                {% endif %} {% if source | length %}
-                <p><span>Источник: </span> {{ source }}</p>
-                {% endif %} {% if theme | length %}
-                <p><span>Тема: </span> {{ theme }}</p>
-                {% endif %} {% if rating | length %}
-                <p><span>Рейтинг: </span> {{ author }}</p>
-                {% endif %} {% if batch_info.description | length %}
-                <p><span>Чемпионат: </span> {{ batch_info.description }}</p>
-                {% endif %} {% if tour | length %}
-                <p><span>Тур: </span> {{ tour }}</p>
-                {% endif %} {% if id | length %}
-                <p><span>Номер: </span> {{ id }}</p>
-                {% endif %}
-            </div>
-        </details>
-    </div>
-    <br /> {% endblock content %}

templates/answer.html.tera

@@ -0,0 +1,61 @@
+{% extends "base" %} {% block title %} Ответ {% endblock title %}
+{% block nav %} 
+<li class="nav-item"><a class="nav-link text-primary" href="/q/{{ next }}">Ещё</a></li>
+{% endblock nav %}
+{% block content %}
+<!-- <h1>{{ id }}</h1> -->
+<div class="content-block">
+    <div id="question" class="content-block-inner">
+        <p>
+            <h4 class="text-muted"> {{ description }} </h4>
+        </p>
+    </div>
+</div><br />
+<div class="content-block">
+    <div id="answer" class="content-block-inner">
+        <div class="mt-2 px-2 py-1 shadow rounded">        
+            <!-- <h2> Ответ: </h2>  -->
+            <h1 class="display-4 d-flex justify-content-center text-center">{{ answer }}</h1>
+        </div><br><br/><details>
+        <div id="details">
+            {% if comment | length or comment1 | length %}
+            <p><span>Комментарии:</span>
+                {% if comment | length %}
+                {{ comment }}
+                {% endif %}
+                {% if comment1 | length %}
+                <br/>
+                {{ comment1 }}
+                {% endif %}
+            </p>
+            {% endif %}
+            {% if author | length %}
+            <p><span>Автор: </span> {{ author }}</p>
+            {% endif %}
+            {% if copyright | length %}
+            <p><span>Копирайт: </span> {{ copyright }}</p>
+            {% endif %}
+            {% if source | length %}
+            <p><span>Источник: </span> {{ source }}</p>
+            {% endif %}
+            {% if theme | length %}
+            <p><span>Тема: </span> {{ theme }}</p>
+            {% endif %}
+            {% if rating | length %}
+            <p><span>Рейтинг: </span> {{ rating }}</p>
+            {% endif %}
+            {% if batch_info.description | length %}
+            <p><span>Чемпионат: </span> {{ batch_info.description }}</p>
+            {% endif %}
+            {% if tour | length %}
+            <p><span>Тур: </span> {{ tour }}</p>
+            {% endif %}
+            {% if id | length %}
+            <p><span>Номер: </span> {{ id }}</p>
+            {% endif %}
+            <br/>
+            <p class="text-muted"> Показать как <a href="/q/{{ num }}/json">json</a></p>
+        </div></details>
+    </div>
+    <br />
+    {% endblock content %}

templates/base.html

@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html>
-
-<head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" type="text/css" href="/q/static/bootstrap.min.css">
-    <link rel="stylesheet" type="text/css" href="/q/static/style.css" />
-    <title>{% block title %}{% endblock title %}</title>
-</head>
-
-<body>
-    <header>
-        <nav class="navbar navbar-expand-sm container sticky-top navbar-light justify-content-center">
-            <ul class="nav navbar-nav">
-                {% include "nav.html" %} {% block nav %}{% endblock nav %}
-            </ul>
-        </nav>
-        <hr/>
-    </header>
-    <article>
-        <div id="content" class="container">{% block content %}{% endblock content %}</div>
-    </article>
-    <footer class="footer fixed-bottom">
-        <hr/>
-        <p class="text-secondary">Источник: <a class="text-secondary" href="https://db.chgk.info/">db.chgk.info</a></p>
-    </footer>
-    <!-- Yandex.Metrika counter -->
-    <script type="text/javascript">
-        (function(d, w, c) {
-            (w[c] = w[c] || []).push(function() {
-                try {
-                    w.yaCounter48214757 = new Ya.Metrika2({
-                        id: 48214757,
-                        clickmap: true,
-                        trackLinks: true,
-                        accurateTrackBounce: true,
-                        trackHash: true,
-                        ut: "noindex"
-                    });
-                } catch (e) {}
-            });
-            var n = d.getElementsByTagName("script")[0],
-                s = d.createElement("script"),
-                f = function() {
-                    n.parentNode.insertBefore(s, n);
-                };
-            s.type = "text/javascript";
-            s.async = true;
-            s.src = "https://mc.yandex.ru/metrika/tag.js";
-            if (w.opera == "[object Opera]") {
-                d.addEventListener("DOMContentLoaded", f, false);
-            } else {
-                f();
-            }
-        })(document, window, "yandex_metrika_callbacks2");
-    </script> <noscript><div><img src="https://mc.yandex.ru/watch/48214757?ut=noindex" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
-    <!-- /Yandex.Metrika counter -->
-</body>
-
-</html>

templates/base.html.tera

@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <link rel="stylesheet" type="text/css" href="/q/static/bootstrap.min.css">
+  <link rel="stylesheet" type="text/css" href="/q/static/style.css" />
+  <title>{% block title %}{% endblock title %}</title>
+</head>
+<body>
+    <header class="shadow-sm rounded-bottom">
+    <nav class="navbar navbar-expand-sm container sticky-top navbar-light justify-content-center">
+    <ul class="nav navbar-nav">
+    {% include "nav" %}
+    {% block nav %}{% endblock nav %}
+    </ul>
+    </nav>
+    </header>
+    <article class="mb-5 pb-5">
+    <div id="content" class="container">{% block content %}{% endblock content %}</div>
+    </article>
+<footer class="footer fixed-bottom shadow-lg rounded-top">
+<p class="my-0 py-0 text-secondary">Источник: <a class="text-secondary" href="https://db.chgk.info/">db.chgk.info</a></p>
+</footer>
+<!-- Yandex.Metrika counter --> <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter48214757 = new Ya.Metrika2({ id:48214757, clickmap:true, trackLinks:true, accurateTrackBounce:true, trackHash:true, ut:"noindex" }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/tag.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks2"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/48214757?ut=noindex" style="position:absolute; left:-9999px;" alt="" /></div></noscript> <!-- /Yandex.Metrika counter -->
+</body>
+</html>

templates/question.html

@@ -1,20 +0,0 @@
-{% extends "base.html" %} {% block title %} Вопрос {% endblock title %} {% block nav %}
-<li class="nav-item"><a class="nav-link text-primary" href="/q/{{ next }}">Ещё</a></li>
-{% endblock nav %} {% block content %}
-<!-- <h1>{{ id }}</h1> -->
-<div class="content-block">
-    <div id="question" class="content-block-inner">
-        <p>
-            <h3> {{ description }} </h3>
-        </p>
-    </div>
-</div>
-<br/>
-<br/>
-<br/>
-<details>
-    <summary>Ответ</summary><br/>
-    <a class="btn btn-dark" href="/q/{{ num }}/a/">Показать ответ</a>
-</details>
-
-{% endblock content %}

templates/question.html.tera

@@ -0,0 +1,18 @@
+{% extends "base" %} {% block title %} Вопрос {% endblock title %} 
+{% block nav %} 
+<li class="nav-item"><a class="nav-link text-primary" href="/q/{{ next }}">Ещё</a></li>
+{% endblock nav %}
+{% block content %}
+<!-- <h1>{{ id }}</h1> -->
+<div class="content-block"><div id="question" class="content-block-inner">
+<p>
+    <h3> {{ description }} </h3>
+</p>
+</div></div>
+<br/>
+<br/>
+<br/>
+<div class="justify-content-center text-center">
+<a class="btn btn-dark shadow" href="/q/{{ num }}/a/">Показать ответ</a>
+</div>
+{% endblock content %}