<!--
colors used:
red: #bc4749
beige: #f2e8cf
current max-width: 700px;
If you are using this code to gift a character, it's recommended to store the art in a separate tab (not sub-gallery) so that it's hidden from the main page
If you (and the recipient) have premium, you can alternatively add the following line in the CSS to hide the gallery:
.profile-gallery-section {display: none;}
If you want to add some icons in the text, here are some quick access icon classes:
birthday cake: fas fa-birthday-cake
snowflake: fas fa-snowflake
gift(s): fas fa-gift / fas fa-gifts
-->
<div class="mx-auto text-dark" style="max-width: 700px;">
<!-- bow, !!do not edit, except for the color under 'fill' -->
<svg viewBox="6.336 4.608 484.448 108.296" style="max-width: 100%">
<path fill="#bc4749" d="M 88.07 35.356 C 60.034 31.372 35.621 40.657 32.852 60.06 C 30.083 79.464 38.045 96.737 101.661 95.922 C 148.576 95.321 197.644 94.319 221.882 94.154 L 221.882 87.52 C 188.468 72.659 109.951 38.467 88.07 35.356 Z M 102.186 106.336 C 18.253 107.634 7.749 80.091 11.4 49.152 C 15.052 18.213 47.264 3.408 84.251 9.76 C 106.453 13.575 172.573 47.608 221.882 74.207 L 221.882 72.573 L 276.832 72.573 C 325.126 47.44 387.699 16.551 410.239 12.849 C 448.918 6.495 482.606 21.302 486.426 52.241 C 490.244 83.18 479.258 110.723 391.485 109.423 C 350.179 108.812 309.965 107.649 278.35 106.723 L 278.35 108.152 L 221.882 108.152 L 221.882 105.371 C 220.99 105.371 220.095 105.371 219.188 105.371 C 217.025 105.404 215.601 105.482 214.998 105.611 C 214.998 105.611 215.143 105.53 215.43 105.373 C 182.906 105.399 142.044 105.717 102.186 106.336 Z M 392.032 99.011 C 458.559 99.825 466.888 82.552 463.992 63.149 C 461.097 43.746 435.565 34.46 406.249 38.445 C 385.655 41.244 317.242 69.844 278.35 86.618 L 278.35 98.241 C 305.819 98.188 349.704 98.491 392.032 99.011 Z"></path>
</svg>
<!-- link / lid -->
<a href="" class="btn m-0 p-0 border-0" data-target="#collapse" data-toggle="collapse" style="height: 70px; width: 100%; background-color: #bc4749; box-shadow: 0 2px 5px -3px #000; margin-top: -30px;">
</a>
<!-- hidden content / inside the box -->
<div class="collapse text-center" id="collapse" style="background-color: #f2e8cf; width: calc(100% - 20px); margin-left: 10px; box-shadow: 0 0 15px -7px #000 inset; padding: 15px;">
<!-- the image :D -->
<img src="IMAGE_URL" style="margin: auto; max-width: 100%;">
<!-- a message, if you want -->
<p class="display-4">
Happy holidays <i class="fas fa-gifts"></i>
</p>
</div>
<!-- outside box -->
<div style="height: 300px; width: calc(100% - 20px); background-color: #f2e8cf; margin-left: 10px; box-shadow: 0 2px 5px -3px #000; border-top: 2px solid #fff">
<!-- ribbon strip on the box -->
<div style="background-color: #bc4749; width: 70px; height: 100%; margin: auto;"></div>
</div>
<!-- credits, do not remove! -->
<div class="text-right w-100 mt-3" style="font-size: 0.8em;">
<a href="/Okapei" class="text-secondary" style="text-decoration:none;" data-toggle="tooltip" data-placement="bottom" title="Idea by Okapei"><i class="far fa-lightbulb"></i></a>
<a href="/geister_ghost" class="text-secondary" style="text-decoration:none;" data-toggle="tooltip" data-placement="bottom" title="Code by geister_ghost"><i class="fas fa-code"></i></a>
</div>
</div>