MapJS/src/views/blocked.mustache at 6e77e48fb89a2101857d7e0ebe46d98e182b3e4d · WatWowMap/MapJS · 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
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <style>
            html,
            body {
                height: 85%;
                width: 100%;
                margin: 0px;
                background-color: #2c2f33;
                background-image: url('/img/discord.png');
            }

            .background {
                background-image:url("/img/landing.png");
                background-position: center;
                background-repeat: no-repeat;
                background-size: cover;
                height: 95%;
                border: 2px solid #7289da;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }

            #transbox {
                background-color:rgba(255,255,255,0.8);
                padding:20px;
                border-radius: 20px;
            }

            .title {
                text-align:center;
                font-size: 2em;
                color: #3C5FA3;
                font-weight: bold;
                font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            }

            .container {
                width: 90%;
                margin: 0 auto;
                padding: 30px;
                border-radius: 10px;
            }

            .clearfix:after {
                visibility:hidden;
                display:block;
                content:"";
                clear:both;
                height:0;
            }

            .description {
                text-align:center;
                opacity: 0.5;
                color: #000000;
                margin-left: 10px;
                margin-bottom: 10px;
                white-space: pre-wrap;
                font-weight: bold;
                font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            }

            .make-center {
                text-align: center;
                padding: 20px 0;
            }

            .square_btn{
                display: inline-block;
                padding: 7px 20px;
                border: solid 3px black;
                border-radius: 25px;
                text-decoration: none;
                color: #FFF;
                background-image: -webkit-linear-gradient(45deg, #7289da 0%, #4d6cdb 100%);
                background-image: linear-gradient(45deg, #7289da 0%, #4d6cdb 100%);
                transition: .4s;
            }

            .square_btn:hover {
                background-image: -webkit-linear-gradient(45deg, #7289da 0%, #3659d8 100%);
                background-image: linear-gradient(45deg, #7289da 0%, #3659d8 100%);
            }

            a {
                font-weight: bold;
                font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            }
        </style>
    </head>
    <body>
        <div class="container clearfix background">
            <div id="transbox">
              <title>Access denied</title>
              <div class="title">Access denied!</div><br>
                <div class="description">{{username}} has been blocked for being a member of {{guild_name}}.
Please join our discord for more info.</div>
                <div class="make-center">
                    <a href="/login" class="square_btn">Login</a>&nbsp;&nbsp;<a href="{{discord_invite}}" class="square_btn">Join Our Discord</a>
                </div>
            </div>
        </div>
        </body>
    </body>
</html>

<!--created by anonymous All images are copyright and belong to their respective owners,
this document is for educational purpose-->