adelgado/mastodon_email_bridge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
mastodon_email_bridge/templates/new_post.html.j2

174 lines
7.2 KiB
Text
Raw Normal View History

Add initial files
2024-08-02 17:06:21 +02:00
<!doctype html>
<html lang="{{ data['language'] }}">
<head>
<meta charset="utf-8"/>
</head>
<style>
Improve template
2024-08-02 18:31:15 +02:00
body { background-color: black; color: #999;}
reduce margins
2024-08-02 17:53:38 +02:00
p { }
div { margin: 1%; }
Improve template
2024-08-02 18:31:15 +02:00
/* 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;
}
Add initial files
2024-08-02 17:06:21 +02:00
</style>
<BODY>
Update template
2024-08-03 11:39:53 +02:00
{% if data['url'] != "" %}
<!-- URL -->
<DIV>
<A TARGET="_blank" HREF="{{ data['url'] }}">Post original page</A>
</DIV>
{% endif %}
Add initial files
2024-08-02 17:06:21 +02:00
<!-- account bloc -->
<DIV>
Improve template
2024-08-02 18:31:15 +02:00
<A HREF="{{ data['account']['url'] }}" TARGET="_blank"></A>
<IMG ALT="{{ data['account']['display_name'] }} avatar image" SRC="{{ data['account']['avatar_static'] }}" STYLE="width:64px;height:64px;margin:1%;float: left;">
<B>{{ data['account']['display_name'] }} ({{ data['account']['username'] }})</B>
</A>
Add initial files
2024-08-02 17:06:21 +02:00
</DIV>
<!-- creation_date -->
<DIV STYLE='font-size: 0.75em;'>
{{ data['created_at'] }}
</DIV>
<!-- content block -->
Improve template
2024-08-02 18:31:15 +02:00
<DIV STYLE='font-size: 1.5em;'>
Add initial files
2024-08-02 17:06:21 +02:00
<!-- spoiler -->
<DIV CLASS='item-spoiler'>
{{ data['spoiler'] }}
</DIV>
<!-- item-content -->
<DIV CLASS='item-content' STYLE="margin:5%;">
{{ data['content'] }}
<!-- media -->
{% if data['media_attachments'] %}
{% for media in data['media_attachments'] %}
<DIV STYLE="margin:2%;">
{% 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 %}
</DIV>
{% endfor %}
{% endif %}
Update template
2024-08-03 11:39:53 +02:00
{% if data['reply'] %}
<!-- reply -->
<DIV STYLE="margin:5%;">
<DIV>
<A TARGET="_blank" HREF="{{ data['reply']['url'] }}">Reply original page</A>
</DIV>
<!-- reply-account -->
<DIV>
<A HREF="{{ data['reply']['account']['url'] }}" TARGET="_blank"></A>
<IMG ALT="{{ data['reply']['account']['display_name'] }} avatar image" SRC="{{ data['reply']['account']['avatar_static'] }}" STYLE='width:64px;height:64px;margin:1%;float: left;'>
<B>{{ data['reply']['account']['display_name'] }} ({{ data['reply']['account']['username'] }})</B>
</A>
</DIV>
<!-- reply_creation_date -->
<DIV STYLE='font-size: 0.75em;'>
{{ data['reply']['created_at'] }}
</DIV>
<!-- reply_content_bloc -->
<DIV STYLE='font-size: 1.5em;'>
<!-- reply_spoiler -->
<DIV CLASS='reply-spoiler'>
{{ data['reply']['spoiler'] }}
</DIV>
<!-- reply_content -->
<DIV CLASS='reply-content'>
{{ data['reply']['content'] }}
<!-- media -->
{% if data['reply']['media_attachments'] %}
{% for media in data['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>
{% endif %}
Add initial files
2024-08-02 17:06:21 +02:00
{% if data['reblog'] %}
<!-- reblog -->
<DIV STYLE="margin:5%;">
Update template
2024-08-03 11:39:53 +02:00
<DIV>
<A TARGET="_blank" HREF="{{ data['reblog']['url'] }}">Reply original page</A>
</DIV>
Add initial files
2024-08-02 17:06:21 +02:00
<!-- reblog-account -->
<DIV>
Improve template
2024-08-02 18:31:15 +02:00
<A HREF="{{ data['reblog']['account']['url'] }}" TARGET="_blank"></A>
<IMG ALT="{{ data['reblog']['account']['display_name'] }} avatar image" SRC="{{ data['reblog']['account']['avatar_static'] }}" STYLE='width:64px;height:64px;margin:1%;float: left;'>
<B>{{ data['reblog']['account']['display_name'] }} ({{ data['reblog']['account']['username'] }})</B>
</A>
Add initial files
2024-08-02 17:06:21 +02:00
</DIV>
<!-- reblog_creation_date -->
<DIV STYLE='font-size: 0.75em;'>
{{ data['reblog']['created_at'] }}
</DIV>
<!-- reblog_content_bloc -->
Improve template
2024-08-02 18:31:15 +02:00
<DIV STYLE='font-size: 1.5em;'>
Add initial files
2024-08-02 17:06:21 +02:00
<!-- 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 -->
Improve template
2024-08-02 18:31:15 +02:00
<DIV STYLE="margin-top:15%;font-size:0.75em;">
Add initial files
2024-08-02 17:06:21 +02:00
Raw JSON data:
<PRE>{{ json_raw }}</PRE>
</DIV>
</BODY>
Reference in a new issue Copy permalink