Commander1024/lostplaces-backend
1
0
Fork 0
Code Issues 14 Pull Requests Releases Wiki Activity

Merge remote-tracking branch 'origin/master'

Browse Source
This commit is contained in:
Marcus Scholz
2020-07-27 20:35:10 +02:00
parent acfdcd99ba ea5a230e43
commit 3f2ad1ca19
5 changed files with 198 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
source/lostplaces/lostplaces_app/static/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 264 KiB

BIN
source/lostplaces/lostplaces_app/static/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

147
source/lostplaces/lostplaces_app/static/main.css
View File

@@ -9,13 +9,21 @@
.LP-Link .LP-Text:hover {
color: #C09F80; }
.LP-Link__IconWrapper {
display: inline; }
.LP-Headline {
font-family: "Trebuchet MS", Helvetica, sans-serif;
color: #565656;
font-size: 1.7rem;
padding-top: 0px;
margin-top: 0px;
padding-bottom: 0.2rem; }
padding-bottom: 0px;
margin-bottom: 0px; }
.LP-Headline--main {
position: relative;
top: 2rem;
font-size: 2rem; }
.LP-Headline--inline {
display: inline; }
@@ -44,7 +52,11 @@
object-fit: contain; }
.LP-Content {
padding: 15px; }
padding: 35px; }
@media (max-width: 1290px) {
.LP-Content {
padding: 15px; } }
.LP-TextSection .LP-Text {
line-height: 1.4rem; }
@@ -86,9 +98,10 @@
padding: 0;
margin: 0; }
.LP-SecurityMeasure__List .LP-SecurityMeasure__Item {
margin: 0 5px;
padding: 5px 8px;
background-color: #D7CEC7; }
margin: 0 8px;
padding: 8px 14px;
background-color: #D7CEC7;
border-radius: 2px; }
.LP-SecurityMeasure__List .LP-SecurityMeasure__Item .LP-Text {
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 1.2rem; }
@@ -179,33 +192,111 @@
height: 168px;
width: 280px; }
.LP-LinkList__List {
list-style-type: none;
display: grid;
grid-template-columns: repeat(auto-fit, 300px);
margin: 0;
padding: 0; }
.LP-LinkList__List .LP-LinkList__Item {
border-left: 1px solid #C09F80;
width: 100%;
margin-top: 12px;
height: 55px; }
.LP-LinkList__List .LP-LinkList__Item .LP-Link {
padding: 1em 0 1em 1em;
width: calc(100% - $-link-padding);
display: block;
color: #565656; }
.LP-LinkList__List .LP-LinkList__Item .LP-Link--iconized {
padding-top: 0;
padding-bottom: 1.1em; }
.LP-LinkList__List .LP-LinkList__Item .LP-Link--iconized:hover {
background-color: #ccc !important; }
.LP-LinkList__List .LP-LinkList__Item .LP-Link:hover {
background-color: #f9f9f9;
color: #76323F; }
.LP-LinkList__List .LP-LinkList__Item .LP-Link .LP-Text {
color: inherit; }
.LP-Link__Icon {
width: 2em;
height: 2em;
fill: #76323F;
line-height: 5em; }
.LP-LinkList__Item .LP-Link__Icon {
position: relative;
top: .7em;
margin-right: .6em; }
.LP-Footer {
margin-top: 75px;
width: 100%;
background-color: #565656;
padding: 25px; }
.LP-Footer .LP-LinkList__List {
display: flex;
align-items: center;
justify-content: center; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item {
border: none;
padding: 5px;
width: auto; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Text {
color: #f9f9f9;
font-size: 17px; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link {
display: inline; }
.LP-Footer .LP-LinkList__List .LP-LinkList__Item .LP-Link:hover {
background-color: inherit; }
.LP-MainContainer {
margin: 0 auto;
max-width: 1280px; }
.LP-PlaceOverview .LP-PlaceOverview__Info {
margin-bottom: 40px; }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOveriew__Image {
width: 600px;
height: 400px;
box-shadow: 0 0 10px #565656;
object-fit: cover;
float: right;
margin-left: 35px;
margin-bottom: 35px; }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOverView__Description {
padding: 0 25px;
position: relative;
top: -15px; }
.LP-HorizontalLine {
color: #565656; }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOveriew__Image {
width: 700px;
height: 450px;
box-shadow: 0 0 10px #565656;
object-fit: cover;
float: right;
margin-left: 35px;
margin-bottom: 35px; }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOverView__Description {
padding: 0px;
position: relative;
top: -15px; }
.LP-PlaceOverview .LP-PlaceOverView__ImageList {
list-style-type: none;
display: flex;
flex-wrap: wrap; }
.LP-PlaceOverview .LP-PlaceOverView__ImageList .LP-PlaceOverView__ImageItem {
padding: 15px; }
.LP-PlaceOverview .LP-PlaceOverView__ImageList .LP-PlaceOverView__ImageItem img {
box-shadow: 0 0 5px #565656;
height: 200px;
width: 300px;
object-fit: cover; }
display: grid;
grid-template-columns: repeat(auto-fit, 300px);
margin: 0px;
padding: 0px; }
.LP-PlaceOverview .LP-PlaceOverView__ImageList .LP-PlaceOverView__ImageItem img {
box-shadow: 0 0 5px #565656;
height: 200px;
width: 290px;
object-fit: cover;
margin-top: 10px; }
@media (max-width: 1290px) {
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-TextSection {
margin-top: -100px; }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-Headline {
position: relative;
top: -400px;
margin-bottom: 100px;
width: 100vw;
display: block; }
.LP-PlaceOverview .LP-PlaceOverview__Info .LP-PlaceOveriew__Image {
float: none;
width: calc(100vw - 30px);
margin: 0;
padding: 0;
margin-left: 7px; } }

11
source/lostplaces/lostplaces_app/templates/global.html
View File

@@ -5,12 +5,19 @@
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="{% static 'main.css' %}">
<title>Preview</title>
<link rel="icon" type="image/png" href="{% static 'favicon.ico' %}">
<title>
{% if title%}
{{title}}|UrbEx
{% else %}
Urban Exploration
{% endif %}
</title>
</head>
<body>
<header class="LP-Header">
<div class="LP-Header__Logo">
<a href="LP-Link" href="#">
<a class="LP-Link" href="#">
<img class="LP-Logo" src="{% static 'logo.png' %}" />
</a>
</div>

115
source/lostplaces/lostplaces_app/templates/placeOverview.html
View File

@@ -1,28 +1,23 @@
{% extends 'global.html'%}
{% load static %}
{% block maincontent %}
<article class="LP-PlaceOverview">
<div class="LP-PlaceOverview__Info">
<img class="LP-PlaceOveriew__Image" src="/images/Bildschirmfoto_von_2020-07-13_20-15-00.png">
<article class="LP-PlaceOverView__Description">
<article class="LP-TextSection LP-Content">
<h1 class="LP-Headline">{{place.name}}</h1>
<p class="LP-Text">{{place.description}}</p>
</article>
</article>
</div>
<article>
<a class="LP-Link" href="https://www.google.com/maps?q={{place.latitude}},{{place.longitude}}" target="blank"><span class="LP-Text">Google Maps</span></a>
<a class="LP-Link" href="https://www.tim-online.nrw.de/tim-online2/?center={{place.latitude}},{{place.longitude}}&icon=true&bg=dop" target="blank"><span class="LP-Text">TIM Online (GER/NRW Only)</span></a>
<a class="LP-Link" href="http://www.openstreetmap.org/?mlat={{place.latitude}}&mlon={{place.longitude}}&zoom=16" target="blank"><span class="LP-Text">Open Street Map</span></a>
<div class="LP-PlaceOverview__Info">
<img class="LP-PlaceOveriew__Image" src="{% static 'images/Bildschirmfoto_von_2020-07-13_20-15-00.png' %}">
<article class="LP-PlaceOverView__Description">
<div class="LP-TextSection">
<h1 class="LP-Headline LP-Headline--main">{{place.name}}</h1>
<p class="LP-Text LP-Content">{{place.description}}</p>
</div>
</article>
<article>
<h1 class="LP-Headline">Sicherheitsmaßnahmen</h1>
</div>
<article>
<h2 class="LP-Headline LP-Headline">Sicherheitsmaßnahmen</h2>
<div class="LP-Content">
<ul class="LP-SecurityMeasure__List">
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Kameras</span></li>
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Zaun</span></li>
@@ -30,32 +25,62 @@
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Alarmanlage</span></li>
<li class="LP-SecurityMeasure__Item"><span class="LP-Text">Selbstschussanlage</span></li>
</ul>
</article>
<ul class="LP-PlaceOverView__ImageList">
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_11-03-07.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/photo_2020-05-02_18-11-21.jpg"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_11-03-07.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_20-15-00.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_11-03-07.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/photo_2020-05-02_18-11-21.jpg"></a>
</li>
</ul>
<h1 class="LP-Headline">Lade deine Bilder hoch</h1>
<form>
<input type="file" />
</form>
</div>
</article>
<article>
<h2 class="LP-Headline LP-Headline">Karten</h2>
<div class="LP-Content">
<ul class="LP-LinkList__List">
<li class="LP-LinkList__Item"><a target="_blank" href="https://www.google.com/maps?q={{place.latitude}},{{place.longitude}}" class="LP-Link"><span class="LP-Text">Google Maps</span></a></li>
<li class="LP-LinkList__Item"><a target="_blank" href="https://www.tim-online.nrw.de/tim-online2/?center={{place.latitude}},{{place.longitude}}&icon=true&bg=dop" class="LP-Link"><span class="LP-Text">TIM Online</span></a></li>
<li class="LP-LinkList__Item"><a target="_blank" href="http://www.openstreetmap.org/?mlat={{place.latitude}}&mlon={{place.longitude}}&zoom=16" class="LP-Link"><span class="LP-Text">OSM</span></a></li>
</ul>
</div>
</article>
<article>
<h2 class="LP-Headline LP-Headline">Fotoalben</h2>
<div class="LP-Content">
<ul class="LP-LinkList__List">
<li class="LP-LinkList__Item"><a target="_blank" href="https://gallery.commander1024.de/index.php?/category/verlassenes-wohnhaus-mesum" class="LP-Link"><span class="LP-Text">Commander1024</span></a></li>
<li class="LP-LinkList__Item"><a href="#" class="LP-Link LP-Link--iconized">
<div class="LP-Link__IconWrapper">
<svg class="LP-Link__Icon" version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512"
xml:space="preserve">
<g>
<path d="M492,236H276V20c0-11.046-8.954-20-20-20c-11.046,0-20,8.954-20,20v216H20c-11.046,0-20,8.954-20,20s8.954,20,20,20h216
v216c0,11.046,8.954,20,20,20s20-8.954,20-20V276h216c11.046,0,20-8.954,20-20C512,244.954,503.046,236,492,236z" />
</g>
</svg>
</div>
<span class="LP-Text">Album hinzufügen</span></a></li>
</ul>
</div>
</article>
<article class="">
<h2 class="LP-Headline LP-Headline">Bilder</h2>
<div class=" LP-Content">
<ul class="LP-PlaceOverView__ImageList">
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="{% static 'images/Bildschirmfoto_von_2020-07-13_11-03-07.png' %}"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="{% static 'images/photo_2020-05-02_18-11-21.jpg' %}"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="{% static 'images/Bildschirmfoto_von_2020-07-13_11-03-07.png' %}"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="{% static 'images/Bildschirmfoto_von_2020-07-13_20-15-00.png' %}"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="{% static 'images/Bildschirmfoto_von_2020-07-13_11-03-07.png' %}"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="{% static 'images/photo_2020-05-02_18-11-21.jpg' %}"></a>
</li>
</ul>
</div>
</article>
</article>
{% endblock maincontent %}