embeded pandora mobile view
This commit is contained in:
commit
b420bf43b7
45 changed files with 3437 additions and 0 deletions
77
app/templates/:u
Normal file
77
app/templates/:u
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
{% extends "base.html" %}
|
||||
{% block head %}
|
||||
<link rel="stylesheet" href="css/reset.css"></link>
|
||||
<link rel="stylesheet" href="css/style.css"></link>
|
||||
{% endblock %}
|
||||
{% block content %}
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: turquoise;
|
||||
}
|
||||
.add-comment {
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
text-align: center;
|
||||
}
|
||||
.add-comment input {
|
||||
width: 100px;
|
||||
}
|
||||
.add-comment textarea {
|
||||
width: 80vw;
|
||||
display: block;
|
||||
background: black;
|
||||
color: white;
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.add-comment button {
|
||||
background: red;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.comment .text {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<div class="item">
|
||||
<iframe src="{{ item.url }}" frameborder="0" allowfullscreen style="border:0;padding:0;margin:0;width:100%;height:100vh"></iframe>
|
||||
</div>
|
||||
<div class="comments">
|
||||
{% for comment in item.public_comments %}
|
||||
<div class="comment">
|
||||
<div class="name">{{ comment.name }}</div>
|
||||
<div class="date">{{ comment.date }}</div>
|
||||
<div class="text">{{ comment.text }}</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="add-comment">
|
||||
{% if request.user.is_anonymous %}
|
||||
<input name="name" type="text" placeholder="your name"></input>
|
||||
<input name="email" type="email" placeholder="your email"></input>
|
||||
<br>
|
||||
{% endif %}
|
||||
{% csrf_token %}
|
||||
<textarea name="text" placeholder="your comment"></textarea>
|
||||
<button id="add-comment">Add comment</button>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block end %}
|
||||
<script src="/static/js/utils./static/js"></script>
|
||||
<script src="/static/js/api./static/js"></script>
|
||||
<script src="/static/js/icons./static/js"></script>
|
||||
<script src="/static/js/VideoElement./static/js"></script>
|
||||
<script src="/static/js/VideoPlayer./static/js"></script>
|
||||
<script src="/static/js/documents./static/js"></script>
|
||||
<script src="/static/js/edits./static/js"></script>
|
||||
<script src="/static/js/item./static/js"></script>
|
||||
<script src="/static/js/render./static/js"></script>
|
||||
<script src="/static/js/main./static/js"></script>
|
||||
|
||||
<script src="/static/js/comments./static/js"></script>
|
||||
{% endblock %}
|
||||
25
app/templates/archive.html
Normal file
25
app/templates/archive.html
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
{% for item in items %}
|
||||
<div class="item">
|
||||
<a href="{{ item.url }}">
|
||||
<h1>{{ item.title }}</h1>
|
||||
<figure>
|
||||
<img src={{ item.icon }}>
|
||||
<figcaption>
|
||||
{{ item.data.title }}
|
||||
{% if item.data.description %}
|
||||
<br>
|
||||
{{ item.data.description }}
|
||||
{% endif %}
|
||||
</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<div class="description">
|
||||
{{ item.description | safe}}
|
||||
</div>
|
||||
<a href="{{ item.get_absolute_url }}">{{ item.public_comments.count }} comments</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endblock %}
|
||||
|
||||
15
app/templates/base.html
Normal file
15
app/templates/base.html
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
{% block head %}
|
||||
{% endblock %}
|
||||
{% block main %}
|
||||
<div class="content">
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block end %}
|
||||
{% endblock %}
|
||||
|
||||
|
||||
44
app/templates/index.html
Normal file
44
app/templates/index.html
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
{% extends "base.html" %}
|
||||
{% block content %}
|
||||
<style>
|
||||
img {
|
||||
max-width: 100%;
|
||||
}
|
||||
h1 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
figure {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.content {
|
||||
max-width: 1000px;
|
||||
margin: auto;
|
||||
}
|
||||
</style>
|
||||
{% for item in items %}
|
||||
<div class="item">
|
||||
<a href="{{ item.get_absolute_url }}">
|
||||
<h1>{{ item.title }}</h1>
|
||||
<figure>
|
||||
<img src={{ item.icon }}>
|
||||
<figcaption>
|
||||
{{ item.data.title }}
|
||||
{% if item.data.description %}
|
||||
<br>
|
||||
{{ item.data.description }}
|
||||
{% endif %}
|
||||
</figcaption>
|
||||
</figure>
|
||||
</a>
|
||||
<div class="description">
|
||||
{{ item.description | safe }}
|
||||
</div>
|
||||
<a href="{{ item.get_absolute_url }}">{{ item.public_comments.count }} comments</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% if archive %}
|
||||
<a href="/archive/">older items</a>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
77
app/templates/item.html
Normal file
77
app/templates/item.html
Normal file
|
|
@ -0,0 +1,77 @@
|
|||
{% extends "base.html" %}
|
||||
{% block head %}
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: turquoise;
|
||||
}
|
||||
.add-comment {
|
||||
width: 100%;
|
||||
height: 30vh;
|
||||
text-align: center;
|
||||
}
|
||||
.add-comment input {
|
||||
width: 100px;
|
||||
}
|
||||
.add-comment textarea {
|
||||
width: 80%;
|
||||
display: block;
|
||||
background: black;
|
||||
color: white;
|
||||
margin: auto;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
.add-comment button {
|
||||
background: red;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.comment .text {
|
||||
white-space: pre-line;
|
||||
}
|
||||
|
||||
</style>
|
||||
<link rel="stylesheet" href="/static/css/reset.css"></link>
|
||||
<link rel="stylesheet" href="/static/css/style.css"></link>
|
||||
{% endblock %}
|
||||
{% block main %}
|
||||
<div class="content">
|
||||
</div>
|
||||
<div class="add-comment" style="display: none">
|
||||
{% if request.user.is_anonymous %}
|
||||
<input name="name" type="text" placeholder="your name"></input>
|
||||
<input name="email" type="email" placeholder="your email"></input>
|
||||
<br>
|
||||
{% endif %}
|
||||
{% csrf_token %}
|
||||
<textarea name="text" placeholder="your comment"></textarea>
|
||||
<button id="add-comment">Add comment</button>
|
||||
</div>
|
||||
{% endblock %}
|
||||
{% block end %}
|
||||
<script>
|
||||
var comments = {{ item.public_comments_json|safe }};
|
||||
</script>
|
||||
<script src="/static/js/utils.js"></script>
|
||||
<script src="/static/js/api.js"></script>
|
||||
<script src="/static/js/icons.js"></script>
|
||||
<script src="/static/js/VideoElement.js"></script>
|
||||
<script src="/static/js/VideoPlayer.js"></script>
|
||||
<script src="/static/js/documents.js"></script>
|
||||
<script src="/static/js/edits.js"></script>
|
||||
<script src="/static/js/item.js"></script>
|
||||
<script src="/static/js/render.js"></script>
|
||||
|
||||
<script>
|
||||
pandora.url = new URL('{{ item.url|escapejs }}');
|
||||
pandora.comment = '{{ item.id | escapejs }}';
|
||||
pandora.hostname = pandora.url.hostname
|
||||
pandoraURL = `https://${pandora.hostname}`
|
||||
</script>
|
||||
<script src="/static/js/overwrite.js"></script>
|
||||
|
||||
<script src="/static/js/main.js"></script>
|
||||
<script src="/static/js/comments.js"></script>
|
||||
{% endblock %}
|
||||
16
app/templates/item2.html
Normal file
16
app/templates/item2.html
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<!DOCTYPE html>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<div class="content"></div>
|
||||
<link rel="stylesheet" href="css/reset.css"></link>
|
||||
<link rel="stylesheet" href="css/style.css"></link>
|
||||
<script src="js/utils.js"></script>
|
||||
<script src="js/api.js"></script>
|
||||
<script src="js/icons.js"></script>
|
||||
<script src="js/VideoElement.js"></script>
|
||||
<script src="js/VideoPlayer.js"></script>
|
||||
<script src="js/documents.js"></script>
|
||||
<script src="js/edits.js"></script>
|
||||
<script src="js/item.js"></script>
|
||||
<script src="js/render.js"></script>
|
||||
<script src="js/main.js"></script>
|
||||
Loading…
Add table
Add a link
Reference in a new issue