Initial site commit

This commit is contained in:
Jocelyn Badgley (Twipped)
2020-02-20 14:38:25 -08:00
parent 0a6bdb2544
commit 1c45fdaf33
136 changed files with 24538 additions and 146 deletions

9
templates/.eslintrc Normal file
View File

@@ -0,0 +1,9 @@
{
"extends": "twipped/browser",
"env": {"es6": true},
"parserOptions": {"ecmaVersion": 2018},
"rules": {
"prefer-rest-params": "off",
"eol-last": "off"
}
}

View File

@@ -0,0 +1,14 @@
<div class="adsense-insert">
<ins
class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-4766388012660179"
data-ad-slot="7301392484"
></ins>
</div>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

13
templates/img.hbs Normal file
View File

@@ -0,0 +1,13 @@
<div class="{{className}}" {{#if style}}style="{{style}}"{{/if}} target="_break">
<a href="{{#if link}}{{link}}{{else}}{{rev (lookup (last sizes) 'url')}}{{/if}}" class="lb"><img
src="{{rev sizes.0.url}}"
alt="{{alt}}"
srcset="{{#join sizes}}{{rev url}} {{width}}w{{/join}}"
sizes="{{#if srcSizes}}{{srcSizes}}{{else}}(max-width: 576px) 100vw, 576px{{/if}}"
{{#includes className "card"}}class="card-img-top"{{/includes}}
{{#if imgStyle}}style="{{imgStyle}}"{{/if}}
></a>
{{#if caption}}<span class="card-body">{{{caption}}}</span>{{/if}}
</div>

92
templates/layout.hbs.html Normal file
View File

@@ -0,0 +1,92 @@
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="UTF-8">
<meta name="author" content="Jocelyn Badgley">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta property="og:site_name" content="GenderDysphoria, FYI">
<meta name="twitter:site" content="GenderDysphoria, FYI">
<meta name="twitter:creator" content="TwippingVanilla">
{{block "meta"}}
<title>{{page.title}}</title>
<!-- generics -->
<link rel="icon" type="image/x-icon" href="https://{{page.domain}}{{rev '/favicon.ico'}}">
<link rel="icon" type="image/png" href="https://{{page.domain}}{{rev '/favicon32.png'}}" sizes="32x32">
<link rel="icon" type="image/png" href="https://{{page.domain}}{{rev '/favicon57.png'}}" sizes="57x57">
<link rel="icon" type="image/png" href="https://{{page.domain}}{{rev '/favicon76.png'}}" sizes="76x76">
<link rel="icon" type="image/png" href="https://{{page.domain}}{{rev '/favicon96.png'}}" sizes="96x96">
<link rel="icon" type="image/png" href="https://{{page.domain}}{{rev '/favicon128.png'}}" sizes="128x128">
<link rel="icon" type="image/png" href="https://{{page.domain}}{{rev '/favicon192.png'}}" sizes="192x192">
<link rel="icon" type="image/png" href="https://{{page.domain}}{{rev '/favicon228.png'}}" sizes="228x228">
<!-- Android -->
<link rel="shortcut icon" sizes="196x196" href="/favicon196.png">
<!-- iOS -->
<link rel="apple-touch-icon" type="image/png" sizes="120x120" href="https://{{page.domain}}{{rev '/favicon120.png'}}">
<link rel="apple-touch-icon" type="image/png" sizes="152x152" href="https://{{page.domain}}{{rev '/favicon152.png'}}">
<link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://{{page.domain}}{{rev '/favicon180.png'}}">
<link rel="apple-touch-icon-precomposed" type="image/png" sizes="57x57" href="https://{{page.domain}}{{rev '/favicon57.png'}}">
<link rel="apple-touch-icon-precomposed" type="image/png" sizes="72x72" href="https://{{page.domain}}{{rev '/favicon72.png'}}">
<link rel="apple-touch-icon-precomposed" type="image/png" sizes="120x120" href="https://{{page.domain}}{{rev '/favicon120.png'}}">
<link rel="apple-touch-icon-precomposed" type="image/png" sizes="144x144" href="https://{{page.domain}}{{rev '/favicon144.png'}}">
<!-- Windows 8 IE 10 -->
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-TileImage" content="https://{{page.domain}}{{rev '/favicon144.png'}}">
<!-- Windows 8.1 + IE11 and above -->
<meta name="msapplication-config" content="https://{{page.domain}}/browserconfig.xml" />
<link rel="preconnect" href="//fonts.gstatic.com/" crossorigin>
<link rel="preconnect" href="//cdnjs.cloudflare.com/" crossorigin="anonymous">
<link rel="stylesheet" href="{{rev '/css/style.css'}}" type="text/css" media="screen" title="no title" charset="utf-8">
<link href="//fonts.googleapis.com/css?family=Sriracha:400" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Lato:100,200,300,400,700,800" rel="stylesheet">
<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>
{{/block}}
<script async src="{{rev '/js/i.js'}}" data-url="{{#prod}}//t.{{page.domain}}{{/prod}}/i"></script>
</head>
<body class="{{block 'bodyClass'}}" {{block 'bodyAttributes'}}>
{{block "preRoot"}}
<div class="root">
<header>
<nav>
<a href="/" class="top-brand" >That's Gender Dysphoria, FYI</a>
<div class="top-nav">
<ul class="top-nav-inner">
<!-- <li><a href="/glossary" class="top-nav-item">Glossary</a></li> -->
<li><a href="/gdb/" class="top-nav-item dropdown-toggle" id="nav-gdb" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">The Gender Dysphoria Bible</a>{{inject '/pages/gdb/_menu'}}</li>
<!-- <li><a href="/guides/" class="top-nav-item">Guides</a></li> -->
<!-- <li class="break"></li> -->
<li><a href="https://github.com/GenderDysphoria/GenderDysphoria.fyi" class="top-nav-item">{{icon 'brands/github'}}</a></li>
<!-- <li><a href="https://patreon.com/curvyandtrans" class="top-nav-item" title="Patreon">{{icon 'brands/patreon'}}</a></li> -->
<!-- <li><a href="https://ko-fi.com/curvyandtrans" class="top-nav-item" title="Ko-Fi">{{icon 'brands/ko-fi'}}</a></li> -->
</ul>
</div>
</nav>
</header>
{{block 'post-header'}}
<div id="body">
{{block "body"}}
</div>
<footer>
<p>Site text, website code and original graphics are <a href="https://creativecommons.org/licenses/by-nc-sa/2.0/">licensed CC BY-NC-SA.</a><span class="cc-by-nc-sa">{{icon 'symbols/cc'}}{{icon 'symbols/cc-by'}}{{icon 'symbols/cc-nc'}}{{icon 'symbols/cc-sa'}}</span><br>&copy; {{date "yyyy"}} Jocelyn Badgley and Other Contributors </p>
<p><a href="/privacy">Privacy Policy</a></p>
</footer>
</div>
{{block "postscripts"}}
<noscript><img src="{{#prod}}//t.{{page.domain}}{{/prod}}/i?stage=noscript" style="display: none"></noscript>
</body>
</html>

31
templates/post.hbs.html Normal file
View File

@@ -0,0 +1,31 @@
{{#extend "layout"}}
{{#content "meta"}}
<meta property="og:title" content="{{title}}{{#if subtitle}}, {{subtitle}}{{/if}}">
<meta property="og:description" content="{{description}}">
{{#if titlecard}}<meta property="og:image" content="https://{{page.domain}}{{rev titlecard}}">{{/if}}
<meta property="og:url" content="https://{{page.domain}}{{url}}">
<meta name="twitter:title" content="{{title}}{{#if subtitle}}, {{subtitle}}{{/if}}">
<meta name="twitter:description" content="{{description}}">
{{#if titlecard}}
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:image" content="https://{{page.domain}}{{rev titlecard}}">
{{/if}}
<link rel="canonical" href="https://{{page.domain}}{{url}}">{{/content}}
{{#append 'post-header'}}
<div class="disclaimer"><div>
<strong>The Gender Dysphoria Bible is a Living Document</strong>
<p>The contents of this site will change over time as new additions and revisions are made to further expand upon the full breadth of Gender Dysphoria. In its current iteration it is severely lacking in AFAB narratives, non-binary, agender &amp; genderfluid specific dysphoria, and Third Gender narratives. The GDB is an open source and publicly funded project, <a href="https://github.com/GenderDysphoria/GenderDysphoria.fyi">content</a> and <a href="https://patreon.com/curvyandtrans">fiscal</a> contributions are extremely welcome.</p>
</div></div>
{{/append}}
{{#content "bodyClass"}}page{{/content}}
{{#content "body"}}
<article class="{{#each classes}}{{this}} {{/each}}markup">
<div class="post-content">{{{this.contents}}}</div>
</article>
{{/content}}
{{/extend}}

45
templates/tweet.hbs Normal file
View File

@@ -0,0 +1,45 @@
<div class="tweet{{#is ids.length 1}} single{{/is}} {{className}}" style="{{style}}">
{{#each ids}}
<div class="tweet-item" data-id="{{this}}">{{#with (lookup ../tweets this)}}
<a class="tweet-header" href="https://twitter.com/{{user.screen_name}}">
<b><img src="{{rev user.avatar.output}}" alt=""></b>
<strong>
{{{user.name_html}}}
{{#if user.verified}}<i class="tweet-verified">&nbsp;</i>{{/if}}
{{#if user.protected}}<svg viewBox="0 0 24 24" aria-label="Protected account" class="tweet-protected"><g><path fill="currentColor" d="M19.75 7.31h-1.88c-.19-3.08-2.746-5.526-5.87-5.526S6.32 4.232 6.13 7.31H4.25C3.01 7.31 2 8.317 2 9.56v10.23c0 1.24 1.01 2.25 2.25 2.25h15.5c1.24 0 2.25-1.01 2.25-2.25V9.56c0-1.242-1.01-2.25-2.25-2.25zm-7 8.377v1.396c0 .414-.336.75-.75.75s-.75-.336-.75-.75v-1.396c-.764-.3-1.307-1.04-1.307-1.91 0-1.137.92-2.058 2.057-2.058 1.136 0 2.057.92 2.057 2.056 0 .87-.543 1.61-1.307 1.91zM7.648 7.31C7.838 5.06 9.705 3.284 12 3.284s4.163 1.777 4.352 4.023H7.648z"></path></g></svg>{{/if}}
</strong>
<span>@{{user.screen_name}}</span>
<img src="/tweets/logo.svg" alt="Twitter Logo" class="tweet-logo">
</a>
<div class="tweet-text">{{{html}}}</div>
{{#if quoted_status}}<a class="tweet-quoted" href="https://twitter.com/{{quoted_status.user.screen_name}}/status/{{quoted_status.id_str}}">
<strong>{{{quoted_status.user.name_html}}}</strong>
<span>@{{quoted_status.user.screen_name}}</span>
<div class="tweet-quoted-text">{{{quoted_status.html}}}</div>
</a>{{/if}}
{{#any extended_entities.media entities.media}}
<div class="tweet-entities"><div class="tweet-entities-inner"><div><div class="tweet-entities-grid count{{this.length}}">
{{#each this}}
<div class="tweet-entity">
{{#is type 'photo'}}<a class="tweet-photo" style="background-image: url({{media_url_https}}?name=medium);" href="{{media_url_https}}"></a>{{/is}}
{{#is type 'video'}}
<video controls poster="{{media_url}}" class="tweet-video">
{{#each video_info.variants}}
<source src="{{url}}" type="{{content_type}}">
{{/each}}
</video>
{{/is}}
{{#is type animated_gif}}
{{/is}}
</div>
{{/each}}
</div></div></div></div>
{{/any}}
<div class="tweet-footer">
<a class="tweet-date" href="https://twitter.com/{{user.screen_name}}/status/{{id_str}}">{{date created_at "h:mm aa - LLL do, yyyy"}}</a>
</div>
{{else}}Missing tweet for {{this}}{{/with}}</div>
{{/each}}
</div>