mirrors/DiscordChatExporter
1
0
Fork 0
mirror of https://github.com/Tyrrrz/DiscordChatExporter.git synced 2024-09-19 12:18:48 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions
DiscordChatExporter/DiscordChatExporter.Core/Exporting/PreambleTemplate.cshtml

1041 lines
33 KiB
Text
Raw Permalink Normal View History

Switch from RazorLight to MiniRazor
2020-07-29 13:08:51 -04:00
@using System
@using System.Threading.Tasks
[HTML] Cleanup templates slightly
2021-06-22 07:16:08 -04:00
Migrate from MiniRazor to RazorBlade
2022-11-03 12:56:45 -04:00
@inherits RazorBlade.HtmlTemplate
@functions {
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
public required ExportContext Context { get; init; }
Migrate from MiniRazor to RazorBlade
2022-11-03 12:56:45 -04:00
Make use of the `required` keyword
2022-12-07 20:20:28 -05:00
public required string ThemeName { get; init; }
Migrate from MiniRazor to RazorBlade
2022-11-03 12:56:45 -04:00
}
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
@{
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
string Themed(string darkVariant, string lightVariant) =>
Migrate from MiniRazor to RazorBlade
2022-11-03 12:56:45 -04:00
string.Equals(ThemeName, "Dark", StringComparison.OrdinalIgnoreCase)
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
? darkVariant
: lightVariant;
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
string GetFontUrl(string style, int weight) =>
$"https://cdn.jsdelivr.net/gh/Tyrrrz/DiscordFonts@master/ggsans-{style}-{weight}.woff2";
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
Refactor, rename the concept of "download media" to "download assets", including related mentions
2022-10-29 10:39:53 -04:00
ValueTask<string> ResolveAssetUrlAsync(string url) =>
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
Context.ResolveAssetUrlAsync(url, CancellationToken);
Add markdown support for channel topics in HTML export (#720) Co-authored-by: Alexey Golub <1935960+Tyrrrz@users.noreply.github.com>
2021-10-16 09:29:59 -04:00
Replace the date format option with a locale option (#1130)
2023-09-07 07:34:08 -04:00
string FormatDate(DateTimeOffset instant, string format = "g") =>
Context.FormatDate(instant, format);
Dowload fonts in HTML export when using download media
2022-04-07 13:25:14 -04:00
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
async ValueTask<string> FormatMarkdownAsync(string markdown) =>
Context.Request.ShouldFormatMarkdown
? await HtmlMarkdownVisitor.FormatAsync(Context, markdown, true, CancellationToken)
: markdown;
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
}
<!DOCTYPE html>
<html lang="en">
<head>
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
<title>@Context.Request.Guild.Name - @Context.Request.Channel.Name</title>
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
Clean up
2023-05-19 07:49:31 -04:00
@* Styling *@
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
<style>
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("normal", 400))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
font-weight: 400;
font-style: normal;
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("normal", 500))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
font-weight: 500;
font-style: normal;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("normal", 600))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
font-weight: 600;
font-style: normal;
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("normal", 700))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
font-weight: 700;
font-style: normal;
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("normal", 800))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
font-weight: 800;
font-style: normal;
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("italic", 400))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 400;
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-style: italic;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("italic", 500))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 500;
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-style: italic;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("italic", 600))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 600;
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-style: italic;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("italic", 700))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 700;
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-style: italic;
}
@@font-face {
Quote font URLs in HTML preamble to avoid issues
2023-02-18 13:01:46 -05:00
src: url("@await ResolveAssetUrlAsync(GetFontUrl("italic", 800))");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: gg sans;
font-weight: 800;
font-style: italic;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Fix font sizes in HTML template
2022-04-09 13:08:37 -04:00
html, body {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin: 0;
padding: 0;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
background-color: @Themed("#36393e", "#ffffff");
color: @Themed("#dcddde", "#23262a");
Use the new `gg sans` font
2023-02-18 11:22:27 -05:00
font-family: "gg sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-size: 17px;
font-weight: @Themed("400", "500");
More refactoring around system notifications
2022-09-24 12:54:42 -04:00
scroll-behavior: smooth;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
a {
color: @Themed("#00aff4", "#0068e0");
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
object-fit: contain;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
image-rendering: high-quality;
image-rendering: -webkit-optimize-contrast;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.preamble {
display: grid;
grid-template-columns: auto 1fr;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
max-width: 100%;
Improve top-level spacing in html template
2022-04-08 20:05:54 -04:00
padding: 1rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.preamble__guild-icon-container {
grid-column: 1;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.preamble__guild-icon {
max-width: 88px;
max-height: 88px;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.preamble__entries-container {
grid-column: 2;
Fix font sizes in HTML template
2022-04-09 13:08:37 -04:00
margin-left: 1rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.preamble__entry {
margin-bottom: 0.15rem;
color: @Themed("#ffffff", "#2f3136");
font-size: 1.4rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.preamble__entry--small {
font-size: 1rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Refer to `Category.Name` explicitly instead of relying on `ToString()`
2021-11-19 15:18:15 -05:00
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog {
Improve top-level spacing in html template
2022-04-08 20:05:54 -04:00
padding: 1rem 0;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
width: 100%;
border-top: 1px solid @Themed("rgba(255, 255, 255, 0.1)", "#eceeef");
border-bottom: 1px solid @Themed("rgba(255, 255, 255, 0.1)", "#eceeef");
Align design with Discord (#728)
2021-10-25 14:08:03 -04:00
}
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message-group {
margin-bottom: 1rem;
Add support for timestamp markers Closes #637
2021-07-18 09:04:39 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message-container {
background-color: transparent;
transition: background-color 1s ease;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message-container--highlighted {
background-color: @Themed("rgba(114, 137, 218, 0.2)", "rgba(114, 137, 218, 0.2)");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message-container--pinned {
background-color: @Themed("rgba(249, 168, 37, 0.05)", "rgba(249, 168, 37, 0.05)");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
display: grid;
grid-template-columns: auto 1fr;
Fix font sizes in HTML template
2022-04-09 13:08:37 -04:00
padding: 0.15rem 0;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
direction: ltr;
unicode-bidi: bidi-override;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message:hover {
background-color: @Themed("#32353b", "#fafafa");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message:hover .chatlog__short-timestamp {
display: block;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message-aside {
grid-column: 1;
width: 72px;
padding: 0.15rem 0.15rem 0 0.15rem;
text-align: center;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-symbol {
Fix font sizes in HTML template
2022-04-09 13:08:37 -04:00
height: 10px;
margin: 6px 4px 4px 36px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
border-left: 2px solid @Themed("#4f545c", "#c7ccd1");
border-top: 2px solid @Themed("#4f545c", "#c7ccd1");
border-radius: 8px 0 0 0;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__avatar {
width: 40px;
height: 40px;
border-radius: 50%;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__short-timestamp {
display: none;
color: @Themed("#a3a6aa", "#5e6772");
font-size: 0.75rem;
font-weight: 500;
direction: ltr;
unicode-bidi: bidi-override;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__message-primary {
grid-column: 2;
min-width: 0;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
display: flex;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-bottom: 0.15rem;
align-items: center;
color: @Themed("#b5b6b8", "#5f5f60");
font-size: 0.875rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-avatar {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
width: 16px;
height: 16px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-right: 0.25rem;
border-radius: 50%;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-author {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-right: 0.3rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 600;
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-content {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
overflow: hidden;
text-overflow: ellipsis;
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-link {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
cursor: pointer;
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-link * {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
display: inline;
pointer-events: none;
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-link .chatlog__markdown-quote {
Render quotes inline in referenced messages in HTML
2022-06-28 14:02:11 -04:00
display: inline;
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-link .chatlog__markdown-pre {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
display: inline;
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-link:hover {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
color: @Themed("#ffffff", "#2f3136");
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-link:hover *:not(.chatlog__markdown-spoiler) {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
color: inherit;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__reply-edited-timestamp {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-left: 0.25rem;
color: @Themed("#a3a6aa", "#5e6772");
font-size: 0.75rem;
font-weight: 500;
direction: ltr;
Fix RTL rendering in HTML exports (#727)
2021-10-18 12:18:23 -04:00
unicode-bidi: bidi-override;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
More refactoring around system notifications
2022-09-24 12:54:42 -04:00
.chatlog__system-notification-icon {
width: 18px;
height: 18px;
}
.chatlog__system-notification-author {
font-weight: @Themed("500", "600");
color: @Themed("#ffffff", "#2f3136");
}
.chatlog__system-notification-content {
Fix styles for system notifications in HTML
2022-09-14 13:14:30 -04:00
color: @Themed("#96989d", "#5e6772")
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
}
More refactoring around system notifications
2022-09-24 12:54:42 -04:00
.chatlog__system-notification-link {
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
font-weight: 500;
Fix styles for system notifications in HTML
2022-09-14 13:14:30 -04:00
color: @Themed("#ffffff", "#2f3136");
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
}
More refactoring around system notifications
2022-09-24 12:54:42 -04:00
.chatlog__system-notification-timestamp {
margin-left: 0.3rem;
color: @Themed("#a3a6aa", "#5e6772");
font-size: 0.75rem;
font-weight: 500;
direction: ltr;
unicode-bidi: bidi-override;
}
.chatlog__system-notification-timestamp a {
color: inherit;
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__header {
Fix font sizes in HTML template
2022-04-09 13:08:37 -04:00
margin-bottom: 0.1rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__author {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: @Themed("500", "600");
color: @Themed("#ffffff", "#2f3136");
}
Render server cross-posts properly Closes #633
2023-02-09 11:44:24 -05:00
.chatlog__author-tag {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
position: relative;
Fix font sizes in HTML template
2022-04-09 13:08:37 -04:00
top: -0.1rem;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-left: 0.3rem;
padding: 0.05rem 0.3rem;
border-radius: 3px;
background-color: #5865F2;
color: #ffffff;
font-size: 0.625rem;
font-weight: 500;
line-height: 1.3;
}
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
.chatlog__timestamp {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-left: 0.3rem;
color: @Themed("#a3a6aa", "#5e6772");
font-size: 0.75rem;
font-weight: 500;
Fix RTL rendering in HTML exports (#727)
2021-10-18 12:18:23 -04:00
direction: ltr;
unicode-bidi: bidi-override;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Make messages linkable in HTML (#864)
2022-06-09 12:47:00 -04:00
.chatlog__timestamp a {
More refactoring around system notifications
2022-09-24 12:54:42 -04:00
color: inherit;
Make messages linkable in HTML (#864)
2022-06-09 12:47:00 -04:00
}
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
.chatlog__content {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
padding-right: 1rem;
font-size: 0.95rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
word-wrap: break-word;
}
.chatlog__edited-timestamp {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-left: 0.15rem;
color: @Themed("#a3a6aa", "#5e6772");
font-size: 0.75rem;
font-weight: 500;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__attachment {
position: relative;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
width: fit-content;
margin-top: 0.3rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border-radius: 3px;
overflow: hidden;
}
.chatlog__attachment--hidden {
cursor: pointer;
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);
}
.chatlog__attachment--hidden * {
pointer-events: none;
}
.chatlog__attachment-spoiler-caption {
display: none;
position: absolute;
left: 50%;
top: 50%;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
z-index: 999;
padding: 0.4rem 0.8rem;
border-radius: 20px;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
transform: translate(-50%, -50%);
background-color: rgba(0, 0, 0, 0.9);
color: #dcddde;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-size: 0.9rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 600;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
letter-spacing: 0.05rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__attachment--hidden .chatlog__attachment-spoiler-caption {
display: block;
}
.chatlog__attachment--hidden:hover .chatlog__attachment-spoiler-caption {
color: #fff;
}
.chatlog__attachment-media {
max-width: 45vw;
max-height: 500px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
vertical-align: top;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border-radius: 3px;
}
.chatlog__attachment--hidden .chatlog__attachment-media {
filter: blur(44px);
}
.chatlog__attachment-generic {
max-width: 520px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
width: 100%;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
height: 40px;
padding: 10px;
border: 1px solid @Themed("#292b2f", "#ebedef");
border-radius: 3px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
background-color: @Themed("#2f3136", "#f2f3f5");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
overflow: hidden;
}
.chatlog__attachment--hidden .chatlog__attachment-generic {
filter: blur(44px);
}
.chatlog__attachment-generic-icon {
float: left;
width: 30px;
height: 100%;
margin-right: 10px;
}
.chatlog__attachment-generic-size {
color: #72767d;
font-size: 12px;
}
.chatlog__attachment-generic-name {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.chatlog__embed {
display: flex;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-top: 0.3rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
max-width: 520px;
}
.chatlog__embed-color-pill {
flex-shrink: 0;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
width: 0.25rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.chatlog__embed-color-pill--default {
background-color: @Themed("#202225", "rgba(227, 229, 232, 1)");
}
.chatlog__embed-content-container {
display: flex;
flex-direction: column;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
padding: 0.5rem 0.6rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border: 1px solid @Themed("rgba(46, 48, 54, 0.6)", "rgba(204, 204, 204, 0.3)");
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
background-color: @Themed("rgba(46, 48, 54, 0.3)", "rgba(249, 249, 249, 0.3)");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-content {
display: flex;
width: 100%;
}
.chatlog__embed-text {
flex: 1;
}
Fix embed styles in HTML
2022-04-09 13:25:13 -04:00
.chatlog__embed-author-container {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
display: flex;
Update margins in HTML embeds
2022-04-09 13:30:17 -04:00
margin-bottom: 0.5rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
align-items: center;
}
.chatlog__embed-author-icon {
width: 20px;
height: 20px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-right: 0.5rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border-radius: 50%;
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__embed-author {
Fix embed styles in HTML
2022-04-09 13:25:13 -04:00
color: @Themed("#ffffff", "#4f545c");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-size: 0.875rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 600;
Fix RTL rendering in HTML exports (#727)
2021-10-18 12:18:23 -04:00
direction: ltr;
unicode-bidi: bidi-override;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__embed-author-link {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
color: @Themed("#ffffff", "#4f545c");
}
.chatlog__embed-title {
Update margins in HTML embeds
2022-04-09 13:30:17 -04:00
margin-bottom: 0.5rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
color: @Themed("#ffffff", "#4f545c");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-size: 0.875rem;
font-weight: 600;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-description {
color: @Themed("#dcddde", "#2e3338");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-weight: 500;
font-size: 0.85rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-fields {
display: flex;
flex-wrap: wrap;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
gap: 0 0.5rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-field {
flex: 0;
min-width: 100%;
max-width: 506px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
padding-top: 0.6rem;
font-size: 0.875rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-field--inline {
flex: 1;
flex-basis: auto;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
min-width: 50px;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-field-name {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-bottom: 0.2rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
color: @Themed("#ffffff", "#36393e");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-weight: 600;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-field-value {
color: @Themed("#dcddde", "#2e3338");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-weight: 500;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-thumbnail {
flex: 0;
max-width: 80px;
max-height: 80px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-left: 1.2rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border-radius: 3px;
}
Render consecutive twitter embeds as on Closes #695
2022-06-30 13:56:44 -04:00
.chatlog__embed-images {
display: grid;
Simplify CSS
2022-07-01 06:17:13 -04:00
margin-top: 0.6rem;
Render consecutive twitter embeds as on Closes #695
2022-06-30 13:56:44 -04:00
grid-template-columns: repeat(2, 1fr);
Simplify CSS
2022-07-01 06:17:13 -04:00
gap: 0.25rem;
Render consecutive twitter embeds as on Closes #695
2022-06-30 13:56:44 -04:00
}
.chatlog__embed-images--single {
display: block;
}
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
.chatlog__embed-image {
Render consecutive twitter embeds as on Closes #695
2022-06-30 13:56:44 -04:00
object-fit: cover;
object-position: center;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
max-width: 500px;
max-height: 400px;
Render consecutive twitter embeds as on Closes #695
2022-06-30 13:56:44 -04:00
width: 100%;
height: 100%;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border-radius: 3px;
}
.chatlog__embed-footer {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-top: 0.6rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
color: @Themed("#dcddde", "#2e3338");
}
.chatlog__embed-footer-icon {
width: 20px;
height: 20px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-right: 0.2rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
border-radius: 50%;
vertical-align: middle;
}
.chatlog__embed-footer-text {
vertical-align: middle;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-size: 0.75rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 500;
}
Render guild invites in HTML Closes #649
2023-02-14 14:22:07 -05:00
.chatlog__embed-invite-container {
min-width: 320px;
padding: 0.6rem 0.7rem;
border: 1px solid @Themed("rgba(46, 48, 54, 0.6)", "rgba(204, 204, 204, 0.3)");
border-radius: 3px;
background-color: @Themed("rgba(46, 48, 54, 0.3)", "rgba(249, 249, 249, 0.3)");
}
.chatlog__embed-invite-title {
margin: 0 0 0.8rem 0;
color: @Themed("#b9bbbe", "#4f5660");
font-size: 0.75rem;
font-weight: 700;
text-transform: uppercase;
}
.chatlog__embed-invite {
display: flex;
}
.chatlog__embed-invite-guild-icon {
width: 50px;
height: 50px;
border-radius: 0.85rem;
}
.chatlog__embed-invite-info {
margin-left: 1rem;
}
.chatlog__embed-invite-guild-name {
color: @Themed("#ffffff", "#36393e");
font-weight: 600;
}
.chatlog__embed-invite-guild-name a {
color: inherit;
}
.chatlog__embed-invite-channel-icon {
width: 18px;
height: 18px;
vertical-align: bottom;
}
.chatlog__embed-invite-channel-name {
font-size: 0.9rem;
font-weight: 600;
}
Clean up CSS
2023-03-10 09:33:56 -05:00
.chatlog__embed-generic-image {
object-fit: contain;
object-position: left;
max-width: 45vw;
max-height: 500px;
vertical-align: top;
border-radius: 3px;
}
.chatlog__embed-generic-video {
object-fit: contain;
object-position: left;
max-width: 45vw;
max-height: 500px;
vertical-align: top;
border-radius: 3px;
}
.chatlog__embed-generic-gifv {
object-fit: contain;
object-position: left;
max-width: 45vw;
max-height: 500px;
vertical-align: top;
border-radius: 3px;
}
[HTML] Special case Spotify embeds Closes #657
2021-07-22 17:54:00 -04:00
.chatlog__embed-spotify {
border: 0;
}
Add support for Twitch embed projections (#1199)
2024-02-13 11:48:15 -05:00
.chatlog__embed-twitch {
border: 0;
}
[HTML] Special case Spotify embeds Closes #657
2021-07-22 17:54:00 -04:00
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
.chatlog__embed-youtube-container {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-top: 0.6rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__embed-youtube {
border: 0;
border-radius: 3px;
}
Add support for stickers (#802)
2022-02-05 19:26:23 -05:00
.chatlog__sticker {
width: 180px;
height: 180px;
}
.chatlog__sticker--media {
max-width: 100%;
max-height: 100%;
}
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
.chatlog__reactions {
display: flex;
}
.chatlog__reaction {
display: flex;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin: 0.35rem 0.1rem 0.1rem 0;
padding: 0.125rem 0.375rem;
border: 1px solid transparent;
Align design with Discord (#728)
2021-10-25 14:08:03 -04:00
border-radius: 8px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
background-color: @Themed("#2f3136", "#f2f3f5");
align-items: center;
Align design with Discord (#728)
2021-10-25 14:08:03 -04:00
}
.chatlog__reaction:hover {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
border: 1px solid @Themed("hsla(0,0%,100%,.2)", "rgba(0, 0, 0, 0.2)");
Align design with Discord (#728)
2021-10-25 14:08:03 -04:00
background-color: @Themed("transparent", "white");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.chatlog__reaction-count {
min-width: 9px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-left: 0.35rem;
Align design with Discord (#728)
2021-10-25 14:08:03 -04:00
color: @Themed("#b9bbbe", "#4f5660");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
font-size: 0.875rem;
Align design with Discord (#728)
2021-10-25 14:08:03 -04:00
}
.chatlog__reaction:hover .chatlog__reaction-count {
color: @Themed("#dcddde", "#2e3338");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__markdown {
max-width: 100%;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
line-height: 1.3;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
overflow-wrap: break-word;
}
Add support for headers in markdown
2023-05-22 04:05:14 -04:00
.chatlog__markdown h1 {
Add support for lists in markdown
2023-05-22 07:14:17 -04:00
margin: 1rem 0 0.5rem;
Add support for headers in markdown
2023-05-22 04:05:14 -04:00
color: @Themed("#f2f3f5", "#060607");
font-size: 1.5rem;
line-height: 1;
}
.chatlog__markdown h2 {
Add support for lists in markdown
2023-05-22 07:14:17 -04:00
margin: 1rem 0 0.5rem;
Add support for headers in markdown
2023-05-22 04:05:14 -04:00
color: @Themed("#f2f3f5", "#060607");
font-size: 1.25rem;
line-height: 1;
}
.chatlog__markdown h3 {
Add support for lists in markdown
2023-05-22 07:14:17 -04:00
margin: 1rem 0 0.5rem;
Add support for headers in markdown
2023-05-22 04:05:14 -04:00
color: @Themed("#f2f3f5", "#060607");
font-size: 1rem;
line-height: 1;
}
.chatlog__markdown h1:first-child, h2:first-child, h3:first-child {
margin-top: 0.5rem;
}
Add support for lists in markdown
2023-05-22 07:14:17 -04:00
.chatlog__markdown ul, ol {
margin: 0 0 0 1rem;
padding: 0;
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__markdown-preserve {
white-space: pre-wrap;
}
.chatlog__markdown-spoiler {
background-color: @Themed("rgba(255, 255, 255, 0.1)", "rgba(0, 0, 0, 0.1)");
Add support for different formats in the timestamp markdown node Closes #662
2023-02-12 09:12:41 -05:00
padding: 0 2px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
border-radius: 3px;
}
.chatlog__markdown-spoiler--hidden {
cursor: pointer;
background-color: @Themed("#202225", "#b9bbbe");
color: rgba(0, 0, 0, 0);
}
.chatlog__markdown-spoiler--hidden:hover {
background-color: @Themed("rgba(32, 34, 37, 0.8)", "rgba(185, 187, 190, 0.8)");
}
.chatlog__markdown-spoiler--hidden::selection {
color: rgba(0, 0, 0, 0);
}
.chatlog__markdown-quote {
display: flex;
margin: 0.05rem 0;
}
.chatlog__markdown-quote-border {
margin-right: 0.5rem;
border: 2px solid @Themed("#4f545c", "#c7ccd1");
border-radius: 3px;
}
.chatlog__markdown-pre {
background-color: @Themed("#2f3136", "#f9f9f9");
font-family: "Consolas", "Courier New", Courier, monospace;
Fix rendering of code blocks in HTML
2022-06-28 14:18:57 -04:00
font-size: 0.85rem;
Fix a few HTML rendering issues
2023-02-15 19:11:52 -05:00
text-decoration: inherit;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
}
.chatlog__markdown-pre--multiline {
Fix rendering of code blocks in HTML
2022-06-28 14:18:57 -04:00
display: block;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
margin-top: 0.25rem;
padding: 0.5rem;
border: 2px solid @Themed("#282b30", "#f3f3f3");
border-radius: 5px;
color: @Themed("#b9bbbe", "#657b83");
}
.chatlog__markdown-pre--multiline.hljs {
Fix rendering of code blocks in HTML
2022-06-28 14:18:57 -04:00
background-color: @Themed("#2f3136", "#f9f9f9");
color: @Themed("#b9bbbe", "#657b83");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
}
.chatlog__markdown-pre--inline {
Fix rendering of code blocks in HTML
2022-06-28 14:18:57 -04:00
display: inline-block;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
padding: 2px;
border-radius: 3px;
}
Spaces in css rules
2022-04-09 13:37:12 -04:00
.chatlog__markdown-mention {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
border-radius: 3px;
padding: 0 2px;
background-color: @Themed("rgba(88, 101, 242, .3)", "rgba(88, 101, 242, .15)");
color: @Themed("#dee0fc", "#505cdc");
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
font-weight: 500;
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
.chatlog__markdown-mention:hover {
background-color: #5865f2;
color: #ffffff
}
Spaces in css rules
2022-04-09 13:37:12 -04:00
.chatlog__markdown-timestamp {
Add support for different formats in the timestamp markdown node Closes #662
2023-02-12 09:12:41 -05:00
background-color: @Themed("rgba(255, 255, 255, 0.1)", "rgba(0, 0, 0, 0.1)");
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
padding: 0 2px;
Add support for different formats in the timestamp markdown node Closes #662
2023-02-12 09:12:41 -05:00
border-radius: 3px;
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
}
.chatlog__emoji {
width: 1.325rem;
height: 1.325rem;
margin: 0 0.06rem;
vertical-align: -0.4rem;
}
.chatlog__emoji--small {
width: 1rem;
height: 1rem;
}
.chatlog__emoji--large {
width: 2.8rem;
height: 2.8rem;
}
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
.postamble {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
padding: 1.25rem;
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
.postamble__entry {
color: @Themed("#ffffff", "#2f3136");
}
</style>
Clean up
2023-05-19 07:49:31 -04:00
@* Syntax highlighting *@
Migrate from MiniRazor to RazorBlade
2022-11-03 12:56:45 -04:00
<link rel="stylesheet" href="@await ResolveAssetUrlAsync($"https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/solarized-{ThemeName.ToLowerInvariant()}.min.css")">
Refactor, rename the concept of "download media" to "download assets", including related mentions
2022-10-29 10:39:53 -04:00
<script src="@await ResolveAssetUrlAsync("https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js")"></script>
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
<script>
document.addEventListener('DOMContentLoaded', () => {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
document.querySelectorAll('.chatlog__markdown-pre--multiline').forEach(e => hljs.highlightBlock(e));
Add support for stickers (#802)
2022-02-05 19:26:23 -05:00
});
</script>
Clean up
2023-05-19 07:49:31 -04:00
@* Lottie animation support *@
Refactor, rename the concept of "download media" to "download assets", including related mentions
2022-10-29 10:39:53 -04:00
<script src="@await ResolveAssetUrlAsync("https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.8.1/lottie.min.js")"></script>
Add support for stickers (#802)
2022-02-05 19:26:23 -05:00
<script>
document.addEventListener('DOMContentLoaded', () => {
document.querySelectorAll('.chatlog__sticker--media[data-source]').forEach(e => {
const anim = lottie.loadAnimation({
Make JS in HTML templates more consistent
2022-07-19 09:16:48 -04:00
container: e,
renderer: 'svg',
loop: true,
autoplay: true,
path: e.getAttribute('data-source')
Add support for stickers (#802)
2022-02-05 19:26:23 -05:00
});
Make JS in HTML templates more consistent
2022-07-19 09:16:48 -04:00
anim.addEventListener(
'data_failed',
() => e.innerHTML = '<strong>[Sticker cannot be rendered]</strong>'
Add support for stickers (#802)
2022-02-05 19:26:23 -05:00
);
});
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
});
</script>
Clean up
2023-05-19 07:49:31 -04:00
@* Scripts *@
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
<script>
function scrollToMessage(event, id) {
Make JS in HTML templates more consistent
2022-07-19 09:16:48 -04:00
const element = document.getElementById('chatlog__message-container-' + id);
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
if (!element)
return;
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
event.preventDefault();
element.classList.add('chatlog__message-container--highlighted');
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
window.scrollTo({
top: element.getBoundingClientRect().top - document.body.getBoundingClientRect().top - (window.innerHeight / 2),
behavior: 'smooth'
});
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
Make JS in HTML templates more consistent
2022-07-19 09:16:48 -04:00
window.setTimeout(
() => element.classList.remove('chatlog__message-container--highlighted'),
2000
);
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
}
function showSpoiler(event, element) {
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
if (!element)
return;
if (element.classList.contains('chatlog__attachment--hidden')) {
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
event.preventDefault();
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
element.classList.remove('chatlog__attachment--hidden');
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
}
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
if (element.classList.contains('chatlog__markdown-spoiler--hidden')) {
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
event.preventDefault();
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
element.classList.remove('chatlog__markdown-spoiler--hidden');
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
}
}
</script>
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
Clean up
2023-05-19 07:49:31 -04:00
@* Icons *@
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
<svg style="display: none" xmlns="http://www.w3.org/2000/svg">
<defs>
<symbol id="attachment-icon" viewBox="0 0 720 960">
Refactor
2022-09-13 19:06:11 -04:00
<path fill="#f4f5fb" d="M50,935a25,25,0,0,1-25-25V50A25,25,0,0,1,50,25H519.6L695,201.32V910a25,25,0,0,1-25,25Z" />
<path fill="#7789c4" d="M509.21,50,670,211.63V910H50V50H509.21M530,0H50A50,50,0,0,0,0,50V910a50,50,0,0,0,50,50H670a50,50,0,0,0,50-50h0V191Z" />
<path fill="#f4f5fb" d="M530,215a25,25,0,0,1-25-25V50a25,25,0,0,1,16.23-23.41L693.41,198.77A25,25,0,0,1,670,215Z" />
<path fill="#7789c4" d="M530,70.71,649.29,190H530V70.71M530,0a50,50,0,0,0-50,50V190a50,50,0,0,0,50,50H670a50,50,0,0,0,50-50Z" />
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
</symbol>
Add proper support for more system notifications Closes #844
2023-02-09 12:50:41 -05:00
<symbol id="join-icon" viewBox="0 0 18 18">
<path fill="#3ba55c" d="m0 8h14.2l-3.6-3.6 1.4-1.4 6 6-6 6-1.4-1.4 3.6-3.6h-14.2" />
</symbol>
<symbol id="leave-icon" viewBox="0 0 18 18">
Fix icon for guild join notification and add icon for new threads
2023-02-14 12:31:59 -05:00
<path fill="#ed4245" d="m3.8 8 3.6-3.6-1.4-1.4-6 6 6 6 1.4-1.4-3.6-3.6h14.2v-2" />
</symbol>
<symbol id="call-icon" viewBox="0 0 18 18">
<path fill="#3ba55c" fill-rule="evenodd" d="M17.7163041 15.36645368c-.0190957.02699568-1.9039523 2.6680735-2.9957762 2.63320406-3.0676659-.09785935-6.6733809-3.07188394-9.15694343-5.548738C3.08002193 9.9740657.09772497 6.3791404 0 3.3061316v-.024746C0 2.2060575 2.61386252.3152347 2.64082114.2972376c.7110335-.4971705 1.4917101-.3149497 1.80959713.1372281.19320342.2744561 2.19712724 3.2811005 2.42290565 3.6489167.09884826.1608492.14714912.3554431.14714912.5702838 0 .2744561-.07975258.5770327-.23701117.8751101-.1527655.2902036-.65262318 1.1664385-.89862055 1.594995.2673396.3768148.94804468 1.26429792 2.351016 2.66357424 1.39173858 1.39027775 2.28923588 2.07641807 2.67002628 2.34187563.4302146-.2452108 1.3086162-.74238132 1.5972981-.89423205.5447887-.28682915 1.0907006-.31944893 1.4568885-.08661115.3459689.2182151 3.3383754 2.21027167 3.6225641 2.41611376.2695862.19234426.4144887.5399137.4144887.91672846 0 .2969525-.089862.61190215-.2808189.88523346" />
Add proper support for more system notifications Closes #844
2023-02-09 12:50:41 -05:00
</symbol>
<symbol id="pencil-icon" viewBox="0 0 18 18">
<path fill="#99aab5" d="m0 14.25v3.75h3.75l11.06-11.06-3.75-3.75zm17.71-10.21c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75z" />
</symbol>
<symbol id="pin-icon" viewBox="0 0 18 18">
Refactor
2022-09-13 19:06:11 -04:00
<path fill="#b9bbbe" d="m16.908 8.39684-8.29587-8.295827-1.18584 1.184157 1.18584 1.18584-4.14834 4.1475v.00167l-1.18583-1.18583-1.185 1.18583 3.55583 3.55502-4.740831 4.74 1.185001 1.185 4.74083-4.74 3.55581 3.555 1.185-1.185-1.185-1.185 4.1475-4.14836h.0009l1.185 1.185z" />
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
</symbol>
Render guild invites in HTML Closes #649
2023-02-14 14:22:07 -05:00
<symbol id="channel-icon" viewBox="0 0 24 24">
<path fill="#b9bbbe" d="M5.88657 21C5.57547 21 5.3399 20.7189 5.39427 20.4126L6.00001 17H2.59511C2.28449 17 2.04905 16.7198 2.10259 16.4138L2.27759 15.4138C2.31946 15.1746 2.52722 15 2.77011 15H6.35001L7.41001 9H4.00511C3.69449 9 3.45905 8.71977 3.51259 8.41381L3.68759 7.41381C3.72946 7.17456 3.93722 7 4.18011 7H7.76001L8.39677 3.41262C8.43914 3.17391 8.64664 3 8.88907 3H9.87344C10.1845 3 10.4201 3.28107 10.3657 3.58738L9.76001 7H15.76L16.3968 3.41262C16.4391 3.17391 16.6466 3 16.8891 3H17.8734C18.1845 3 18.4201 3.28107 18.3657 3.58738L17.76 7H21.1649C21.4755 7 21.711 7.28023 21.6574 7.58619L21.4824 8.58619C21.4406 8.82544 21.2328 9 20.9899 9H17.41L16.35 15H19.7549C20.0655 15 20.301 15.2802 20.2474 15.5862L20.0724 16.5862C20.0306 16.8254 19.8228 17 19.5799 17H16L15.3632 20.5874C15.3209 20.8261 15.1134 21 14.8709 21H13.8866C13.5755 21 13.3399 20.7189 13.3943 20.4126L14 17H8.00001L7.36325 20.5874C7.32088 20.8261 7.11337 21 6.87094 21H5.88657ZM9.41045 9L8.35045 15H14.3504L15.4104 9H9.41045Z" />
</symbol>
Fix icon for guild join notification and add icon for new threads
2023-02-14 12:31:59 -05:00
<symbol id="thread-icon" viewBox="0 0 24 24">
<path fill="#b9bbbe" d="M5.43309 21C5.35842 21 5.30189 20.9325 5.31494 20.859L5.99991 17H2.14274C2.06819 17 2.01168 16.9327 2.02453 16.8593L2.33253 15.0993C2.34258 15.0419 2.39244 15 2.45074 15H6.34991L7.40991 9H3.55274C3.47819 9 3.42168 8.93274 3.43453 8.85931L3.74253 7.09931C3.75258 7.04189 3.80244 7 3.86074 7H7.75991L8.45234 3.09903C8.46251 3.04174 8.51231 3 8.57049 3H10.3267C10.4014 3 10.4579 3.06746 10.4449 3.14097L9.75991 7H15.7599L16.4523 3.09903C16.4625 3.04174 16.5123 3 16.5705 3H18.3267C18.4014 3 18.4579 3.06746 18.4449 3.14097L17.7599 7H21.6171C21.6916 7 21.7481 7.06725 21.7353 7.14069L21.4273 8.90069C21.4172 8.95811 21.3674 9 21.3091 9H17.4099L17.0495 11.04H15.05L15.4104 9H9.41035L8.35035 15H10.5599V17H7.99991L7.30749 20.901C7.29732 20.9583 7.24752 21 7.18934 21H5.43309Z" />
<path fill="#b9bbbe" d="M13.4399 12.96C12.9097 12.96 12.4799 13.3898 12.4799 13.92V20.2213C12.4799 20.7515 12.9097 21.1813 13.4399 21.1813H14.3999C14.5325 21.1813 14.6399 21.2887 14.6399 21.4213V23.4597C14.6399 23.6677 14.8865 23.7773 15.0408 23.6378L17.4858 21.4289C17.6622 21.2695 17.8916 21.1813 18.1294 21.1813H22.5599C23.0901 21.1813 23.5199 20.7515 23.5199 20.2213V13.92C23.5199 13.3898 23.0901 12.96 22.5599 12.96H13.4399Z" />
Add HTML formatting for system messages (#926)
2022-09-13 16:51:10 -04:00
</symbol>
</defs>
[HTML] More template cleanup
2021-06-22 13:03:30 -04:00
</svg>
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
</head>
<body>
<div class="preamble">
<div class="preamble__guild-icon-container">
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
<img class="preamble__guild-icon" src="@await ResolveAssetUrlAsync(Context.Request.Channel.IconUrl ?? Context.Request.Guild.IconUrl)" alt="Guild icon" loading="lazy">
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
</div>
<div class="preamble__entries-container">
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
<div class="preamble__entry">@Context.Request.Guild.Name</div>
Remove `Channel.ParentNameWithFallback`
2023-09-07 09:36:29 -04:00
<div class="preamble__entry">@Context.Request.Channel.GetHierarchicalName()</div>
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
@if (!string.IsNullOrWhiteSpace(Context.Request.Channel.Topic))
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
{
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
<div class="preamble__entry preamble__entry--small">@Html.Raw(await FormatMarkdownAsync(Context.Request.Channel.Topic))</div>
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
}
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
@if (Context.Request.After is not null || Context.Request.Before is not null)
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
{
<div class="preamble__entry preamble__entry--small">
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
@if (Context.Request.After is not null && Context.Request.Before is not null)
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
{
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
@($"Between {FormatDate(Context.Request.After.Value.ToDate())} and {FormatDate(Context.Request.Before.Value.ToDate())}")
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
}
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
else if (Context.Request.After is not null)
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
{
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
@($"After {FormatDate(Context.Request.After.Value.ToDate())}")
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
}
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
else if (Context.Request.Before is not null)
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
{
Add option to disable markdown formatting Closes #741
2023-02-15 15:55:17 -05:00
@($"Before {FormatDate(Context.Request.Before.Value.ToDate())}")
Update HTML layout and styles
2022-04-08 18:57:35 -04:00
}
Use Razor instead of Scriban
2020-07-28 15:43:45 -04:00
</div>
}
</div>
</div>
Clean up
2023-05-19 07:49:31 -04:00
@* Preamble cuts off at this point *@
Add HTML minification Closes #345 Closes #743
2022-06-28 13:20:33 -04:00
<!--wmm:ignore-->
Make messages linkable in HTML (#864)
2022-06-09 12:47:00 -04:00
<div class="chatlog">
Add HTML minification Closes #345 Closes #743
2022-06-28 13:20:33 -04:00
<!--/wmm:ignore-->
Reference in a new issue Copy permalink