203 lines
8.5 KiB
Django/Jinja
203 lines
8.5 KiB
Django/Jinja
{% set time = imp0rt( 'time' ) %}
|
|
<!doctype html>
|
|
<html lang="{{ data['language'] }}">
|
|
<head>
|
|
<meta charset="utf-8"/>
|
|
</head>
|
|
<style>
|
|
body { background-color: black; color: #999;}
|
|
p { }
|
|
div {
|
|
margin: 1%;
|
|
{# border-style: dashed; #}
|
|
}
|
|
/* unvisited link */
|
|
a:link {
|
|
color: blueviolet;
|
|
}
|
|
/* visited link */
|
|
a:visited {
|
|
color: #040;
|
|
}
|
|
/* mouse over link */
|
|
a:hover {
|
|
color: hotpink;
|
|
}
|
|
/* selected link */
|
|
a:active {
|
|
color: blue;
|
|
}
|
|
</style>
|
|
<BODY>
|
|
{% if data['url'] != "" %}
|
|
<!-- URL -->
|
|
<A TARGET="_blank" HREF="{{ data['url'] }}">Post original page</A>
|
|
{% endif %}
|
|
<!-- creation_date -->
|
|
<P STYLE='font-size: 12px;'>
|
|
{% set created_date = time.strptime(data['created_at'], '%Y-%m-%dT%H:%M:%S.%fZ') %}
|
|
{{ time.strftime('%Y-%m-%d %H:%M:%S %zUTC', created_date) }}
|
|
</P>
|
|
|
|
<!-- account bloc -->
|
|
<TABLE>
|
|
<TR>
|
|
<TD>
|
|
<A HREF="{{ data['account']['url'] }}" TARGET="_blank">
|
|
<IMG ALT="{{ data['account']['display_name'] }} avatar image" SRC="{{ data['account']['avatar_static'] }}" STYLE="width:64px;height:64px;margin:1%;float: left;">
|
|
</A>
|
|
</TD>
|
|
<TD>
|
|
<A HREF="{{ data['account']['url'] }}" TARGET="_blank">
|
|
<B>{{ data['account']['display_name'] }} ({{ data['account']['acct'] }})</B>
|
|
</A>
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<!-- content block -->
|
|
<DIV STYLE='font-size: 24px;'>
|
|
{% if data['spoiler'] != "" and data['spoiler'] != null %}
|
|
<!-- spoiler -->
|
|
<DIV CLASS='item-spoiler'>
|
|
{{ data['spoiler'] }}
|
|
</DIV>
|
|
{% endif %}
|
|
<!-- item-content -->
|
|
<DIV CLASS='item-content' STYLE="margin:0.5%;background-color:#111;padding:0.5%;">
|
|
{{ data['content'] }}
|
|
<!-- media -->
|
|
{% if data['media_attachments'] %}
|
|
{% for media in data['media_attachments'] %}
|
|
{% if media['type'] == 'image' -%}
|
|
<IMG SRC="{{ media['preview_url'] }}" ALT="{{ media['description'] }}">
|
|
{% elif media['type'] == 'video' or media['type'] == 'gifv' -%}
|
|
<video controls height="50%">
|
|
<source src="{{ media['url'] }}" type="video/webm" />
|
|
<A HREF="{{ media['url'] }}">Download video</A>
|
|
</video>
|
|
{% elif media['type'] == 'audio' -%}
|
|
<audio controls src="{{ media['url'] }}"></audio>
|
|
<A HREF="{{ media['url'] }}">Download audio</A>
|
|
{%- endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if data['meb_reply_to'] %}
|
|
{% for reply in data['meb_reply_to'] %}
|
|
<!-- reply -->
|
|
<A TARGET="_blank" HREF="{{ reply['url'] }}">Reply original page</A>
|
|
<!-- creation_date -->
|
|
<P STYLE='font-size: 12px;'>
|
|
{% set reply_created_date = time.strptime(reply['created_at'], '%Y-%m-%dT%H:%M:%S.%fZ') %}
|
|
{{ time.strftime('%Y-%m-%d %H:%M:%S %zUTC', reply_created_date) }}
|
|
</P>
|
|
|
|
<DIV STYLE="margin:1%;">
|
|
<!-- reply-account -->
|
|
<TABLE>
|
|
<TR>
|
|
<TD>
|
|
<A HREF="{{ reply['account']['url'] }}" TARGET="_blank">
|
|
<IMG ALT="{{ reply['account']['display_name'] }} avatar image" SRC="{{ reply['account']['avatar_static'] }}" STYLE="width:64px;height:64px;margin:1%;float: left;">
|
|
</A>
|
|
</TD>
|
|
<TD>
|
|
<A HREF="{{ reply['account']['url'] }}" TARGET="_blank">
|
|
<B>{{ reply['account']['display_name'] }} ({{ reply['account']['acct'] }})</B>
|
|
</A>
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<!-- reply_content_bloc -->
|
|
<DIV STYLE='font-size: 24px;'>
|
|
<!-- reply_spoiler -->
|
|
<DIV CLASS='reply-spoiler'>
|
|
{{ reply['spoiler'] }}
|
|
</DIV>
|
|
<!-- reply_content -->
|
|
<DIV CLASS='reply-content'>
|
|
{{ reply['content'] }}
|
|
<!-- media -->
|
|
{% if reply['media_attachments'] %}
|
|
{% for media in reply['media_attachments'] %}
|
|
{% if media['type'] == 'image' %}
|
|
<IMG SRC="{{ media['preview_url'] }}" ALT="{{ media['description'] }}">
|
|
{% elif media['type'] == 'video' %}
|
|
<video controls width="100%">
|
|
<source src="{{ media['url'] }}" type="video/webm" />
|
|
<A HREF="{{ media['url'] }}">Download video</A>
|
|
</video>
|
|
{% elif media['type'] == 'audio' %}
|
|
<audio controls src="{{ media['url'] }}"></audio>
|
|
<A HREF="{{ media['url'] }}">Download audio</A>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
</DIV>
|
|
</DIV>
|
|
</DIV>
|
|
{% endfor %}
|
|
{% endif %}
|
|
{% if data['reblog'] %}
|
|
<!-- reblog -->
|
|
<DIV STYLE="margin:1%;">
|
|
<!-- reply -->
|
|
<A TARGET="_blank" HREF="{{ data['reblog']['url'] }}">Reply original page</A>
|
|
<!-- creation_date -->
|
|
<P STYLE='font-size: 12px;'>
|
|
{% set reblog_created_date = time.strptime(data['reblog']['created_at'], '%Y-%m-%dT%H:%M:%S.%fZ') %}
|
|
{{ time.strftime('%Y-%m-%d %H:%M:%S %zUTC', reblog_created_date) }}
|
|
</P>
|
|
<!-- reblog-account -->
|
|
<TABLE>
|
|
<TR>
|
|
<TD>
|
|
<A HREF="{{ data['reblog']['account']['url'] }}" TARGET="_blank">
|
|
<IMG ALT="{{ data['reblog']['account']['display_name'] }} avatar image" SRC="{{ data['reblog']['account']['avatar_static'] }}" STYLE="width:64px;height:64px;margin:1%;float: left;">
|
|
</A>
|
|
</TD>
|
|
<TD>
|
|
<A HREF="{{ data['reblog']['account']['url'] }}" TARGET="_blank">
|
|
<B>{{ data['reblog']['account']['display_name'] }} ({{ data['reblog']['account']['acct'] }})</B>
|
|
</A>
|
|
</TD>
|
|
</TR>
|
|
</TABLE>
|
|
<!-- reblog_content_bloc -->
|
|
<DIV STYLE='font-size: 24px;'>
|
|
<!-- reblog_spoiler -->
|
|
<DIV CLASS='reblog-spoiler'>
|
|
{{ data['reblog']['spoiler'] }}
|
|
</DIV>
|
|
<!-- reblog_content -->
|
|
<DIV CLASS='reblog-content'>
|
|
{{ data['reblog']['content'] }}
|
|
<!-- media -->
|
|
{% if data['reblog']['media_attachments'] %}
|
|
{% for media in data['reblog']['media_attachments'] %}
|
|
{% if media['type'] == 'image' %}
|
|
<IMG SRC="{{ media['preview_url'] }}" ALT="{{ media['description'] }}">
|
|
{% elif media['type'] == 'video' %}
|
|
<video controls width="100%">
|
|
<source src="{{ media['url'] }}" type="video/webm" />
|
|
<A HREF="{{ media['url'] }}">Download video</A>
|
|
</video>
|
|
{% elif media['type'] == 'audio' %}
|
|
<audio controls src="{{ media['url'] }}"></audio>
|
|
<A HREF="{{ media['url'] }}">Download audio</A>
|
|
{% endif %}
|
|
{% endfor %}
|
|
{% endif %}
|
|
</DIV>
|
|
</DIV>
|
|
</DIV>
|
|
{% endif %}
|
|
</DIV>
|
|
</DIV>
|
|
{# <!-- card -->{{ data['card'] }} #}
|
|
<!-- Raw JSON data
|
|
<DIV STYLE="margin-top:15%;font-size: 12px;">
|
|
Raw JSON data:
|
|
<PRE>{{ json_raw }}</PRE>
|
|
</DIV>
|
|
-->
|
|
</BODY>
|