Bam that's the rest of the todo list
This commit is contained in:
parent
9f88ce1223
commit
7ea11ebd51
|
@ -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; }
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
@ -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%;
|
||||||
> iframe {
|
max-height: 80vh;
|
||||||
@extend .aspect-ratio--object;
|
}
|
||||||
|
|
||||||
|
&.embed {
|
||||||
|
@extend .aspect-ratio, .aspect-ratio--16x9;
|
||||||
|
|
||||||
|
> iframe {
|
||||||
|
@extend .aspect-ratio--object;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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,
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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 }}
|
||||||
|
|
Loading…
Reference in New Issue