Skip to content

Instantly share code, notes, and snippets.

@jingcae
Created January 21, 2024 22:24
Show Gist options
  • Save jingcae/20793d4c5682383598a4c52e3d1a8efe to your computer and use it in GitHub Desktop.
Save jingcae/20793d4c5682383598a4c52e3d1a8efe to your computer and use it in GitHub Desktop.
if you have any concerns regarding the layout, please comment on the MAIN THREAD or message u/SCHNEIZEL.
<!--LAYOUT NOTES--> are there to help you with the code and will relocate and/or disappear once you are out of source.
<!--LAYOUT START-->
<div style="width:300px;margin:auto;">
<div style="float:left;width:300px;">
<div style="font-size:10px;line-height:10px;color:#000;font-family:arial;text-align:justify;">
<!--GRID, DO NOT TOUCH-->
<div style="background:#272740;float:left;width:300px;height:295px;">
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:20px 0px 20px 0px;width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:20px 0px 20px 0px;width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:20px 0px 20px 0px;width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:20px 0px 20px 0px;width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:20px 0px 20px 0px;width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:20px 0px 20px 0px;width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:20px 0px 20px 0px;width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="width:300px;height:1px;float:left;background:#000;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 20px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 40px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 60px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 80px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 100px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 120px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 140px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 160px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 180px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 200px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 220px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 240px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 260px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 280px;">&nbsp;</div>
<div style="margin:-295px 0px 0px 0px;width:1px;height:295px;float:left;background:#000;">&nbsp;</div>
<div style="width:1px;height:295px;float:left;background:#000;margin:-295px 20px 0px 300px;">&nbsp;</div>
</div>
<!--GRID, DO NOT TOUCH-->
<!--SEMI-TRANSPARENT BACKGROUND-->
<div style="width:275px;height:270px;float:left;margin:-280px 0px 0px 15px;"><img alt="opacity" src="https://i.imgur.com/4cKywFT.png" style="width:275px;height:270px;" /></div>
<!--SEMI-TRANSPARENT BACKGROUND-->
<div style="width:275px;height:270px;float:left;margin:-280px 0px 0px 15px;">&nbsp;</div>
<!--MAIN CONTENT-->
<div style="border:1px solid #000;width:273px;height:268px;float:left;background:#752828;margin:-285px 0px 0px 10px;">
<!--HEADER-->
<div style="float:left;width:253px;height:80px;overflow:hidden;margin:10px 0px 0px 10px;"><img alt="header" src="https://i.pinimg.com/564x/50/f6/8a/50f68a604bbf1c0c206aa630569834b6.jpg" style="width:253px;margin-top:-35px;" /></div>
<!--HEADER-->
<!--TITLE-->
<div style="margin:-15px 10px 0px 0px;float:left;width:263px;height:30px;font-family:'arial black';font-size:30px;line-height:28px;letter-spacing:-5px;text-align:right;color:#752828;"><strong>TARTAGLIA</strong></div>
<div style="margin:-28px 10px 0px -2px;float:left;width:263px;height:30px;font-family:'arial black';font-size:30px;line-height:28px;letter-spacing:-5px;text-align:right;color:#272740;"><strong>TARTAGLIA</strong></div>
<!--TITLE-->
<!--SUBTITLE-->
<div style="margin:-8px 10px 0px 20px;float:left;width:200px;height:20px;font-family:'arial black';text-align:right;color:#272740;"><em><strong>ELEVENTH OF THE<br />
FATUI HARBINGERS</strong></em></div>
<div style="margin:-22px 10px 0px 18px;float:left;width:200px;height:20px;font-family:'arial black';text-align:right;color:#752828;"><em><strong>ELEVENTH OF THE<br />
FATUI HARBINGERS</strong></em></div>
<!--SUBTITLE-->
<!--TEXT-->
<div style="width:175px;height:120px;margin:10px 50px 0px 52px;float:left;">
<div style="overflow:hidden;width:175px;height:120px;">
<div style="overflow:auto;width:192px;height:120px;">
<div style="width:175px;float:left;">
<div>the birds have left their trees the light pours onto me i can feel you lying there all on your own we got here the hard way all those words that we exchange is it any wonder things get broke? &#39;cause in my heart and in my head i&#39;ll never take back the things isaid So high above, i feel it coming down she said, in my heart and in my head tell me why this has to end oh, no, oh, no i can&#39;t save us, my atlantis, we fall we built this town on shaky ground i can&#39;t save us, my atlantis, oh, no.</div>
</div>
</div>
</div>
</div>
<!--TEXT-->
</div>
<!--MAIN CONTENT-->
<!--ICON-->
<div style="float:left;margin:-187px 0px 0px -35px;width:70px;height:70px;">
<div style="float:left;width:70px;height:70px;"><img alt="pfp" src="https://i.pinimg.com/564x/a3/37/3e/a3373e458cff3573264252923a30f992.jpg" style="border:5px solid #272740;width:70px;height:70px;border-radius:100%;" /></div>
</div>
<!--ICON-->
<!--DO NOT TOUCH-->
<div style="margin:5px 0px 10px 0px;float:left;width:300px;height:10px;">
<div style="text-align:center;"><a href="https://www.asianfanfics.com/story/view/1010649" style="color:#000;text-decoration:none;" title="schneizel @ egoist.">♔</a></div>
</div>
<!--DO NOT TOUCH-->
</div>
</div>
</div>
<!--LAYOUT END-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment