XMPP invitation landing page, without javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<?xml version="1.0" encoding="UTF-8" ?>
<svg width="4000" height="4000" xmlns="http://www.w3.org/2000/svg">
    <defs>
        <filter id="f3" width="200%" height="200%">
            <feOffset result="offOut" in="SourceAlpha"/>
            <feGaussianBlur result="blurOut" in="offOut" stdDeviation="50" />
            <feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
        </filter>
    </defs>

    <g transform="translate(250,325)">
        <!-- Fourth: -->
        <g transform="translate(0,2250)" fill="#33691e">
            <polygon points="0,0 0,750 200,750 200,1100 550,750 2750,750 2750,0" filter="url(#f3)"/>
            <g transform="translate(150,150)" fill="#558b2f" >
                <rect x="0" y="0" width="2450" height="100" />
                <rect x="0" y="175" width="2450" height="100" />
                <rect x="0" y="350" width="2450" height="100" />
            </g>
        </g>
        <!-- Third: -->
        <g transform="translate(750,1500)" fill="#689f38">
            <polygon points="0,0 0,750 2250,750 2550,1100 2550,750 2750,750 2750,0" filter="url(#f3)"/>
            <g transform="translate(150,150)" fill="#7cb342" >
                <rect x="0" y="0" width="2450" height="100" />
                <rect x="0" y="175" width="2450" height="100" />
                <rect x="0" y="350" width="2450" height="100" />
            </g>
        </g>
        <!-- Second: -->
        <g transform="translate(0,750)" fill="#8bc34a">
            <polygon points="0,0 0,750 200,750 200,1100 550,750 2750,750 2750,0" filter="url(#f3)"/>
            <g transform="translate(150,150)" fill="#9ccc65" >
                <rect x="0" y="0" width="2450" height="100" />
                <rect x="0" y="175" width="2450" height="100" />
                <rect x="0" y="350" width="2450" height="100" />
            </g>
        </g>
        <!-- First -->
        <g transform="translate(750,0)" fill="#aed581">
            <polygon points="0,0 0,750 2250,750 2550,1100 2550,750 2750,750 2750,0" filter="url(#f3)"/>
            <g transform="translate(150,150)" fill="#c5e1a5" >
                <rect x="0" y="0" width="2450" height="100" />
                <rect x="0" y="175" width="2450" height="100" />
                <rect x="0" y="350" width="2450" height="100" />
            </g>
        </g>
    </g>
</svg>