*+☽ ━ badbye / storage

[guppy]

[table][tr][td]

5:10

[/td][td]

[/td][td]

[table][tr][td]

[/td][td]

[/td][/tr][/table]

[/td][/tr][/table]

Boy

IS TYPING...

Lorem ipsum dolor sit amet ...

Consectetur adipiscing elit. Proin varius, diam sit amet sodales cursus, dolor mi tristique lectus, sed interdum mauris mauris sed ipsum.

Maecenas bibendum, neque sit amet efficitur pretium, odio metus tristique diam, vehicula viverra nulla libero sit amet diam.

wip / click the spoiler for info and code:

also inspired by a jcink template i saw ages ago and hope i can find again. not sure if it's spot on but oh well
i took too damn long coding the battery icon and the blinking message icons yikes, but at least the battery icon can be adjusted to be at any percentage of battery
need to code a space for the actual keyboard
im just v tired

Code:

[align=center][div style="width: 280px; max-height: 530px; background: linear-gradient(#937d62, black); border-radius: 50px; border: 15px solid white; padding-bottom: 25px;"][table][tr][td][div style="width: 45px; height: 25px; background-color:; font-family: arial; font-size: 9pt; color: white; padding-top: 6px; padding-left: 12px;"]5:10[/div][/td][td][div style="width: 140px; height: 25px; background-color: white; border-radius:0em 0em 2em 2em;"][/div][/td][td][div style="width: 45px; height: 25px; background-color:; font-family: arial; font-size: 9pt; color: white; padding-top: 11px; padding-left: 12px;"][table][tr][td][div style="width: 18px; height: 9px; border: 1px solid white;"][div style="width: 3px; height: 7px; background-color: red;"][/div][/div][/td][td][div style="width: 2px; height: 3px; background-color: white; margin-top: 2.5px;"][/div][/td][/tr][/table][/div][/td][/tr][/table]
[div style="width: 100px; height: 100px; background-image:url(https://data.whicdn.com/images/318904682/original.gif); background-size: 100%; background-size: center; border-radius: 100px; border: 5px solid white; margin-top: 40px;"][/div]
[div style="width: 100px; height: auto; font-family: roboto; font-size: 15pt; color: white; text-align: center; margin-top: 20px;"][b]Boy[/b][/div]
[div style="width: 100px; height: auto; font-family: roboto; font-size: 8pt; color: white; text-align: center; margin-top: 5px; letter-spacing: 1px;"]IS TYPING...[/div]
[div style="width: 250px; max-height: 242px; height: overflow; overflow: scroll; background-color:; border-radius:0em 0em 3em 3em; margin-top: 20px; padding-bottom: 20px;"][div style="max-width: 190px; height: overflow; overflow: stretch; background-color: #a9967f; font-family: roboto; font-size: 9pt; color: white; text-align: justify; padding: 10px; border-radius:2em 2em 0em 2em; margin-left: 30px;"]Lorem ipsum dolor sit amet ... :)[/div][div style="max-width: 190px; height: overflow; overflow: stretch; background-color: #a9967f; font-family: roboto; font-size: 9pt; color: white; text-align: justify; padding: 10px; border-radius:2em 2em 0em 2em; margin-left: 30px; margin-top: 10px;"]Consectetur adipiscing elit. Proin varius, diam sit amet sodales cursus, dolor mi tristique lectus, sed interdum mauris mauris sed ipsum.[/div][div style="max-width: 190px; height: overflow; overflow: stretch; background-color: #a9967f; font-family: roboto; font-size: 9pt; color: white; text-align: justify; padding: 10px; border-radius:1em 1em 0em 1em; margin-left: 30px; margin-top: 10px;"]Maecenas bibendum, neque sit amet efficitur pretium, odio metus tristique diam, vehicula viverra nulla libero sit amet diam.[/div][div style="max-width: 50px; height: 30px; background-color: #beb1a0; font-family: roboto; font-size: 9pt; color: white; text-align: justify; border-radius:1em 1em 1em 0em; margin-right: 170px; margin-top: 15px; padding-left: 11px; padding-top: 8px;"][div style="width: 26px; height: 13px; background-image:url(https://i.imgur.com/kbRYP1P.gif); background-size: 100%;"][/div][/div][/div][/div][/align]