Bam that's the rest of the todo list

This commit is contained in:
Ben Visness 2022-08-06 23:43:15 -05:00
parent 9f88ce1223
commit 7ea11ebd51
12 changed files with 36 additions and 26 deletions

View File

@ -7472,9 +7472,6 @@ article code {
.h1-5 { .h1-5 {
height: 1.5rem; } height: 1.5rem; }
.pre-line {
white-space: pre-line; }
.fira { .fira {
font-family: "Fira Sans", sans-serif; } font-family: "Fira Sans", sans-serif; }
@ -9396,10 +9393,13 @@ span.icon-rss::before {
.timeline-item .avatar-icon.big { .timeline-item .avatar-icon.big {
width: 3.875rem; width: 3.875rem;
height: 3.875rem; } } height: 3.875rem; } }
.timeline-item .timeline-content-box > * { .timeline-item .timeline-content-box {
display: block; background-color: rgba(0, 0, 0, 0.2);
max-width: 100%; background-color: var(--timeline-content-background); }
max-height: 80vh; } .timeline-item .timeline-content-box > * {
display: block;
max-width: 100%;
max-height: 80vh; }
.timeline-modal .container { .timeline-modal .container {
max-height: 100vh; } max-height: 100vh; }

View File

@ -288,6 +288,7 @@ pre, code, .codeblock {
--forum-diff-insert-border-color: #30591b; --forum-diff-insert-border-color: #30591b;
--card-background: #282828; --card-background: #282828;
--card-background-hover: #333; --card-background-hover: #333;
--timeline-content-background: rgba(255, 255, 255, 0.06);
--irc-border-color: #333; --irc-border-color: #333;
--irc-tab-current-shadow: 0px 0px 5px #000 inset; --irc-tab-current-shadow: 0px 0px 5px #000 inset;
--irc-tab-close-button-color: #bbb; --irc-tab-close-button-color: #bbb;

View File

@ -306,6 +306,7 @@ pre, code, .codeblock {
--forum-diff-insert-border-color: #5baa3f; --forum-diff-insert-border-color: #5baa3f;
--card-background: #e8e8e8; --card-background: #e8e8e8;
--card-background-hover: #f0f0f0; --card-background-hover: #f0f0f0;
--timeline-content-background: rgba(0, 0, 0, 0.2);
--irc-border-color: #ddd; --irc-border-color: #ddd;
--irc-tab-current-shadow: 0px 0px 5px #bbb inset; --irc-tab-current-shadow: 0px 0px 5px #bbb inset;
--irc-tab-close-button-color: #fff; --irc-tab-close-button-color: #fff;

View File

@ -4,6 +4,7 @@ import (
"bytes" "bytes"
"github.com/yuin/goldmark/parser" "github.com/yuin/goldmark/parser"
"github.com/yuin/goldmark/renderer/html"
"github.com/yuin/goldmark" "github.com/yuin/goldmark"
highlighting "github.com/yuin/goldmark-highlighting" highlighting "github.com/yuin/goldmark-highlighting"
@ -42,6 +43,7 @@ var DiscordMarkdown = makeGoldmark(
Previews: false, Previews: false,
Embeds: false, Embeds: false,
})...), })...),
goldmark.WithRendererOptions(html.WithHardWraps()),
) )
func ParseMarkdown(source string, md goldmark.Markdown) string { func ParseMarkdown(source string, md goldmark.Markdown) string {

View File

@ -337,10 +337,6 @@ article code {
height: 1.5rem; height: 1.5rem;
} }
.pre-line {
white-space: pre-line;
}
.fira { .fira {
font-family: "Fira Sans", sans-serif; font-family: "Fira Sans", sans-serif;
} }

View File

@ -18,17 +18,21 @@
} }
} }
.timeline-content-box > * { .timeline-content-box {
display: block; @include usevar(background-color, timeline-content-background);
max-width: 100%;
max-height: 80vh;
}
.timeline-content-box.embed { > * {
@extend .aspect-ratio, .aspect-ratio--16x9; display: block;
max-width: 100%;
max-height: 80vh;
}
> iframe { &.embed {
@extend .aspect-ratio--object; @extend .aspect-ratio, .aspect-ratio--16x9;
> iframe {
@extend .aspect-ratio--object;
}
} }
} }
} }

View File

@ -99,6 +99,8 @@ $vars: (
card-background: #282828, card-background: #282828,
card-background-hover: #333, card-background-hover: #333,
timeline-content-background: rgba(255, 255, 255, 0.06),
irc-border-color: #333, irc-border-color: #333,
irc-tab-current-shadow: 0px 0px 5px #000 inset, irc-tab-current-shadow: 0px 0px 5px #000 inset,
irc-tab-close-button-color: #bbb, irc-tab-close-button-color: #bbb,

View File

@ -99,6 +99,8 @@ $vars: (
card-background: #e8e8e8, card-background: #e8e8e8,
card-background-hover: #f0f0f0, card-background-hover: #f0f0f0,
timeline-content-background: rgba(0, 0, 0, 0.2),
irc-border-color: #ddd, irc-border-color: #ddd,
irc-tab-current-shadow: 0px 0px 5px #bbb inset, irc-tab-current-shadow: 0px 0px 5px #bbb inset,
irc-tab-close-button-color: #fff, irc-tab-close-button-color: #fff,

View File

@ -27,7 +27,7 @@
<a class="user" data-tmpl="userLink"></a> <a class="user" data-tmpl="userLink"></a>
<a data-tmpl="date" class="datetime tr" style="flex: 1 1 auto;"></a> <a data-tmpl="date" class="datetime tr" style="flex: 1 1 auto;"></a>
</div> </div>
<div class="pre-line overflow-auto" data-tmpl="description"> <div class="overflow-auto" data-tmpl="description">
Unknown description Unknown description
</div> </div>
<div data-tmpl="projects" class="pt2 flex g2"></div> <div data-tmpl="projects" class="pt2 flex g2"></div>

View File

@ -38,7 +38,7 @@
{{ if .Description }} {{ if .Description }}
<div class="mt3 overflow-hidden relative {{ if .TruncateDescription }}mh-5{{ end }}"> <div class="mt3 overflow-hidden relative {{ if .TruncateDescription }}mh-5{{ end }}">
<div class="post-content pre-line">{{ trim .Description }}</div> <div class="post-content">{{ trim .Description }}</div>
{{ if .TruncateDescription }} {{ if .TruncateDescription }}
<div class="excerpt-fade absolute w-100 h4 bottom-0 z-999"></div> <div class="excerpt-fade absolute w-100 h4 bottom-0 z-999"></div>
{{ end }} {{ end }}
@ -51,7 +51,7 @@
{{ end }} {{ end }}
{{ range .EmbedMedia }} {{ range .EmbedMedia }}
<div class="timeline-content-box mt3 {{ if eq .Type mediaembed }}embed{{ end }}"> <div class="timeline-content-box mt3 {{ if eq .Type mediaembed }}embed{{ end }} br2 overflow-hidden flex justify-center">
{{ if eq .Type mediaimage }} {{ if eq .Type mediaimage }}
<img src="{{ .AssetUrl }}"> <img src="{{ .AssetUrl }}">
{{ else if eq .Type mediavideo }} {{ else if eq .Type mediavideo }}

View File

@ -55,6 +55,8 @@
--theme-color-dim: {{ $themeDim }}; --theme-color-dim: {{ $themeDim }};
--theme-color-dimmer: {{ $themeDimmer }}; --theme-color-dimmer: {{ $themeDimmer }};
--theme-color-dimmest: {{ $themeDimmest }}; --theme-color-dimmest: {{ $themeDimmest }};
--timeline-content-background: rgba(255, 255, 255, 0.1);
} }
body { body {

View File

@ -279,8 +279,8 @@
<div class="{{ if and (eq .DaysUntilStart 0) (gt .DaysUntilEnd 1) }}emphasized{{ end }}"> <div class="{{ if and (eq .DaysUntilStart 0) (gt .DaysUntilEnd 1) }}emphasized{{ end }}">
<h3>Jam.</h3> <h3>Jam.</h3>
<p> <p>
{{ if eq .DaysUntilStart 0 }} {{ if and (eq .DaysUntilStart 0) (not .SubmittedProjectUrl) }}
<a href="{{ or .SubmittedProjectUrl .ProjectSubmissionUrl }}" target="_blank"><b>Create a Handmade Network project</b></a> <a href="{{ .ProjectSubmissionUrl }}" target="_blank"><b>Create a Handmade Network project</b></a>
{{ else }} {{ else }}
After the jam starts, create a Handmade Network project After the jam starts, create a Handmade Network project
{{ end }} {{ end }}