diff --git a/public/images/_transtwitter.png b/public/images/_transtwitter.png new file mode 100644 index 0000000..7768cba Binary files /dev/null and b/public/images/_transtwitter.png differ diff --git a/public/tweets/index.html b/public/tweets/index.html index de574d7..f0d5a77 100644 --- a/public/tweets/index.html +++ b/public/tweets/index.html @@ -1,15 +1,37 @@ --- title: "Trans Twitter Topics" +description: "A collection of the best twitter threads on transgender and gender dysphoria topics." --- {{#extend "layout"}} + {{#content "meta"}} + + + {{#if titlecard}}{{/if}} + + + + {{#if titlecard}} + + + {{/if}} + + {{/content}} + {{#content "bodyClass"}}page ttt{{/content}} {{#content "body"}} + +
+

Trans Twitter Topics

+ A collection of the best Twitter threads on transgender and gender dysphoria topics. +

Have a thread that you think belongs here? Send it my way.

+
+
- {{#each posts}} + {{#each posts}}{{#unless draft}}
{{#each meta.tags}}{{this}}{{/each}}
@@ -17,7 +39,7 @@ title: "Trans Twitter Topics"
{{{this.content}}}
- {{/each}} + {{/unless}}{{/each}}
{{/content}} diff --git a/public/tweets/titlecard.png b/public/tweets/titlecard.png new file mode 100644 index 0000000..63d995b Binary files /dev/null and b/public/tweets/titlecard.png differ diff --git a/scss/_header.scss b/scss/_header.scss index 88449c1..97f23ef 100644 --- a/scss/_header.scss +++ b/scss/_header.scss @@ -173,6 +173,10 @@ header { font-size: 0.8rem; font-weight: 300; + .container { + max-width: 600px; + } + .strong { display: block; font-weight: 600; diff --git a/scss/_page.scss b/scss/_page.scss index e579faf..9f11393 100644 --- a/scss/_page.scss +++ b/scss/_page.scss @@ -6,7 +6,10 @@ body.page { header { background: $gray-800; - &.active { background: white; } + + @media (min-width: 500px) { + &.active { background: white; } + } } } diff --git a/scss/_tweet.scss b/scss/_tweet.scss index d72bd73..f79ea27 100644 --- a/scss/_tweet.scss +++ b/scss/_tweet.scss @@ -143,7 +143,7 @@ font-size: 0.95em; margin-top: 0.4em; margin-bottom: 0.75em; - background: rgba(#ddd, 0.1); + background: rgba($gray-500, 0.1); > a { color: inherit; @@ -166,6 +166,14 @@ p:last-child { margin-bottom: 0; } + + &.missing { + background: rgba($gray-500, 0.4); + padding: 3px 10px; + width: 300px; + color: $gray-500; + border-color: rgba($gray-500, 0.4); + } } .tweet-entities { @@ -324,6 +332,7 @@ &.hide-reply .tweet-text a.mention:first-child { display: none; } &.hide-mentions .tweet-text a.mention { display: none; } &.hide-hashtags .tweet-text a.hashtag { display: none; } + &.hide-quoted .tweet-quoted { display: none; } &.collapse:not(.grid-row) { .tweet-item { diff --git a/templates/layout.hbs b/templates/layout.hbs index b31b9c2..e14e72e 100644 --- a/templates/layout.hbs +++ b/templates/layout.hbs @@ -63,7 +63,7 @@