Skip to content

Instantly share code, notes, and snippets.

@JaeBats

JaeBats/! Secret

Last active October 23, 2021 18:15
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save JaeBats/4e011cb7cca13ef86dd7f58e432166a6 to your computer and use it in GitHub Desktop.
Save JaeBats/4e011cb7cca13ef86dd7f58e432166a6 to your computer and use it in GitHub Desktop.
SKINNY
property of JaeKnight of Paperback
-please do not redistribute
-Please comment before using!!
-Please make sure you bought this, otherwise, you'll be blocked once I spot you.
[ I kinda accept donations ]
GIST CONTAINS
1. SKINNY : 24/7
2. SKINNY : Just day
3. SKINNY : Version 1 (Just Day only)
<div style="max-width: 400px; width: 90%; margin:auto;">
<div style="width: 100%; float: left;">
<div style="width: 100%;margin: auto;">
<div style="width: 100%; float: left; margin:80px 0; padding: 20px 0; font-family:'Helvetica', arial; font-size: 0.8rem;font-weight: 300; ">
<div style="width: 100%; margin: auto;">
<div style="width: 100%; float: left;">
<div style="width: 100%; height: 3px; float: left; background:#bebebe; margin: 5px 0;">&nbsp;</div>
<!-- image section -->
<div style="width: 100%; float: left; line-height: 0.7;">
<img src="https://i.imgur.com/Ta1PYFy.jpg"/>
</div>
<!-- end of image -->
<!-- section 2 -->
<div style="width: 100%; height: 3px; float: left; background:#bebebe; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em;">description</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum.
</div>
</div>
<!-- end of section 2 -->
<!-- section 1 -->
<div style="width: 100%; height: 3px; float: left; background:#bebebe; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em;">Characters</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">Praesent mauris, Fusce nec tellus, Sed augue </div>
</div>
<!-- end of section 1 -->
<!-- section 3 -->
<div style="width: 100%; height: 3px; float: left; background:#bebebe; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em;">Warnings</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. </div>
</div>
<!-- end of section 3 -->
<!-- section 4 -->
<div style="width: 100%; height: 3px; float: left; background:#bebebe; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em;">author's note</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.</div>
<!-- links -->
<div style="width: 100%; float: left; margin-top:20px; ">
<div style="font-size:0.8em;">
LINKS — <br/><u><a href="#" rel="nofollow">link 1</a></u> / <u><a href="#" rel="nofollow">link 2</a></u>
</div>
</div>
<!-- end of links -->
</div>
<!-- end of section 4 -->
<!-- section 5 - other stories -->
<div style="width: 100%; height: 2px; float: left; border-top: 1px dashed #bbb; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style="text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em;">other stories</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">
<a href="#"><u><b>Story Title</b></u></a> - <b>Pairing</b>, genre, genre<br/>
<a href="#"><u><b>Title II</b></u></a> - <b>Pairing</b>, genre, genre<br/>
</div>
</div>
<!-- end of section 5 other stories -->
<div style="width: 100%; height: 3px; float: left; background:#bebebe; margin: 5px 0;">&nbsp;</div>
<!-- Playlist -->
<div style="width: 100%; float: left;">
<div style="width: 100%; float: left;">
<div style="width: 100%; height: 70px; float: left; background:#f3f3f3; color: #4a4f55;margin-bottom: 5px; border-radius: 5px; overflow: hidden;">
<div style="width: 50px; height: 50px; float: left; margin: 10px; border-radius: 5px; overflow: hidden;">
<a href="https://open.spotify.com/playlist/1WTOKpLjltw1sB7L1wT2BY?si=e4f31f03257e416c&nd=1" title="click to play whole playlist" style="float: right; color: #000;"><img src="https://i.imgur.com/n1F87JN.jpg"/></a>
</div>
<div style="float: left; margin-top: 10px; line-height: 7px;">
<span style="font-size: 7px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase;">now playing</span><br/>
<span style="font-size: 14px; line-height: 16px; letter-spacing: -0.4px;"><b>Break My Heart</b></span><br/>
<span style="font-size: 10px; letter-spacing: 1px; ">Dua Lipa</span><br/>
</div>
<div style="float:right;margin:27px 20px 0 0;">
<div style="float:right;line-height:16px;"><span style="font-size:8px;letter-spacing:-3px;float:left;">◄◄</span><span style="font-size:16px;float:left;margin:0 5px 0 9px;">►</span><span style="font-size:8px;letter-spacing:-3px;float:left;">►►</span></div>
<div style="width:20px;height:19px;float:right;overflow:hidden;margin-top:0px;margin-right:-37px;opacity:0.01;" title="Play me"><iframe frameborder="0" height="80" src="https://www.youtube.com/embed/nQA97xS49LQ" style="margin-top:-40px;margin-left:-20px;" title="YouTube video player" width="100"></iframe></div>
</div>
</div>
</div>
<div style="width: 100%; float: left;">
<div style="width: 65%; height: 3px; line-height: 6px; float: left; background: #bebebe; color: #fff; ">
</div>
<div class="excerpt__meta" style="width: 35%; float: right; text-align: right; line-height: 6px; margin-top: -5px;">
<a href="https://open.spotify.com/playlist/1WTOKpLjltw1sB7L1wT2BY?si=e4f31f03257e416c&nd=1" title="click to play whole playlist" style="float: right; text-decoration: none; border-bottom: none; line-height: 6px;"><span style="font-size: 6px; letter-spacing: 1px; text-transform: uppercase; "><b>spotify playlist</b><span style="color: #bebebe;"> ►►</span></a>
</div>
</div>
</div>
<!-- End of playlist -->
<!-- DO NOT REMOVE -->
<div style="float:left;width:100%;text-align:center;font-family:Helvetica, arial;padding-top:2px;font-size:9px;"><strong><a href="https://www.asianfanfics.com/story/view/1212122" style="color:#bbb;" title="PAPERBACK by JaeKnight"><span style="text-transform:uppercase;font-size:7px;letter-spacing:1px;">paperback </span></a></strong><a href="https://www.asianfanfics.com/story/view/1095296" style="color:#bbb;" title="From Jaecomponents"><span style="text-transform:uppercase;font-size:7px;letter-spacing:1px;">by jc</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="max-width: 500px; margin:auto;">
<div style="width: 100%; float: left;">
<div style="width: 90%;margin: auto;">
<div style="width: 100%; float: left; margin:80px 0; padding: 20px 0; font-family:'Helvetica', arial; font-size: 0.8rem;background:#fff; color: #333;font-weight: 300; ">
<div style="width: 90%; margin: auto;">
<div style="width: 100%; float: left;">
<div style="width: 100%; height: 3px; float: left; background:#023e8a; margin: 5px 0;">&nbsp;</div>
<!-- image section -->
<div style="width: 100%; float: left; line-height: 0.7;">
<img src="https://i.imgur.com/jcdB18H.jpg"/>
</div>
<!-- end of image -->
<!-- section 2 -->
<div style="width: 100%; height: 3px; float: left; background:#023e8a; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em; color:#023e8a">description</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. </div>
</div>
<!-- end of section 2 -->
<!-- section 1 -->
<div style="width: 100%; height: 3px; float: left; background:#023e8a; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em; color:#023e8a">Characters</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">Praesent mauris, Fusce nec tellus, Sed augue </div>
</div>
<!-- end of section 1 -->
<!-- section 3 -->
<div style="width: 100%; height: 3px; float: left; background:#023e8a; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em; color:#023e8a">Warnings</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. </div>
</div>
<!-- end of section 3 -->
<!-- section 4 -->
<div style="width: 100%; height: 3px; float: left; background:#023e8a; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style=" text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em; color:#023e8a">author's note</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta.</div>
<!-- links -->
<div style="width: 100%; float: left; margin-top:20px; ">
<div style="font-size:0.8em;">
LINKS — <br/><u><a href="#" rel="nofollow">link 1</a></u> / <u><a href="#" rel="nofollow">link 2</a></u>
</div>
</div>
<!-- end of links -->
</div>
<!-- end of section 4 -->
<!-- section 5 - other stories -->
<div style="width: 100%; height: 2px; float: left; border-top: 1px dashed #bbb; margin: 5px 0;">&nbsp;</div>
<div style="width: 100%; float: left; margin:10px 0;">
<!-- section label -->
<span style="color: #5e5e5e; text-transform: uppercase; font-family: 'arial black', Helvetica,arial; font-weight: 700; font-size: 1em;">other stories</span>
<br/>
<!-- section content -->
<div style="font-size:0.9em;color: #5e5e5e;">
<a href="#"><u><b>Story Title</b></u></a> - <b>Pairing</b>, genre, genre<br/>
<a href="#"><u><b>Title II</b></u></a> - <b>Pairing</b>, genre, genre<br/>
</div>
</div>
<!-- end of section 5 other stories -->
<div style="width: 100%; height: 3px; float: left; background:#023e8a; margin: 5px 0;">&nbsp;</div>
<!-- Playlist -->
<div style="width: 100%; float: left;">
<div style="width: 100%; float: left;">
<div style="width: 100%; height: 70px; float: left; background:#f3f3f3; margin-bottom: 5px; border-radius: 5px; overflow: hidden;">
<div style="width: 50px; height: 50px; float: left; margin: 10px; border-radius: 5px; overflow: hidden;">
<a href="https://open.spotify.com/playlist/1WTOKpLjltw1sB7L1wT2BY?si=e4f31f03257e416c&nd=1" title="click to play whole playlist" style="float: right; color: #000;"><img src="https://i.imgur.com/PbY4vtp.jpg"/></a>
</div>
<div style="float: left; margin-top: 10px; line-height: 7px;">
<span style="font-size: 7px; line-height: 18px; letter-spacing: 1px; text-transform: uppercase;">now playing</span><br/>
<span style="font-size: 14px; line-height: 16px; letter-spacing: -0.4px;"><b>Break My Heart</b></span><br/>
<span style="font-size: 10px; letter-spacing: 1px; ">Dua Lipa</span><br/>
</div>
<div style="float:right;margin:27px 20px 0 0;">
<div style="float:right;line-height:16px;"><span style="font-size:8px;letter-spacing:-3px;float:left;">◄◄</span><span style="font-size:16px;float:left;margin:0 5px 0 9px;">►</span><span style="font-size:8px;letter-spacing:-3px;float:left;">►►</span></div>
<div style="width:20px;height:19px;float:right;overflow:hidden;margin-top:0px;margin-right:-37px;opacity:0.01;" title="Play me"><iframe frameborder="0" height="80" src="https://www.youtube.com/embed/nQA97xS49LQ" style="margin-top:-40px;margin-left:-20px;" title="YouTube video player" width="100"></iframe></div>
</div>
</div>
</div>
<div style="width: 100%; float: left;">
<div style="width: 65%; height: 3px; line-height: 6px; float: left; background: #023e8a; color: #fff; ">
</div>
<div style="width: 35%; float: right; text-align: right; line-height: 6px; margin-top: -3px;">
<a href="https://open.spotify.com/playlist/1WTOKpLjltw1sB7L1wT2BY?si=e4f31f03257e416c&nd=1" title="click to play whole playlist" style="float: right; color: #000;"><span style="font-size: 6px; letter-spacing: 1px; text-transform: uppercase;"><b>spotify playlist</b><span style="color: #023e8a;"> ►►</span></a>
</div>
</div>
</div>
<!-- End of playlist -->
<!-- DO NOT REMOVE -->
<div style="float:left;width:100%;text-align:center;font-family:Helvetica, arial;padding-top:10px;font-size:9px;"><strong><a href="https://www.asianfanfics.com/story/view/1212122" style="color:#bbb;" title="PAPERBACK by JaeKnight"><span style="text-transform:uppercase;font-size:7px;letter-spacing:1px;">paperback </span></a></strong><a href="https://www.asianfanfics.com/story/view/1095296" style="color:#bbb;" title="From Jaecomponents"><span style="text-transform:uppercase;font-size:7px;letter-spacing:1px;">by jc</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div style="max-width:500px;margin:auto;">
<div style="width:100%;float:left;">
<div style="width:90%;margin:auto;">
<div style="width:100%;float:left;margin:80px 0;padding:20px 0;background:#fff;color:#333;font-family:Helvetica, arial;font-size:0.8rem;font-weight:300;">
<div style="width:90%;margin:auto;">
<div style="width:100%;float:left;">
<div style="width:100%;height:3px;float:left;background:#a71a1e;margin:5px 0;">&nbsp;</div>
<div style="width:100%;float:left; line-height: 0.7;"><a href="https://www.asianfanfics.com/story/view/1480338"><img alt="4b34a8.jpg" src="https://photo.asianfanfics.com/user/264810/4b34a8.jpg" /></a></div>
<div style="width:100%;height:3px;float:left;background:#a71a1e;margin:5px 0;">&nbsp;</div>
<div style="width:100%;float:left;margin:10px 0;">
<span style="color:#a71a1e;text-transform:uppercase;font-family:'arial black', Helvetica, arial;font-weight:700;font-size:1em;">characters</span>
<div style="font-size:0.9em;">Byun Baekhyun, Lee Seohyun (OC)<br />
<i>with</i> Park Chanyeol, Kim Jongin, OCs, Do Kyungsoo &amp; more
</div>
</div>
<div style="width:100%;height:3px;float:left;background:#a71a1e;margin:5px 0;">&nbsp;</div>
<div style="width:100%;float:left;margin:10px 0;">
<span style="color:#a71a1e;text-transform:uppercase;font-family:'arial black', Helvetica, arial;font-weight:700;font-size:1em;">genres/AU</span>
<div style="font-size:0.9em;">romance, satire, college!AU, smut, OC is lowkey a fuckgirl</div>
</div>
<div style="width:100%;height:3px;float:left;background:#a71a1e;margin:5px 0;">&nbsp;</div>
<div style="width:100%;float:left;margin:10px 0;">
<span style="color:#a71a1e;text-transform:uppercase;font-family:'arial black', Helvetica, arial;font-weight:700;font-size:1em;">warnings</span>
<div style="font-size:0.9em;">Rated 16+&nbsp;for inevitable events (ehem);&nbsp;sexual-ish, vulgar, and sarcastic language.&nbsp;</div>
</div>
<div style="width:100%;height:3px;float:left;background:#a71a1e;margin:5px 0;">&nbsp;</div>
<div style="width:100%;float:left;margin:10px 0;">
<span style="color:#a71a1e;text-transform:uppercase;font-family:'arial black', Helvetica, arial;font-weight:700;font-size:1em;">jae&#39;s notes</span>
<div style="font-size:0.9em;">Simple plot. Short story. Kinda want to steer&nbsp;away for a while from complex plots lol. And&nbsp;kinda want to write something about this after watching &ldquo;A Single Man&rdquo;, they went skinny dipping. Looked fun lol. Can&rsquo;t think of a better title huhu. Enjoy!! Try first chapter when released!</div>
<div style="width:100%;float:left;margin-top:20px;">
<div style="font-size:0.8em;">LINKS &mdash;<br />
<u><a href="https://curiouscat.me/jaeknight" rel="nofollow">curious cat</a></u> / <u><a href="https://twitter.com/jaeandbats" rel="nofollow">twitter</a></u>
</div>
</div>
</div>
<div style="width:100%;height:2px;float:left;border-top:1px dashed #bbb;margin:5px 0;">&nbsp;</div>
<div style="width:100%;float:left;margin:10px 0;">
<span style="color:#5e5e5e;text-transform:uppercase;font-family:'arial black', Helvetica, arial;font-weight:700;font-size:1em;">other stories</span>
<div style="font-size:0.9em;color:#5e5e5e;"><a href="https://www.asianfanfics.com/story/view/1075246/the-imaginary-one-watch-new-trailer"><u><b>The Imaginary One</b></u></a> - <b>Kai x OC,</b> romance, drama, psychological, dream!AU<br />
<a href="https://www.asianfanfics.com/story/view/1428376"><u><b>Tunnel Caprica</b></u></a> - <b>Sehun x BBH,</b> smut, dark romance, rich!Sehun, confused!bbh<br />
<a href="https://www.asianfanfics.com/story/view/1054041"><u><b>Interrogation</b></u></a> - <b>Luhan, Sehun, Lay,</b> psychological, mystery, detective!AU<br />
<a href="https://www.asianfanfics.com/story/view/1038979/after-prison"><u><b>After Prison</b></u></a> - <b>Xiumin,</b> psychological, angst
</div>
</div>
<div style="width:100%;height:3px;float:left;background:#a71a1e;margin:5px 0;">&nbsp;</div>
<div style="float:left;width:100%;text-align:center;font-family:Helvetica, arial;padding-top:2px;font-size:9px;"><strong><a href="https://www.asianfanfics.com/story/view/1212122" style="color:#bbb;" title="PAPERBACK by JaeKnight"><span style="text-transform:uppercase;font-size:7px;letter-spacing:1px;">paperback </span></a></strong><a href="https://www.asianfanfics.com/story/view/1095296" style="color:#bbb;" title="From Jaecomponents"><span style="text-transform:uppercase;font-size:7px;letter-spacing:1px;">by jc</span></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment