Improve template

This commit is contained in:
Antonio J. Delgado 2024-08-02 19:31:15 +03:00
parent c66f8d9456
commit 35f60676de

View file

@ -4,27 +4,44 @@
<meta charset="utf-8"/> <meta charset="utf-8"/>
</head> </head>
<style> <style>
body { background-color: black; color: #999;}
p { } p { }
div { margin: 1%; } div { margin: 1%; }
/* 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> </style>
<BODY> <BODY>
<!-- account bloc --> <!-- account bloc -->
<DIV> <DIV>
<IMG ALT="{{ data['account']['display_name'] }} avatar image" SRC="{{ data['account']['avatar_static'] }}" STYLE="width:46px;height:46px;margin:1%;"> <A HREF="{{ data['account']['url'] }}" TARGET="_blank"></A>
</BR> <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> <B>{{ data['account']['display_name'] }} ({{ data['account']['username'] }})</B>
</A>
</DIV> </DIV>
<!-- creation_date --> <!-- creation_date -->
<DIV STYLE='font-size: 0.75em;'> <DIV STYLE='font-size: 0.75em;'>
{{ data['created_at'] }} {{ data['created_at'] }}
</DIV> </DIV>
<!-- content block --> <!-- content block -->
<DIV STYLE='font-size: 2.5em;'> <DIV STYLE='font-size: 1.5em;'>
<!-- spoiler --> <!-- spoiler -->
<DIV CLASS='item-spoiler'> <DIV CLASS='item-spoiler'>
{{ data['spoiler'] }} {{ data['spoiler'] }}
</DIV> </DIV>
</BR>
<!-- item-content --> <!-- item-content -->
<DIV CLASS='item-content' STYLE="margin:5%;"> <DIV CLASS='item-content' STYLE="margin:5%;">
{{ data['content'] }} {{ data['content'] }}
@ -51,21 +68,21 @@
<DIV STYLE="margin:5%;"> <DIV STYLE="margin:5%;">
<!-- reblog-account --> <!-- reblog-account -->
<DIV> <DIV>
<IMG ALT='{{ data['reblog']['account']['display_name'] }} avatar image' SRC='{{ data['reblog']['account']['avatar_static'] }}' STYLE='width:46px;height:46px;margin:1%'> <A HREF="{{ data['reblog']['account']['url'] }}" TARGET="_blank"></A>
</BR> <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> <B>{{ data['reblog']['account']['display_name'] }} ({{ data['reblog']['account']['username'] }})</B>
</A>
</DIV> </DIV>
<!-- reblog_creation_date --> <!-- reblog_creation_date -->
<DIV STYLE='font-size: 0.75em;'> <DIV STYLE='font-size: 0.75em;'>
{{ data['reblog']['created_at'] }} {{ data['reblog']['created_at'] }}
</DIV> </DIV>
<!-- reblog_content_bloc --> <!-- reblog_content_bloc -->
<DIV STYLE='font-size: 2.5em;'> <DIV STYLE='font-size: 1.5em;'>
<!-- reblog_spoiler --> <!-- reblog_spoiler -->
<DIV CLASS='reblog-spoiler'> <DIV CLASS='reblog-spoiler'>
{{ data['reblog']['spoiler'] }} {{ data['reblog']['spoiler'] }}
</DIV> </DIV>
</BR>
<!-- reblog_content --> <!-- reblog_content -->
<DIV CLASS='reblog-content'> <DIV CLASS='reblog-content'>
{{ data['reblog']['content'] }} {{ data['reblog']['content'] }}
@ -96,12 +113,8 @@
<A TARGET="_blank" HREF="{{ data['url'] }}">Post original page</A> <A TARGET="_blank" HREF="{{ data['url'] }}">Post original page</A>
</DIV> </DIV>
{# <!-- card -->{{ data['card'] }} #} {# <!-- card -->{{ data['card'] }} #}
</BR>
</BR>
</BR>
</BR>
<!-- Raw JSON data --> <!-- Raw JSON data -->
<DIV> <DIV STYLE="margin-top:15%;font-size:0.75em;">
Raw JSON data: Raw JSON data:
<PRE>{{ json_raw }}</PRE> <PRE>{{ json_raw }}</PRE>
</DIV> </DIV>