petr.plachy
/
Ubytovani
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

boostrap + galerie + stranky page

master
petr 5 years ago
parent
2e6fd8497c
commit
811cd03dd7
4 changed files with 86 additions and 85 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 56
      galeri/templates/galeri/galeri_page.html
  2. 57
      stranky/templates/stranky/stranky_page.html
  3. 16
      ubytovani/static/css/ubytovani.css
  4. 42
      ubytovani/templates/base.html

56
galeri/templates/galeri/galeri_page.html
View File

@ -1,33 +1,6 @@
<style>
body{
background-color: antiquewhite;
}
h2,h1,h3,h4,p{
text-align: center;
}
.stran{
width: 60%;
height: auto;
background-color: rgb(240, 219, 162);
margin-left: auto;
margin-right: auto;
}
img {
display: block;
margin-left: auto;
margin-right: auto }
.intro{
margin-left: auto;
margin-right: auto;
}
</style>
{% extends "base.html" %}
@ -36,21 +9,23 @@
{% block body_class %}template-blogpage{% endblock %}
{% block content %}
<div class="stran">
<p><a href="{{ page.get_parent.url }}">Return to blog</a></p>
<h1>{{ page.title }}</h1>
<p class="meta">{{ page.date }}</p>
<div class="intro">{{ page.intro }}</div>
{{ page.body|richtext }}
<br>
<p><a href="{{ page.get_parent.url }}">Return to blog</a></p>
<h1>{{ page.title }}</h1>
<p class="meta">{{ page.date }}</p>
<div class="intro">{{ page.intro }}</div>
{{ page.body|richtext }}
{% for item in page.gallery_images.all %}
<div style="float: right; margin: 28px">
<div style="float: left; margin: 5px">
{% image item.image fill-320x240 %}
<p>{{ item.caption }}</p>
</div>
@ -60,4 +35,3 @@
</div>

57
stranky/templates/stranky/stranky_page.html
View File

@ -1,37 +1,4 @@
<style>
body{
background-color: antiquewhite;
}
h2,h1,h3,h4,p{
text-align: center;
}
.stran{
width: 60%;
height: auto;
background-color: rgb(240, 219, 162);
margin-left: auto;
margin-right: auto;
}
img {
display: block;
margin-left: auto;
margin-right: auto }
.mapa{
width: 600px;
margin-left: auto;
margin-right: auto;
}
</style>
<div class="stran">
{% extends "base.html" %}
@ -40,16 +7,14 @@
{% block body_class %}template-blogpage{% endblock %}
{% block content %}
<p><a href="{{ page.get_parent.url }}">Return to blog</a></p>
<h1>{{ page.title }}</h1>
<div class="intro">{{ page.intro }}</div>
{{ page.body|richtext }}
<br>
<div class="mapa"><iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2544.62179209428!2d14.302552115894034!3d50.37360640077979!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470bda2ecf564eb3%3A0x9759674ea4200e63!2sCtin%C4%9Bves%2036%2C%20413%2001%20Ctin%C4%9Bves!5e0!3m2!1scs!2scz!4v1606335849321!5m2!1scs!2scz" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe></div>
<br>
{% for item in page.gallery_images.all %}
<div class="row featurette">
<div class="col-md-7">
<h1>{{ page.title }}</h1>
{{ page.body|richtext }}
</div>
<div class="col-md-5">
{% for item in page.gallery_images.all %}
<div style="float: center; margin: 10px">
{% image item.image fill-600x400 %}
<p>{{ item.caption }}</p>
@ -59,4 +24,12 @@
{% endblock %}
</div>
</div>
<hr class="featurette-divider">

16
ubytovani/static/css/ubytovani.css
View File

@ -0,0 +1,16 @@
main > .container {
padding: 60px 15px 0;
}
.footer {
background-color: #f5f5f5;
}
.footer > .container {
padding-right: 15px;
padding-left: 15px;
}
code {
font-size: 80%;
}

42
ubytovani/templates/base.html
View File

@ -1,7 +1,7 @@
{% load static wagtailuserbar %}
<!DOCTYPE html>
<html class="no-js" lang="en">
<html class="no-js h-100" lang="en">
<head>
<meta charset="utf-8" />
<title>
@ -18,7 +18,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
{# Global stylesheets #}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="{% static 'css/ubytovani.css' %}">
{% block extra_css %}
{# Override this in templates to add extra stylesheets #}
@ -27,8 +29,44 @@
<body class="{% block body_class %}{% endblock %}">
{% wagtailuserbar %}
<header>
<!-- Fixed navbar -->
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
<a class="navbar-brand" href="/">Ubytování</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarCollapse">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/kontakty/">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/kontakty/">Link</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/galerie/">Link</a>
</li>
</ul>
<form class="form-inline mt-2 mt-md-0">
<input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>
</div>
</nav>
</header>
<main role="main" class="flex-shrink-0">
<div class="container">
{% block content %}{% endblock %}
{% block content %}{% endblock %}
</div>
</main>
<footer class="footer mt-auto py-3">
<div class="container">
<span class="text-muted">Place sticky footer content here.</span>
</div>
</footer>
{# Global javascript #}
<script type="text/javascript" src="{% static 'js/ubytovani.js' %}"></script>

Write Preview
Loading…
Cancel
Save