Advanced crumpled paper layout

Tags: paper, twilight, background

Description:

See other layout here for a slightly less intensive version of this effect.

You can replace background with whatever you'd like. Remove "invert(100%)" for a dark version. Please keep credit!

This layout may be incompatible with layouts that put "position: fixed" things.

Preview:

click on the image for a larger preview

Code:

<!-- (c) Layout created by Twilight Sparkle (https://layouts.spacehey.com/layout?id=1912) -->

<style>body{filter:url(data:image/svg+xml;base64,IDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICAgIDxmaWx0ZXIgeD0iLTIwJSIgeT0iLTIwJSIgd2lkdGg9IjE0MCUiIGhlaWdodD0iMTQwJSIgZmlsdGVyVW5pdHM9Im9iamVjdEJvdW5kaW5nQm94IiBpZD0iZiI+CiAgICAgIDxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIwLjAzIiBudW1PY3RhdmVzPSIzIiBzZWVkPSIxIiByZXN1bHQ9ImYxIj4KICAgICAgPC9mZVR1cmJ1bGVuY2U+CiAgICAgIDxmZURpc3BsYWNlbWVudE1hcCB4Q2hhbm5lbFNlbGVjdG9yPSJSIiB5Q2hhbm5lbFNlbGVjdG9yPSJHIiBzY2FsZT0iNSIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iZjEiIHJlc3VsdD0iZjQiPgogICAgICA8L2ZlRGlzcGxhY2VtZW50TWFwPgogICAgICA8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC4wMyIgbnVtT2N0YXZlcz0iMyIgc2VlZD0iMTAiIHJlc3VsdD0iZjIiPgogICAgICA8L2ZlVHVyYnVsZW5jZT4KICAgICAgPGZlRGlzcGxhY2VtZW50TWFwIHhDaGFubmVsU2VsZWN0b3I9IlIiIHlDaGFubmVsU2VsZWN0b3I9IkciIHNjYWxlPSI1IiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJmMiIgcmVzdWx0PSJmNSI+CiAgICAgIDwvZmVEaXNwbGFjZW1lbnRNYXA+CiAgICAgIDxmZVR1cmJ1bGVuY2UgdHlwZT0iZnJhY3RhbE5vaXNlIiBiYXNlRnJlcXVlbmN5PSIxLjIiIG51bU9jdGF2ZXM9IjIiIHNlZWQ9IjEwMCIgcmVzdWx0PSJmMyI+CiAgICAgIDwvZmVUdXJidWxlbmNlPgogICAgICA8ZmVEaXNwbGFjZW1lbnRNYXAgeENoYW5uZWxTZWxlY3Rvcj0iUiIgeUNoYW5uZWxTZWxlY3Rvcj0iRyIgc2NhbGU9IjMiIGluPSJTb3VyY2VHcmFwaGljIiBpbjI9ImYzIiByZXN1bHQ9ImY2Ij4KICAgICAgPC9mZURpc3BsYWNlbWVudE1hcD4KICAgICAgPGZlQmxlbmQgbW9kZT0ibXVsdGlwbHkiIGluMj0iZjQiIGluPSJmNSIgcmVzdWx0PSJvdXQxIj4KICAgICAgPC9mZUJsZW5kPgogICAgICA8ZmVCbGVuZCBtb2RlPSJtdWx0aXBseSIgaW49Im91dDEiIGluMj0iZjYiIHJlc3VsdD0ib3V0MiI+CiAgICAgIDwvZmVCbGVuZD4KICAgIDwvZmlsdGVyPgoJPC9zdmc+#f) invert(100%) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmaWx0ZXIgaWQ9ImYiPjxmZUNvbG9yTWF0cml4IHR5cGU9Imx1bWluYW5jZVRvQWxwaGEiIHZhbHVlcz0iIj48L2ZlQ29sb3JNYXRyaXg+PC9maWx0ZXI+PC9kZWZzPjwvc3ZnPg==#f)}
:root{
  background-image: url(https://totallygay.website/i/0n9q.jpg);
  background-attachment: fixed;
  background-size: cover
}</style>

Copy and paste this code into the "About me" section of your Profile to use it.

Caution: This Layout was not inspected by SpaceHey — use it at your own risk.

Comments

Displaying 20 of 20 comments ( View all | Add Comment )

kris/moon	1728572523 usimg Report Comment
Adam	1728099030 Using:) Report Comment
Erra ☆ (kenjixpp)	1724596628 using! ^_^ Report Comment
mizuya ! !	1721311394 USINGGG Report Comment
Anasyy	1720690513 Using Report Comment
Klutz	1720029643 using! Report Comment
odetomae	1719871663 using :P Report Comment
bastard †	1715552680 using Report Comment
✞	1715467866 i took off invert 100% it switched the colors and it made my website look all weird! any tips on how to fix Report Comment
R0B0T1C	1712628713 using >< Report Comment
ׂ╰┈➤ ZiP ✎	1711388215 USING Report Comment
key	1709994358 using !! Report Comment
kells☆	1704489096 usingg Report Comment
Nyxyy	1703389417 using Report Comment
diork	1698712990 using Report Comment
ray/adam ✸	1694403529 love it but this is the laggiest thing ever Report Comment
Tefa	1632876782 Very ! Report Comment
Maeven Isley	1614337310 I really love the look of this one, gonna try it out, thanks!💜 Report Comment