Twitter posts

build/_post-template.js

@@ -4,11 +4,12 @@ id: "${id}"
 date: "${date.toISOString()}"
 tags:
   - Transgender
+span: 2
 tweets:
 
 ---
-{!{ <div class="gutter">{{import '~/tweet' ids=(array
+{!{ {{import '~/tweet' ids=(array
   'TWEETGOESHERE'
-) tweets=meta.tweets className="oneblock" }}</div> }!}
+) tweets=meta.tweets className="" }} }!}
 
 `;

build/index.js

@@ -39,6 +39,7 @@ exports.everything = function (prod = false) {
     const pages = await primeTweets(PublicFiles.pages);
     const posts = await primeTweets(PostFiles.pages);
 
+    posts.reverse();
 
     // compile all tasks to be completed
     const tasks = await Promise.all([

build/post.js

@@ -50,5 +50,11 @@ module.exports = exports = class Post extends Page {
     this.fullurl = url.href;
   }
 
+  _parse (...args) {
+    super._parse(...args);
+
+    this.classes.push('post');
+  }
+
 };
 

build/resolve.js

@@ -100,6 +100,7 @@ exports.type = dictMatch({
 
 const KIND = exports.KIND = {
   PAGE:     'PAGE',
+  POST:     'POST',
   ASSET:    'ASSET',
   ARTIFACT: 'ARTIFACT',
   OTHER:    'OTHER',

gulp/index.js

@@ -37,6 +37,7 @@ function watcher () {
 
   watch([
     'public/**/*',
+    'posts/**/*',
     'templates/*.{md,hbs,html}',
     'scss/*.scss',
     'js/*.js',

posts/2020-02-29.1303.2476E32476.md

@@ -0,0 +1,17 @@
+---
+id: "2476E32476"
+date: "2020-02-29T21:03:41.869Z"
+tags:
+  - Euphoria
+tweets:
+  - https://twitter.com/snakmicks/status/1233168962059300864
+  - https://twitter.com/snakmicks/status/1233168963237924864
+  - https://twitter.com/snakmicks/status/1233168964114534401
+  - https://twitter.com/snakmicks/status/1233168964991082496
+---
+{!{ {{import '~/tweet' ids=(array
+  '1233168962059300864'
+  '1233168963237924864'
+  '1233168964114534401'
+  '1233168964991082496'
+) tweets=meta.tweets className="oneblock" }} }!}

posts/2020-02-29.1305.6466D2743A.md

@@ -0,0 +1,35 @@
+---
+id: "6466D2743A"
+date: "2020-02-29T21:05:02.076Z"
+tags:
+  - Genetics
+  - Medical
+  - Chromosomes
+tweets:
+  - https://twitter.com/DrRachaelF/status/1233488537275846656
+  - https://twitter.com/DrRachaelF/status/1233489257848811520
+  - https://twitter.com/DrRachaelF/status/1233489654218805248
+  - https://twitter.com/DrRachaelF/status/1233490169799626754
+  - https://twitter.com/DrRachaelF/status/1233494914903740422
+  - https://twitter.com/DrRachaelF/status/1233495377380245507
+  - https://twitter.com/DrRachaelF/status/1233502285566705671
+  - https://twitter.com/DrRachaelF/status/1233502728917323776
+  - https://twitter.com/DrRachaelF/status/1233502831182741505
+  - https://twitter.com/DrRachaelF/status/1233503095776317444
+  - https://twitter.com/DrRachaelF/status/1233503325183602688
+  - https://twitter.com/DrRachaelF/status/1233828471660396549
+---
+{!{ {{import '~/tweet' ids=(array
+  '1233488537275846656'
+  '1233489257848811520'
+  '1233489654218805248'
+  '1233490169799626754'
+  '1233494914903740422'
+  '1233495377380245507'
+  '1233502285566705671'
+  '1233502728917323776'
+  '1233502831182741505'
+  '1233503095776317444'
+  '1233503325183602688'
+  '1233828471660396549'
+) tweets=meta.tweets className="collapse capped" }} }!}

posts/2020-02-29.2025.9EE28C1F47.md

@@ -0,0 +1,13 @@
+---
+id: "9EE28C1F47"
+date: "2020-03-01T04:25:18.567Z"
+tags:
+  - Trans Women
+  - History
+tweets:
+  - https://twitter.com/MagsVisaggs/status/1025590255733366784 # trans women in the fifties
+---
+{!{ {{import '~/tweet' ids=(array
+  '1025590255733366784'
+) tweets=meta.tweets className="" }} }!}
+

posts/2020-02-29.2026.2F64084E05.md

@@ -0,0 +1,12 @@
+---
+id: "2F64084E05"
+date: "2020-03-01T04:26:51.465Z"
+tags:
+  - Memes
+tweets:
+  - https://twitter.com/MagsVisaggs/status/935173629591080961
+---
+{!{ {{import '~/tweet' ids=(array
+  '935173629591080961'
+) tweets=meta.tweets className="" }} }!}
+

posts/2020-02-29.2028.76F62F044A.md

@@ -0,0 +1,13 @@
+---
+id: "76F62F044A"
+date: "2020-03-01T04:28:18.398Z"
+tags:
+  - Hot Cis Takes
+  - Memes
+tweets:
+  - https://twitter.com/NightlingBug/status/1186666183128428544
+---
+{!{ {{import '~/tweet' ids=(array
+  '1186666183128428544'
+) tweets=meta.tweets className="" }} }!}
+

posts/2020-03-01.1824.418D82CA86.md

@@ -0,0 +1,30 @@
+---
+id: "418D82CA86"
+date: "2020-03-02T02:24:04.040Z"
+tags:
+  - Weight
+  - Fatphobia
+tweets:
+  - https://twitter.com/liminalnobilis/status/1160246216359391233
+  - https://twitter.com/liminalnobilis/status/1160247389103546370
+
+  - https://twitter.com/S_Winterthorn/status/1160249739205464064
+  - https://twitter.com/liminalnobilis/status/1160250109558501377
+
+  - https://twitter.com/bzarcher/status/1160535895466024961
+
+  - https://twitter.com/TwippingVanilla/status/1209482514059804672
+---
+{!{
+  {{import '~/tweet' ids=(array
+    '1160246216359391233'
+    '1160247389103546370'
+    '1160249739205464064'
+    '1160250109558501377'
+    '1160535895466024961'
+  ) tweets=meta.tweets className="" }}
+  {{import '~/tweet' ids=(array
+    '1209482514059804672'
+  ) tweets=meta.tweets className="" }}
+
+}!}

posts/2020-03-01.1930.F89FE59D8F.md

@@ -0,0 +1,55 @@
+---
+id: "F89FE59D8F"
+date: "2020-03-02T03:30:19.733Z"
+tags:
+  - Transgender
+span: 2
+tweets:
+  - https://twitter.com/NightlingBug/status/1162035381946245121
+  - https://twitter.com/NightlingBug/status/1162038460951212037
+  - https://twitter.com/NightlingBug/status/1162044162033762304
+  - https://twitter.com/NightlingBug/status/1162047794955390977
+  - https://twitter.com/NightlingBug/status/1162050075272593408
+  - https://twitter.com/NightlingBug/status/1162051481656266760
+  - https://twitter.com/NightlingBug/status/1162052965991165953
+  - https://twitter.com/NightlingBug/status/1162056195848450048
+  - https://twitter.com/NightlingBug/status/1162065306749198337
+  - https://twitter.com/NightlingBug/status/1162065308024266754
+  - https://twitter.com/NightlingBug/status/1162065309139984386
+  - https://twitter.com/NightlingBug/status/1162065310431813633
+  - https://twitter.com/NightlingBug/status/1162066343295946752
+  - https://twitter.com/NightlingBug/status/1162071010176380930
+  - https://twitter.com/NightlingBug/status/1162075924906631168
+  - https://twitter.com/NightlingBug/status/1162084034194890752
+  - https://twitter.com/NightlingBug/status/1162086032185200646
+  - https://twitter.com/NightlingBug/status/1162098682419916803
+  - https://twitter.com/NightlingBug/status/1162098683866992640
+  - https://twitter.com/NightlingBug/status/1162098684991025152
+  - https://twitter.com/NightlingBug/status/1162124687524204549
+  - https://twitter.com/NightlingBug/status/1162125314241245192
+---
+{!{ {{import '~/tweet' ids=(array
+  '1162035381946245121'
+  '1162038460951212037'
+  '1162044162033762304'
+  '1162047794955390977'
+  '1162050075272593408'
+  '1162051481656266760'
+  '1162052965991165953'
+  '1162056195848450048'
+  '1162065306749198337'
+  '1162065308024266754'
+  '1162065309139984386'
+  '1162065310431813633'
+  '1162066343295946752'
+  '1162071010176380930'
+  '1162075924906631168'
+  '1162084034194890752'
+  '1162086032185200646'
+  '1162098682419916803'
+  '1162098683866992640'
+  '1162098684991025152'
+  '1162124687524204549'
+  '1162125314241245192'
+) tweets=meta.tweets className="oneblock capped" }} }!}
+

public/twitter.html

@@ -0,0 +1,40 @@
+---
+title: "Trans Twitter Topics"
+---
+{{#extend "layout"}}
+
+  {{#content "bodyClass"}}page ttt{{/content}}
+
+  {{#content "body"}}
+
+    <section class="ttt-grid">
+
+    {{#each posts}}
+    <div class="ttt-post {{#if flags.bordered}} bordered{{/if}}">
+      <a href="{{this.url}}" class="ttt-tab">{{icon 'link'}} Permalink</a>
+      <div class="ttt-wrap">{{{this.content}}}</div>
+    </div>
+    {{/each}}
+
+    </section>
+
+    <script>
+      function reheight () {
+        $('.ttt-wrap').each((i, el) => {
+          const $wrap = $(el);
+          const $cell = $wrap.closest('.ttt-post');
+
+          const span = Math.ceil($wrap.height() / 20) + 2;
+          $cell.css({ 'grid-row-end': 'span ' + span });
+        })
+      }
+      $(() => {
+        reheight();
+        // window.addEventListener('scroll', reheight);
+        window.addEventListener('resize', reheight);
+
+      })
+    </script>
+  {{/content}}
+
+{{/extend}}

scss/_page.scss

@@ -114,3 +114,42 @@ body.gdb {
     }
   }
 }
+
+body.ttt {
+  $borderColor: #e1e8ed;
+  $borderHover: #ccd6dd;
+  $textLight: #697882;
+  $textDark: #1c2022;
+  $textHover: #3b94d9;
+  $borderRadius: .35em;
+
+
+  .ttt-grid {
+    padding: 1em;
+    display: grid;
+    grid-template-columns: repeat( auto-fill, minmax( 400px, 1fr ) );
+    grid-auto-rows: 10px;
+    grid-gap: 10px;
+    // grid-auto-flow: column dense;
+  }
+
+  .ttt-tab {
+    display: block;
+    background: white;
+    border: 1px solid $borderColor;
+    border-bottom: none;
+    font-size: 10px;
+    padding: 2px 5px;
+    border-top-left-radius: $borderRadius;
+    border-top-right-radius: $borderRadius;
+    margin: 0 $borderRadius * 2 0 auto;
+    width: 80px;
+    text-align: center;
+
+    .svg-icon {
+      height: 1em;
+      width: 1em;
+    }
+  }
+
+}

svg/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M326.612 185.391c59.747 59.809 58.927 155.698.36 214.59-.11.12-.24.25-.36.37l-67.2 67.2c-59.27 59.27-155.699 59.262-214.96 0-59.27-59.26-59.27-155.7 0-214.96l37.106-37.106c9.84-9.84 26.786-3.3 27.294 10.606.648 17.722 3.826 35.527 9.69 52.721 1.986 5.822.567 12.262-3.783 16.612l-13.087 13.087c-28.026 28.026-28.905 73.66-1.155 101.96 28.024 28.579 74.086 28.749 102.325.51l67.2-67.19c28.191-28.191 28.073-73.757 0-101.83-3.701-3.694-7.429-6.564-10.341-8.569a16.037 16.037 0 0 1-6.947-12.606c-.396-10.567 3.348-21.456 11.698-29.806l21.054-21.055c5.521-5.521 14.182-6.199 20.584-1.731a152.482 152.482 0 0 1 20.522 17.197zM467.547 44.449c-59.261-59.262-155.69-59.27-214.96 0l-67.2 67.2c-.12.12-.25.25-.36.37-58.566 58.892-59.387 154.781.36 214.59a152.454 152.454 0 0 0 20.521 17.196c6.402 4.468 15.064 3.789 20.584-1.731l21.054-21.055c8.35-8.35 12.094-19.239 11.698-29.806a16.037 16.037 0 0 0-6.947-12.606c-2.912-2.005-6.64-4.875-10.341-8.569-28.073-28.073-28.191-73.639 0-101.83l67.2-67.19c28.239-28.239 74.3-28.069 102.325.51 27.75 28.3 26.872 73.934-1.155 101.96l-13.087 13.087c-4.35 4.35-5.769 10.79-3.783 16.612 5.864 17.194 9.042 34.999 9.69 52.721.509 13.906 17.454 20.446 27.294 10.606l37.106-37.106c59.271-59.259 59.271-155.699.001-214.959z"/></svg>

templates/layout.hbs

@@ -49,7 +49,7 @@
   <link href="//fonts.googleapis.com/css?family=Roboto:300,400,600" rel="stylesheet">
   <link href="//fonts.googleapis.com/css?family=Gothic+A1:300,400,600" rel="stylesheet">
   {{#block "prescripts"}}
-  <script type="text/javascript" src="{{rev '/js/global.js'}}" defer></script>
+  <script type="text/javascript" src="{{rev '/js/global.js'}}"></script>
   {{/block}}
 </head>
 <body class="{{block 'bodyClass'}}" {{block 'bodyAttributes'}}>