Untitled

<!DOCTYPE html>
<title>meow</title>

<div style="
    bottom: 0px;
    position: absolute;
    top: 0px;
    z-index: 9999;
    left: 0;
    right: 0;
    background-color: #000;
">
<div style="position: absolute; top: 0px; bottom: 0px;
left: 0px; right: 0px; z-index: 9001">
    <iframe src="https://www.youtube.com/embed/hr1dfwy4n90?autoplay=1&loop=1" width="100%" height="100%"></iframe>
</div>
<object id="plugin" type="application/x-cfx-game-view" style="
    filter: url(#chromakey);
    position: absolute; top: 50px; left: 50px; width: 60%; height: 60%; z-index: 9002;
"></object>
<div style="background-color: rgba(0, 0, 0, .4); position: absolute; top: calc(50px + 40%); left: calc(40% + 100px); color: #fff; font-family: 'Segoe UI'; z-index: 9002;">
hi welcome to this cool rp server for cool kids only<br>
look that's you on the left!
</div>

    <svg class="defs-only">
            <filter id="chromakey" color-interpolation-filters="sRGB" x="0" y="0" height="100%" width="100%">
        <feColorMatrix type="matrix" values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1000 0"></feColorMatrix>

    <feColorMatrix type="matrix" values="1   0   0   0   0
                            0   1   0   0   0
                            0   0   1   0   0
                            1.5 -2  1.5 0   1"></feColorMatrix>
            </filter>
        </svg>
</div>

--

local p = PlayerPedId()

CreateThread(function()
    while true do
        Wait(0)

        local coords = GetEntityCoords(p)
        DrawBox(coords + vector3(4.0, 4.0, 4.0), coords - vector3(4.0, 4.0, 4.0), 0, 255, 0, 255)
    end
end)