254 lines
11 KiB
HTML
Executable File
254 lines
11 KiB
HTML
Executable File
{% load static %}
|
||
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<link rel="stylesheet" href="{% static 'loginedtest/style.css' %}">
|
||
<link rel="stylesheet" href="{% static 'first/style.css' %}" />
|
||
<title>Preview</title>
|
||
</head>
|
||
<body>
|
||
<nav class="navbar">
|
||
<div class="container">
|
||
|
||
<div class="navbar__wrap">
|
||
|
||
<div class="hamb">
|
||
<div class="hamb__field" id="hamb">
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
<span class="bar"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="coltxt" onclick="window.location.href='{% url 'home' %}'">
|
||
<div style="width: 100%; font-size: 30px; align-self: center; height: 30px;" class="cool_text">
|
||
<div id="one" style="margin-left: 10px; padding-left: 10px;">E</div>
|
||
<div id="two"><div id="twoo">КАТЕРИНБУРГ</div></div>
|
||
|
||
<div id="three" style="color: blue;">G</div>
|
||
<div id="four"><div id="fourr">UIDE</div></div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="mobile_coltxt" onclick="window.location.href='/'">
|
||
<label>EKB</label><label style="color: blue; padding-left: 0px; margin-left: 10px; margin-right: 10px;">GUIDE</label>
|
||
</div>
|
||
|
||
<ul class="menu" id="menu">
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'history' %}'" {% if papka == 'history'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">И</label>стория</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block history_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'placess' %}'" {% if papka == 'places'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">М</label>еста</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block places_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'celebrity' %}'" {% if papka == 'celebrity'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">З</label>наменитости</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block celebrity_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
<li>
|
||
<span class="activate_dropdown" onclick="window.location.href='{% url 'theaters_and_music' %}'" {% if papka == 'theaters_and_music'%}style="background-color: rgba(75, 75, 225); color: white;"{% endif%}><label style="color:blue">Т</label>еатры и музыка</span>
|
||
<div class="moving_dropdown">
|
||
<div class="move_me_content">
|
||
{% block theaters_and_music_dropdown %}{% endblock %}
|
||
</div>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
</nav>
|
||
|
||
<div class="popup" id="popup"><ul class="menu" id="menu">
|
||
<li style="width: 100%; justify-content: center;">
|
||
<div class="dropdown" style="width: 100%;">
|
||
<button style=" border: none; background-color: white;width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
padding: 20px 0;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
color: black;
|
||
border-top: 2px solid #e2e8f0;
|
||
border-bottom: 2px solid #e2e8f0;
|
||
margin-bottom: 10px;">test dropdown menu</button>
|
||
<div class="dropdown-content" style="background-color: white;">
|
||
<a href="/history">history</a>
|
||
<a href="/places">places</a>
|
||
<a href="/celebrities">celebrities</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
<li><a href="/history">История</a></li>
|
||
<li><a href="/places">Места</a></li>
|
||
<li><a href="/celebrities">Знаменитости</a></li>
|
||
<li><a href="/theaters">Театры и музыка</a></li>
|
||
<li style="width: 100%; justify-content: center;">
|
||
<div class="dropdown" style="width: 100%;">
|
||
<button style=" border: none; background-color: white;width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
padding: 20px 0;
|
||
font-size: 20px;
|
||
font-weight: bold;
|
||
color: black;
|
||
border-top: 2px solid #e2e8f0;
|
||
border-bottom: 2px solid #e2e8f0;
|
||
margin-bottom: 10px;">test dropdown menu</button>
|
||
<div class="dropdown-content">
|
||
<a href="/history">history</a>
|
||
<a href="/places">places</a>
|
||
<a href="/celebrities">celebrities</a>
|
||
</div>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
<main class="main">
|
||
<div class="container">
|
||
<div class="content">
|
||
|
||
<div class="n_bar">
|
||
{% if testthing %}
|
||
|
||
{% for object in testthing %}
|
||
{% if object.0 == 'header' %}
|
||
{% if forloop.counter == 1 %}
|
||
<a href="#hh{{ forloop.counter }}" style="word-wrap: break-word; overflow-wrap: break-word; padding-top: 10px;" class="button2">{{object.1}}</a>
|
||
{% else %}
|
||
<a href="#hh{{ forloop.counter }}" style="word-wrap: break-word; overflow-wrap: break-word;" class="button2">{{object.1}}</a>
|
||
{% endif %}
|
||
{% endif %}
|
||
{% endfor %}
|
||
|
||
{% endif %}
|
||
|
||
</div>
|
||
|
||
<div class="in_content">
|
||
<br>
|
||
<label style="font-size: 40px; width: 40px; margin-top: 20px; word-wrap: break-word;">{% if title %}{{title}}{% else %}Нету названия!{% endif %}
|
||
<hr style="max-width: auto; margin-left: 0px;"></label>
|
||
|
||
|
||
{% if testthing %}
|
||
{% for object in testthing %}
|
||
|
||
{% if object.0 == 'header' %}
|
||
<div id="hh{{ forloop.counter }}"></div>
|
||
{% if forloop.counter == 1 %}
|
||
<div>
|
||
{% else %}
|
||
<br>
|
||
<br>
|
||
<br>
|
||
{% endif %}
|
||
|
||
<label style="font-size: 40px; width: 40px; overflow-wrap: break-word;">{{object.1}}<hr style="max-width: auto; margin-left:0;"></label>
|
||
{% endif %}
|
||
|
||
|
||
|
||
{% if object.0 == 'text' %}
|
||
|
||
|
||
|
||
<br>
|
||
<br>
|
||
|
||
<pre style="max-width: 650px; word-wrap: break-word; text-align: left;font-size: 20px; white-space: pre-wrap;">{{object.1}}</pre>
|
||
{% endif %}
|
||
|
||
|
||
{% if object.0 == 'img' %}
|
||
{% for picture in object.1 %}
|
||
<img src="{% static picture %}" class="img_content" alt="imgg">
|
||
{% endfor %}
|
||
{% endif %}
|
||
|
||
|
||
|
||
|
||
{% endfor %}
|
||
{% endif %}
|
||
|
||
|
||
|
||
|
||
|
||
{% if authtor %}
|
||
<br>
|
||
<label>{{authtor}}</label>
|
||
{% endif %}
|
||
<br>
|
||
{{date}}
|
||
|
||
|
||
|
||
|
||
<br>
|
||
<br>
|
||
<form method="post" action="{% url 'posttodb' %}">
|
||
{% csrf_token %}
|
||
<textarea style="display: none;" name="papka">{{papka}}</textarea>
|
||
|
||
<textarea style="display: none;" name="title">{{title}}</textarea>
|
||
|
||
<textarea style="display: none;" name="authtor">{{authtor}}</textarea>
|
||
<textarea style="display: none;" name="date">{{date}}</textarea>
|
||
<textarea style="display: none;" name="testthing">{{testthing}}</textarea>
|
||
<textarea style="display: none;" name="desc">{{desc}}</textarea>
|
||
<textarea style="display: none;" name="img_preview">{{img_preview}}</textarea>
|
||
<button style="width: 200px;height: 40px; border: none; ">post</button>
|
||
</form>
|
||
<br>
|
||
<br>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</main>
|
||
<script src="{% static 'first/script.js' %}"></script>
|
||
<footer class="footer">
|
||
<div class="container" style="background: #212429;">
|
||
<div class="content">
|
||
<label class="gkod_team_label">Made by <label>Gkod</label> team</label
|
||
><br />
|
||
ggkkoodd@gmail.com
|
||
<br />
|
||
<br />
|
||
<label onclick="window.location.href='/coments'"
|
||
>Форма для обратной связи
|
||
<hr style="max-width: 320px"
|
||
/></label>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html> |