editor/index.html at main · fullstackedorg/editor · GitHub

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
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!doctype html>
<html>
    <head>
        <meta name="color-scheme" content="dark" />
        <style>
            #splash {
                position: fixed;
                top: 0;
                left: 0;
                height: 100%;
                width: 100%;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            #splash > div {
                position: absolute;
            }

            #splash > .app-icon-shadow {
                height: 75px;
                width: 75px;
                box-shadow: 0 0 30px #15171b;
                border-radius: 30px;
            }

            #splash > .app-icon {
                height: 100px;
                width: 100px;
            }

            @font-face {
                font-family: "Dev Icons";
                src: url("/assets/seti.woff") format("woff");
            }
        </style>
        <title>FullStacked</title>
    </head>

    <body>
        <div id="splash">
            <div class="app-icon-shadow"></div>
            <div class="app-icon">
                <svg
                    width="100"
                    height="100"
                    viewBox="0 0 100 100"
                    fill="none"
                    xmlns="http://www.w3.org/2000/svg"
                >
                    <rect
                        x="10"
                        y="10"
                        width="80"
                        height="80"
                        rx="20"
                        fill="url(#bg-gradient)"
                    />
                    <path
                        d="M27.7837 65.0284L50.0315 77.9065V51.5785C50.0315 50.5517 50.5769 49.6018 51.4654 49.0884L71.8074 37.3139C72.8706 36.6991 72.8706 35.1589 71.8074 34.541L51.9526 23.0555C50.7638 22.3669 49.3023 22.3669 48.1134 23.0555L27.2965 35.0974C26.4079 35.6108 25.8625 36.5608 25.8625 37.5906V61.6897C25.8625 63.067 26.5948 64.3398 27.7837 65.0284Z"
                        fill="#B4D0DF"
                    />
                    <path
                        d="M71.7056 48.4664L66.5485 45.4758L54.4794 52.463V61.2046L71.7056 51.23C72.7664 50.6165 72.7664 49.0798 71.7056 48.4664Z"
                        fill="#B4D0DF"
                    />
                    <path
                        d="M71.7026 62.4438L66.4965 59.4287L54.4794 66.3852V75.1544L71.6995 65.2074C72.7603 64.5939 72.7634 63.0572 71.6995 62.4407L71.7026 62.4438Z"
                        fill="#B4D0DF"
                    />
                    <defs>
                        <linearGradient
                            id="bg-gradient"
                            x1="50"
                            y1="10"
                            x2="50"
                            y2="90"
                            gradientUnits="userSpaceOnUse"
                        >
                            <stop stop-color="#05BBEE" />
                            <stop offset="1" stop-color="#2274BB" />
                        </linearGradient>
                    </defs>
                </svg>
            </div>
        </div>
    </body>
</html>