Improve template
This commit is contained in:
parent
c66f8d9456
commit
35f60676de
1 changed files with 28 additions and 15 deletions
|
@ -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>
|
||||||
|
|
Loading…
Reference in a new issue