(no subject)

[queimar]

etc

Comments

[queimar]

<lj-raw><article style="height:500px;width:800px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;background:#fff;text-align:center;font-family:georgia,serif;font-size:8px;letter-spacing:1px;color:#111;"> <!--COLOR PALETTE--> <section style="height:100%;width:calc((500px / 6) - 5px);display:flex;flex-direction:column;justify-content:space-between;"> <div style="background:#250902;height:calc((100% / 6) - 5px);"></div> <div style="background:#38040e;height:calc((100% / 6) - 5px);"></div> <div style="background:#640d14;height:calc((100% / 6) - 5px);"></div> <div style="background:#800e13;height:calc((100% / 6) - 5px);"></div> <div style="background:#ad2831;height:calc((100% / 6) - 5px);"></div> <div style="background:#ff758f;height:calc((100% / 6) - 5px);"></div> </section> <!--IMAGES--> <section style="width:calc(100% - ((500px / 6)) - 3px);height:100%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr;grid-gap:6px;grid-template-areas:'one one four five''one one six six''two three six six';"> <!--IMG1--> <div style="grid-area:one;background:#ddd url(https://i.pinimg.com/1200x/ae/1b/5f/ae1b5fac6c80dbc16d5e40366e271c02.jpg)center 50%;background-size:cover;display:flex;align-items:flex-end;justify-content:center;"> <!--LEFT TEXT - CAN DELETE--> <div style="background:#fff;padding:10px;margin:0 0 calc(((10px + 1px) + 6px) * -1) 0;width:calc((800px / 2) / 2);position:relative;box-sizing:border-box;"> DA-LUA </div> </div> <!--IMG2--> <div style="grid-area:two;background:#ddd url(https://i.pinimg.com/736x/8b/cb/28/8bcb28564bee88cf7a164ef26180da12.jpg);background-size:cover;"></div> <!--IMG3--> <div style="grid-area:three;background:#ddd url(https://i.pinimg.com/1200x/dd/e6/58/dde65824db85e5f78534d42c6f367dad.jpg);background-size:cover;"></div> <!--IMG4--> <div style="grid-area:four;background:#ddd url(https://i.pinimg.com/736x/52/73/0e/52730ea8ffa405c07c8d93f65207d33c.jpg);background-size:cover;"></div> <!--IMG5--> <div style="grid-area:five;background:#ddd url(https://i.pinimg.com/736x/33/6e/1e/336e1e2aa04152f9fe741617e362f683.jpg);background-size:cover;"></div> <!--IMG6--> <div style="grid-area:six;background:#ddd url(https://i.pinimg.com/1200x/67/6c/9a/676c9aa338c377be7be38155eafa81ab.jpg)90%;background-size:cover;display:flex;align-items:flex-start;justify-content:center;"> <!--RIGHT TEXT - CAN DELETE--> <div style="background:#fff;padding:10px;margin:calc(((10px + 1px) + 6px) * -1) 0 0 0;width:calc((800px / 2) / 2);position:relative;box-sizing:border-box;"> « OF THE MOON » </div> </div> </section> </article><div style="width:800px;margin:5px auto 0 auto;font-size:8px;letter-spacing:2px;text-align:right;"><a href="https://patreon.com/tessisamess" style="color:#aaa;text-decoration:none;">CODING</a></div></lj-raw>