https://app.monsieur4x.com/registration

1<!DOCTYPE html>
2<html lang="en">
3    <head>
4        <meta charset="utf-8">
5        <meta name="viewport" content="width=device-width, initial-scale=1">
6        <meta name="csrf-token" content="jriTZkuLkh7F2g8UWs869KjZsDcpXJAlIn6mumrf">
7
8        <title>monsieur 4x_</title>
9
10        <!-- Fonts -->
11        <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
12
13        

13<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="a5a66399-1d31-4e26-8424-d358e23681b7";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>

13
14
15        <!-- Scripts -->
16        

16<script src="https://cdnjs.cloudflare.com/ajax/libs/three.js/r134/three.min.js"></script>

16
17        

17<script src="https://cdn.jsdelivr.net/npm/vanta@latest/dist/vanta.net.min.js"></script>

17
18        <link rel="preload" as="style" href="https://app.monsieur4x.com/build/assets/app-39c82126.css" /><link rel="modulepreload" href="https://app.monsieur4x.com/build/assets/app-664bf366.js" /><link rel="stylesheet" href="https://app.monsieur4x.com/build/assets/app-39c82126.css" />

18<script type="module" src="https://app.monsieur4x.com/build/assets/app-664bf366.js"></script>

18        

18<script>
19            if (localStorage.getItem('dark-mode') === 'false' || !('dark-mode' in localStorage)) {
20                document.querySelector('html').classList.remove('dark');
21                document.querySelector('html').style.colorScheme = 'light';
22            } else {
23                document.querySelector('html').classList.add('dark');
24                document.querySelector('html').style.colorScheme = 'dark';
25            }
26        </script>

26     
27        <link rel="icon" href="https://app.monsieur4x.com/images/favicon.ico">   
28
29        <!-- Google tag (gtag.js) -->

29
30        <script async src="https://www.googletagmanager.com/gtag/js?id=

30G-9TTX1Y4XLW

30"></script>
31        

31<script>
32            

32window.dataLayer = window.dataLayer || [];
33            function gtag(){dataLayer.push(arguments);}
34            gtag('js', new Date());
35        
36            gtag('config', '

36G-9TTX1Y4XLW

36');
37        

37</script>

37
38        <script async src="https://www.google.com/recaptcha/api.js"></script>
39    

39</head>
40    <body class="font-inter antialiased bg-slate-100 dark:bg-slate-900 text-slate-600 dark:text-slate-400">
41        <section class="w-full h-screen auth-background flex items-center justify-center">
42        <div class="flex flex-col items-center justify-center md:px-6 md:py-8 mx-auto md:h-screen lg:py-0 w-full">
43        <div class="w-full h-screen md:h-5/6 md:rounded-xl shadow md:border md:mt-0 sm:max-w-md xl:p-0 border-gray-700 bg-slate-900 bg-opacity-80 flex items-center">
44            <div class="px-3 md:px-8 md:py-8 w-full">
45                <a href="#" id="typing-text" class="flex items-center justify-center text-3xl font-semibold text-white font-extrabold"  style="font-family: 'Courier Prime', monospace;">
46                    monsieur 4x<span class="blink">_</span>
47                </a>
48                <h1 class="text-2xl font-bold leading-tight tracking-tight text-white mt-5">
49                    Registration
50                </h1>
51                <form class="mt-3 space-y-3"  method="POST" action="https://app.monsieur4x.com/registration" id="register-form">
52                    <input type="hidden" name="_token" value="jriTZkuLkh7F2g8UWs869KjZsDcpXJAlIn6mumrf">                    <div>
53                        <label for="email" class="block text-sm font-medium text-white">Email</label>
54                        <input type="email" name="email" id="email" value="" class="border sm:text-sm rounded-lg  block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500" placeholder="[email protected]" required="">
55                    </div>
56                    <div>
57                        <label for="name" class="block text-sm font-medium text-white">Username</label>
58                        <input type="text" name="name" id="name" value="" class="border sm:text-sm rounded-lg  block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500" placeholder="xxxxx" required="">
59                    </div>
60                    <div class="grid grid-cols-2 gap-4">
61                        <div>
62                            <label for="first_name" class="block text-sm font-medium text-white">First name</label>
63                            <input type="text" name="first_name" id="first_name" value="" class="border sm:text-sm rounded-lg  block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500" required="">
64                        </div>
65                        <div>
66                            <label for="last_name" class="block text-sm font-medium text-white">Last name</label>
67                            <input type="text" name="last_name" id="last_name" value="" class="border sm:text-sm rounded-lg  block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500" required="">
68                        </div>
69                    </div>
70                    <div>
71                        <label for="company_name" class="block text-sm font-medium text-white">Company</label>
72                        <input type="text" name="company_name" id="company_name" value="" class="border sm:text-sm rounded-lg  block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500">
73                    </div>
74                    <div>
75                        <label for="password" class="block text-sm font-medium text-white">Password</label>
76                        <input type="password" name="password" id="password" value="" placeholder="••••••••" class="border sm:text-sm rounded-lg  block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500" required="">
77                    </div>
78                    <div>
79                        <label for="password_confirmation" class="block text-sm font-medium text-white">Confirmation</label>
80                        <input type="password" name="password_confirmation" value="" id="password_confirmation" placeholder="••••••••" class="border sm:text-sm rounded-lg  block w-full p-2.5 bg-gray-700 border-gray-600 placeholder-gray-400 text-white focus:ring-blue-500 focus:border-blue-500" required="">
81                    </div>

81
82
83                    <script src="https://www.google.com/recaptcha/api.js?render=

836Ldh1I8lAAAAAJR55NFlWSlbxcIxkuviouFi3QBS

83"></script>
84
85                    

85<script>
86                    grecaptcha.ready(function() {
87                        grecaptcha.execute('6Ldh1I8lAAAAAJR55NFlWSlbxcIxkuviouFi3QBS', {action: 'register'}).then(function(token) {
88                        var recaptchaResponse = document.getElementById('g-recaptcha-response');
89                        recaptchaResponse.value = token;
90                        });
91                    });
92                    </script>

92
93
94                    <input type="hidden" name="g-recaptcha-response" id="g-recaptcha-response">
95
96                    <button type="submit" class="w-full text-white focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center bg-blue-600 hover:bg-blue-700 focus:ring-blue-800 mt-5">Register</button>
97                    <p class="text-sm font-light text-gray-400 mt-5">
98                        Already have an account? <a href="https://app.monsieur4x.com/login" class="font-medium text-blue-600 hover:underline dark:text-blue-500">Log In</a>
99                    </p>
100                </form>
101                 
102            </div>
103        </div>
104    </div>
105        </section>
106    </body>
107    

107<script>
108        VANTA.NET({
109            el: ".auth-background",
110            mouseControls: true,
111            touchControls: true,
112            gyroControls: true,
113            minHeight: 200.0,
114            minWidth: 200.0,
115            scale: 1.0,
116            scaleMobile: 0.5,
117            color: 0xffffff,
118            backgroundColor: 0x1e293a,
119        });
120
121        document.addEventListener("DOMContentLoaded", function () {
122        var targetText = "monsieur 4x";
123        var targetElement = document.getElementById("typing-text");
124        var blinkElement = document.querySelector(".blink");
125        var currentIndex = 0;
126
127        function typeText() {
128            if (currentIndex <= targetText.length) {
129            targetElement.innerHTML =
130                targetText.substring(0, currentIndex) + '<span class="blink">_</span>';
131            currentIndex++;
132            setTimeout(typeText, 100); // Adjust the delay (in milliseconds) between each letter
133            } else {
134            // Remove the blinking cursor once typing is complete
135            blinkElement.style.display = "none";
136            }
137        }
138
139        // Trigger the typing animation
140        typeText();
141        });
142
143    </script>

143
144</html>