mirror of
https://github.com/GenderDysphoria/GenderDysphoria.fyi.git
synced 2025-11-25 20:42:40 +00:00
New preact based frontend UI for the TTT.
Added rollup compiling
This commit is contained in:
Jocelyn Badgley (Twipped)
@@ -1,43 +1,44 @@
|
||||
<div class="pager {{className}}">
|
||||
<div class="back">
|
||||
{{#is meta.url '/gdb/what-is-gender' }}<a href="/gdb/" class="btn btn-primary left">{{icon 'chevron-left'}} Introduction</a>{{/is}}
|
||||
{{#is meta.url '/gdb/history' }}<a href="/gdb/what-is-gender" class="btn btn-primary left">{{icon 'chevron-left'}} What Is Gender?</a>{{/is}}
|
||||
{{#is meta.url '/gdb/euphoria' }}<a href="/gdb/history" class="btn btn-primary left">{{icon 'chevron-left'}} The History of Gender Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/physical-dysphoria' }}<a href="/gdb/euphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Gender Euphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/biochemical-dysphoria' }}<a href="/gdb/physical-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Physical Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/social-dysphoria' }}<a href="/gdb/biochemical-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Biochemical Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/societal-dysphoria' }}<a href="/gdb/social-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Social Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/sexual-dysphoria' }}<a href="/gdb/societal-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Societal Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/presentational-dysphoria'}}<a href="/gdb/sexual-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Sexual Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/historical-dysphoria' }}<a href="/gdb/presentational-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Presentational Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/managed-dysphoria' }}<a href="/gdb/historical-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Historical Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/impostor-syndrome' }}<a href="/gdb/managed-dysphoria" class="btn btn-primary left">{{icon 'chevron-left'}} Managed Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/diagnoses' }}<a href="/gdb/impostor-syndrome" class="btn btn-primary left">{{icon 'chevron-left'}} Impostor Syndrome</a>{{/is}}
|
||||
{{#is meta.url '/gdb/treatment' }}<a href="/gdb/diagnoses" class="btn btn-primary left">{{icon 'chevron-left'}} Clinical Diagnoses</a>{{/is}}
|
||||
{{#is meta.url '/gdb/causes' }}<a href="/gdb/treatment" class="btn btn-primary left">{{icon 'chevron-left'}} Treating Gender Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/chromosomes' }}<a href="/gdb/causes" class="btn btn-primary left">{{icon 'chevron-left'}} Causes of Gender Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/conclusion' }}<a href="/gdb/chromosomes" class="btn btn-primary left">{{icon 'chevron-left'}} Disorders of Sexual Development</a>{{/is}}
|
||||
<div class="prev">
|
||||
{{#is meta.url '/gdb/what-is-gender' }}<a href="/gdb/" class="btn btn-primary left">{{icon 'angle-left'}} Introduction</a>{{/is}}
|
||||
{{#is meta.url '/gdb/history' }}<a href="/gdb/what-is-gender" class="btn btn-primary left">{{icon 'angle-left'}} What Is Gender?</a>{{/is}}
|
||||
{{#is meta.url '/gdb/euphoria' }}<a href="/gdb/history" class="btn btn-primary left">{{icon 'angle-left'}} The History of Gender Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/physical-dysphoria' }}<a href="/gdb/euphoria" class="btn btn-primary left">{{icon 'angle-left'}} Gender Euphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/biochemical-dysphoria' }}<a href="/gdb/physical-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Physical Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/social-dysphoria' }}<a href="/gdb/biochemical-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Biochemical Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/societal-dysphoria' }}<a href="/gdb/social-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Social Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/sexual-dysphoria' }}<a href="/gdb/societal-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Societal Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/presentational-dysphoria'}}<a href="/gdb/sexual-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Sexual Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/historical-dysphoria' }}<a href="/gdb/presentational-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Presentational Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/managed-dysphoria' }}<a href="/gdb/historical-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Historical Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/impostor-syndrome' }}<a href="/gdb/managed-dysphoria" class="btn btn-primary left">{{icon 'angle-left'}} Managed Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/diagnoses' }}<a href="/gdb/impostor-syndrome" class="btn btn-primary left">{{icon 'angle-left'}} Impostor Syndrome</a>{{/is}}
|
||||
{{#is meta.url '/gdb/treatment' }}<a href="/gdb/diagnoses" class="btn btn-primary left">{{icon 'angle-left'}} Clinical Diagnoses</a>{{/is}}
|
||||
{{#is meta.url '/gdb/causes' }}<a href="/gdb/treatment" class="btn btn-primary left">{{icon 'angle-left'}} Treating Gender Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/chromosomes' }}<a href="/gdb/causes" class="btn btn-primary left">{{icon 'angle-left'}} Causes of Gender Dysphoria</a>{{/is}}
|
||||
{{#is meta.url '/gdb/conclusion' }}<a href="/gdb/chromosomes" class="btn btn-primary left">{{icon 'angle-left'}} Disorders of Sexual Development</a>{{/is}}
|
||||
</div>
|
||||
|
||||
<div class="forward">
|
||||
{{#is meta.url '/' }}<a href="/gdb/what-is-gender" class="btn btn-primary right">Continue Reading {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb' }}<a href="/gdb/what-is-gender" class="btn btn-primary right">What is Gender? {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/what-is-gender' }}<a href="/gdb/history" class="btn btn-primary right">The History of Gender Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/history' }}<a href="/gdb/euphoria" class="btn btn-primary right">Gender Euphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/euphoria' }}<a href="/gdb/physical-dysphoria" class="btn btn-primary right">Physical Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/physical-dysphoria' }}<a href="/gdb/biochemical-dysphoria" class="btn btn-primary right">Biochemical Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/biochemical-dysphoria' }}<a href="/gdb/social-dysphoria" class="btn btn-primary right">Social Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/social-dysphoria' }}<a href="/gdb/societal-dysphoria" class="btn btn-primary right">Societal Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/societal-dysphoria' }}<a href="/gdb/sexual-dysphoria" class="btn btn-primary right">Sexual Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/sexual-dysphoria' }}<a href="/gdb/presentational-dysphoria" class="btn btn-primary right">Presentational Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/presentational-dysphoria'}}<a href="/gdb/historical-dysphoria" class="btn btn-primary right">Historical Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/historical-dysphoria' }}<a href="/gdb/managed-dysphoria" class="btn btn-primary right">Managed Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/managed-dysphoria' }}<a href="/gdb/impostor-syndrome" class="btn btn-primary right">Impostor Syndrome {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/impostor-syndrome' }}<a href="/gdb/diagnoses" class="btn btn-primary right">Clinical Diagnoses {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/diagnoses' }}<a href="/gdb/treatment" class="btn btn-primary right">Treating Gender Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/treatment' }}<a href="/gdb/causes" class="btn btn-primary right">Causes of Gender Dysphoria {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/causes' }}<a href="/gdb/chromosomes" class="btn btn-primary right">But... but... the chromosomes! {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/chromosomes' }}<a href="/gdb/conclusion" class="btn btn-primary right">Conclusion {{icon 'chevron-right'}}</a>{{/is}}
|
||||
{{!-- <div class="first"></div>
|
||||
<div class="last"></div> --}}
|
||||
<div class="next">
|
||||
{{#is meta.url '/' }}<a href="/gdb/what-is-gender" class="btn btn-primary right">Continue Reading {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb' }}<a href="/gdb/what-is-gender" class="btn btn-primary right">What is Gender? {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/what-is-gender' }}<a href="/gdb/history" class="btn btn-primary right">The History of Gender Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/history' }}<a href="/gdb/euphoria" class="btn btn-primary right">Gender Euphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/euphoria' }}<a href="/gdb/physical-dysphoria" class="btn btn-primary right">Physical Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/physical-dysphoria' }}<a href="/gdb/biochemical-dysphoria" class="btn btn-primary right">Biochemical Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/biochemical-dysphoria' }}<a href="/gdb/social-dysphoria" class="btn btn-primary right">Social Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/social-dysphoria' }}<a href="/gdb/societal-dysphoria" class="btn btn-primary right">Societal Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/societal-dysphoria' }}<a href="/gdb/sexual-dysphoria" class="btn btn-primary right">Sexual Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/sexual-dysphoria' }}<a href="/gdb/presentational-dysphoria" class="btn btn-primary right">Presentational Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/presentational-dysphoria'}}<a href="/gdb/historical-dysphoria" class="btn btn-primary right">Historical Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/historical-dysphoria' }}<a href="/gdb/managed-dysphoria" class="btn btn-primary right">Managed Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/managed-dysphoria' }}<a href="/gdb/impostor-syndrome" class="btn btn-primary right">Impostor Syndrome {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/impostor-syndrome' }}<a href="/gdb/diagnoses" class="btn btn-primary right">Clinical Diagnoses {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/diagnoses' }}<a href="/gdb/treatment" class="btn btn-primary right">Treating Gender Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/treatment' }}<a href="/gdb/causes" class="btn btn-primary right">Causes of Gender Dysphoria {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/causes' }}<a href="/gdb/chromosomes" class="btn btn-primary right">But... but... the chromosomes! {{icon 'angle-right'}}</a>{{/is}}
|
||||
{{#is meta.url '/gdb/chromosomes' }}<a href="/gdb/conclusion" class="btn btn-primary right">Conclusion {{icon 'angle-right'}}</a>{{/is}}
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -18,30 +18,54 @@ description: "A collection of the best twitter threads on transgender and gender
|
||||
<link rel="canonical" href="{{#if canonical}}{{canonical}}{{else}}https://{{page.domain}}{{url}}{{/if}}">
|
||||
{{/content}}
|
||||
|
||||
{{#content "bodyClass"}}page ttt{{/content}}
|
||||
{{#content "bodyClass"}}post{{/content}}
|
||||
|
||||
{{#content "post-header"}}
|
||||
<div class="disclaimer"><div class="container" style="text-align: center">
|
||||
<h1>Trans Twitter Topics</h1>
|
||||
<strong>A collection of the best Twitter threads on transgender and gender dysphoria topics.</strong>
|
||||
<p>Have a thread that you think belongs here? <a href="https://twitter.com/TwippingVanilla">Send it my way</a>.</p>
|
||||
</div></div>
|
||||
{{/content}}
|
||||
|
||||
{{#append "postscripts"}}
|
||||
<script type="text/javascript" src="{{rev '/js/tweets.js'}}"></script>
|
||||
{{/append}}
|
||||
|
||||
{{#content "body"}}
|
||||
|
||||
<!-- <h1>Trans Twitter Topics</h1> -->
|
||||
<div class="disclaimer"><div class="container" style="text-align: center">
|
||||
<h1>Trans Twitter Topics</h1>
|
||||
<strong>A collection of the best Twitter threads on transgender and gender dysphoria topics.</strong>
|
||||
<p>Have a thread that you think belongs here? <a href="https://twitter.com/TwippingVanilla">Send it my way</a>.</p>
|
||||
</div></div>
|
||||
<div class="post-index">
|
||||
<section>
|
||||
{{#with posts.latest}}
|
||||
<article>
|
||||
<div class="post-head">
|
||||
<div class="post-tags">
|
||||
{{#each meta.tags}}<a href="#tag={{@key}}" class="post-link tag">{{this}}</a>{{/each}}
|
||||
{{#each meta.author}}<a href="#author={{this}}" class="post-link author">{{this}}</a>{{/each}}
|
||||
</div>
|
||||
<a href="{{this.url}}" class="post-link" title="{{date this.date 'MMMM do, yyyy'}}">{{icon 'link'}} Permalink</a>
|
||||
</div>
|
||||
<div class="post-content">{{{this.content}}}</div>
|
||||
<div class="pager">
|
||||
<div class="prev">{{#if siblings.prev}}<a href="{{siblings.prev}}" class="btn btn-primary left">{{icon 'angle-left'}} Back</a>{{/if}}</div>
|
||||
<div class="first">{{#if siblings.first}}<a href="{{siblings.first}}" class="btn btn-primary left">{{icon 'angle-double-left'}} Newest</a>{{/if}}</div>
|
||||
<div class="last">{{#if siblings.last}}<a href="{{siblings.last}}" class="btn btn-primary right">Oldest {{icon 'angle-double-right'}}</a>{{/if}}</div>
|
||||
<div class="next">{{#if siblings.next}}<a href="{{siblings.next}}" class="btn btn-primary right">Next {{icon 'angle-right'}}</a>{{/if}}</div>
|
||||
</div>
|
||||
</article>
|
||||
{{/with}}
|
||||
</section>
|
||||
|
||||
<section class="ttt-grid">
|
||||
|
||||
{{#each posts}}{{#unless draft}}
|
||||
<div class="ttt-post {{#if flags.bordered}} bordered{{/if}}">
|
||||
<div class="ttt-head">
|
||||
<div class="ttt-tags">{{#each meta.tags}}<a href="#{{@key}}" class="ttt-tag">{{this}}</a>{{/each}}</div>
|
||||
<a href="{{this.url}}" class="ttt-link" title="{{date this.dateCreated 'MMMM do, yyyy'}}">{{icon 'link'}} Permalink</a>
|
||||
</div>
|
||||
<div class="ttt-wrap">{{{this.content}}}</div>
|
||||
<aside class="tags">
|
||||
<h4>Topics</h4>
|
||||
<div class="post-tags">{{#each posts.tags}}<a href="#tag={{@key}}" class="post-link tag">{{this}}</a>{{/each}}</div>
|
||||
</aside>
|
||||
<aside class="authors">
|
||||
<h4>Authors</h4>
|
||||
<div class="post-tags">{{#each posts.authors}}<a href="#author={{this}}" class="post-link author">{{this}}</a>{{/each}}</div>
|
||||
</aside>
|
||||
</div>
|
||||
{{/unless}}{{/each}}
|
||||
|
||||
</section>
|
||||
{{/content}}
|
||||
|
||||
{{/extend}}
|
||||
|
||||
Reference in New Issue
Block a user