Krakoa Data Page Work Skin

by Cosmopolis

Notes:

• Inspired by AO3 Work Skin for In-Universe Investigative/Mission Report With Redaction by wafflelate

Hello! This is a work skin to encode a basic Krakoan data page into a fanfiction.

While I have embedded an image of the HoX/PoX logo here, you can replace the image link with the team of your choosing. This logo is currently hosted on my Tumblr.

As this is basic template, the CSS and HTML can be edited to change the formatting to add charts, tables, etc. This skin was tested on a phone, tablet and laptop, with the latter two being easier to read since the margins don’t squish the text together. This can be remedied by changing the margin size for the right side (padding-right).

I have not figured out why the formatting is also causing this note’s margins to change. This part of the note will be removed once a solution is found.

Chapter 1: Example

TITLE

REGULAR TEXT: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi volutpat varius diam, vel scelerisque velit lobortis eu. Vestibulum euismod tellus id sem luctus, ut blandit ex finibus.

Praesent lacus ligula, sodales at eros vitae, ultrices ultricies dolor. Phasellus condimentum, purus a consectetur euismod, tortor metus viverra nulla, sit amet vehicula libero lacus non leo. Cras sagittis elit vitae efficitur lobortis. Duis rutrum, erat quis blandit suscipit, nibh lectus ornare felis, non iaculis tellus augue vel mauris. Sed sem tellus, dapibus eget pharetra scelerisque, molestie in nulla.

LIST

1. Nullam tincidunt, justo id auctor aliquet, magna libero lobortis dui, ut dapibus diam justo vel turpis.
2. Integer interdum elit porttitor magna imperdiet, quis tristique ipsum cursus. Pellentesque in interdum felis, vel sollicitudin est.
3. Mauris convallis justo ligula, scelerisque hendrerit odio efficitur at. Integer venenatis suscipit ligula, vitae imperdiet elit volutpat eu.

REDACTED TEXT: ███████████ Donec sit amet lorem orci. Maecenas turpis erat, posuere non egestas rutrum, vulputate sed est. Curabitur consectetur et lectus quis congue. █████ ██████, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. █████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████.