Skip to content

Instantly share code, notes, and snippets.

@JaeBats
Created Aug 21, 2021
Embed
What would you like to do?
AMNESIA (Story Layout)
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. Description layout
2. Foreword layout
<div style="max-width: 600px; width: 90%; margin: auto;">
<div style="width: 100%; float: left; font-family: arial; letter-spacing: 0.5px; font-size: 12px; border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd; padding: 20px 5px; margin: 30px 0; text-align: justify; margin-left: -5px;">
<p>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. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</p>
<br/>
<p>Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet.</p>
</div>
</div>
<div style="max-width: 350px; width: 90%; margin: auto; ">
<div style="width: 100%; float: left; font-family: arial;font-size: 11px; color: #000; background: #fff; border: 1px solid #000;margin-top: 30px;">
<!-- title -->
<div style="width: 100%; float: left;border-bottom: 1px dotted #000;">
<span style="padding:10px 15px;float:left;font-weight: 600; font-size: 10px; text-transform: uppercase; letter-spacing: 1px;">amnesia</span>
</div>
<!-- end of title -->
<!-- details -->
<div style="width: 100%; float: left;">
<div style="width: 90%; float: left; margin: 10px 5%; line-height: 18px;">
<b>Pairings: </b> Kim Jongin x Park Nayeon (OC)<br/>
<b>Characters: </b> Kim Jongin, Byun Baekhyun, Kim Minseok, Do Kyungsoo<br/>
<b>Genre/AU: </b> Romance, Drama, Soulmate!AU<br/>
<b>Warnings : </b> None<br/>
</div>
</div>
<!-- end of details -->
<!-- images -->
<div style="width: 100%; float: left;border-top: 1px dotted #000;border-bottom: 1px dotted #000; line-height: 0.7;">
<img src="https://64.media.tumblr.com/90666c6c82d94766e2d47846f78242c0/08060b794c49f875-a7/s540x810/20601e6b1a87c31e6b2f22fa87137419036a1d39.gif"/>
<img src="https://64.media.tumblr.com/c341043fc1a4a19aed368e1b2de907c0/08060b794c49f875-1b/s540x810/5fb0c95b12624a477cfb117f659c59fcda3ee47a.gif"/>
</div>
<!-- end of images -->
<!-- details 2-->
<div style="width: 100%; float: left;">
<div style="width: 90%; float: left; margin: 10px 5%; line-height: 18px;">
<!-- text -->
<div style="float: left;"><b>Author's note: </b>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>
<!-- end of text -->
<!-- other stories -->
<div style="float: left; margin-top: 20px; font-size: 10px;">
<span style="width:100%;float: left;text-transform: uppercase; font-size: 8px; letter-spacing: 1px; "><b>other stories</b></span>
<div style="float: left; border-left: 2px solid #ddd; padding-left: 10px; line-height: 15px;">
<a href="paperback" style="color: #000;"><b><u>Runaway</u></b></a> — <b>EXO x OC</b> / romance, fluff, Reverse Harem<br/>
<a href="paperback" style="color: #000;"><b><u>I'm Gonna Love You</u></b></a> — <b>Kyungsoo x OC</b> / romance, slice of life<br/>
<a href="paperback" style="color: #000;"><b><u>1BV</u></b></a> — <b>Sehun, Chanyeol</b> / comedy, crack, Social Media!AU<br/>
</div>
</div>
<!-- end of other stories -->
</div>
<div style="width: 100%; float: left; border-top: 1px dotted #000; margin-top: 10px;">
<div style="width: 90%; float: left; margin: 5px 5%; line-height: 18px; text-transform: uppercase; font-size: 8px; font-weight: 700;">
<a href="paperback" style="color: #888;">twitter</a>&nbsp; / &nbsp;<a href="paperback" style="color: #888;">curious cat</a>
</div>
</div>
</div>
<!-- end of details 2-->
</div>
<div style="float:left;width:100%;text-align:center;font-family:Helvetica, arial;padding-top:5px;font-size:9px;margin-bottom:30px;"><strong><a href="https://www.asianfanfics.com/story/view/1212122" style="color:#888;" 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:#888;" title="From Jaecomponents"><span style="text-transform:uppercase;font-size:7px;letter-spacing:1px;">by jc</span></a></div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment