[HTML/TXT] Render exported message count at the bottom

Closes #249
This commit is contained in:
Alexey Golub
2020-01-11 18:03:07 +02:00
parent e1f83997aa
commit 539f57f455
7 changed files with 82 additions and 18 deletions

View File

@@ -1,4 +1,4 @@
/* === GENERAL === */
/* === General === */
@font-face {
font-family: Whitney;
@@ -102,7 +102,7 @@ img {
height: 2rem;
}
/* === INFO === */
/* === Preamble === */
.info {
display: flex;
@@ -144,11 +144,10 @@ img {
margin-top: 2px;
}
/* === CHATLOG === */
/* === Chatlog === */
.chatlog {
max-width: 100%;
margin-bottom: 24px;
}
.chatlog__message-group {
@@ -365,4 +364,12 @@ img {
line-height: 1.3;
position: relative;
top: -.2em;
}
/* Postamble */
.postamble {
margin: 24px 5px 10px 5px;
padding: 16px;
border-top: 1px solid;
}

View File

@@ -1,4 +1,4 @@
/* === GENERAL === */
/* === General === */
body {
background-color: #36393e;
@@ -30,7 +30,7 @@ a {
color: #7289da;
}
/* === INFO === */
/* === Preamble === */
.info__guild-name {
color: #ffffff;
@@ -44,7 +44,7 @@ a {
color: #ffffff;
}
/* === CHATLOG === */
/* === Chatlog === */
.chatlog__message-group {
border-color: rgba(255, 255, 255, 0.1);
@@ -113,4 +113,14 @@ a {
.chatlog__reaction-count {
color: rgba(255, 255, 255, 0.3);
}
/* === Postamble === */
.postamble {
border-color: rgba(255, 255, 255, 0.1);
}
.postamble__info {
color: #ffffff;
}

View File

@@ -48,7 +48,7 @@
</head>
<body>
{{~ # Info ~}}
{{~ # Preamble ~}}
<div class="info">
<div class="info__guild-icon-container">
<img class="info__guild-icon" src="{{ Context.Guild.IconUrl }}" />
@@ -80,5 +80,12 @@
{{~ %SPLIT% ~}}
</div>
{{~ # Postamble ~}}
<div class="postamble">
<div class="postamble__info">
Exported {{ MessageCount | object.format "N0" }} message(s)
</div>
</div>
</body>
</html>

View File

@@ -1,4 +1,4 @@
/* === GENERAL === */
/* === General === */
body {
background-color: #ffffff;
@@ -32,7 +32,7 @@ a {
color: #7289da;
}
/* === INFO === */
/* === Preamble === */
.info__guild-name {
color: #2f3136;
@@ -46,7 +46,7 @@ a {
color: #2f3136;
}
/* === CHATLOG === */
/* === Chatlog === */
.chatlog__message-group {
border-color: #eceeef;
@@ -116,4 +116,14 @@ a {
.chatlog__reaction-count {
color: #747f8d;
}
/* === Postamble === */
.postamble {
border-color: #eceeef;
}
.postamble__info {
color: #2f3136;
}