PageSourceSearch

https://dousic.media/login

html dousic.media collected 2026-10-09 23:03:31 UTC 13,833 bytes, 215 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<!-- layouts.app -->
5
6<head>
7    <meta charset="utf-8">
8    <meta name="viewport" content="width=device-width, initial-scale=1">
9    <meta name="csrf-token" content="I3vR8xjEXiLLsupar3c6bQQIPHOzhx5KZvVjYuXc">
10
11    <title>Sign in | Dousic Media</title>
12
13            
14        <meta property="og:title" content="Sign in | Dousic Media">
15    
16    <meta property="og:description" content="Dousic Media is a content creation and consumption ecosystem where artists, creatives, producers, and fans can empower each other to create and consume original independent content in more financially sustainable ways.">
17    <meta name="description" content="Dousic Media is a content creation and consumption ecosystem where artists, creatives, producers, and fans can empower each other to create and consume original independent content in more financially sustainable ways.">
18
19
20    <meta property="og:type" content="website">
21
22 <meta property="og:site_name" content="Dousic Media"> 
23
24
25
26
27    <meta name="twitter:card" content="summary_large_image">
28 <meta name="twitter:site" content="@DousicMedia">  <meta name="twitter:title" content="Sign in | Dousic Media">  <meta name="twitter:description" content="Dousic Media is a content creation and consumption ecosystem where artists, creatives, producers, and fans can empower each other to create and consume original independent content in more financially sustainable ways.">     <link rel="icon" type="image/x-icon" href="https://dousic.media/favicon.ico">
29<link rel="icon" type="image/png" href="https://dousic.media/favicon.png">
30
31    
31<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8475290462006143"
32    crossorigin="anonymous"></script>
vendor: 1 bytes, line 32
32
33<script data-cfasync="false" src="https://cmp.gatekeeperconsent.com/min.js"></script>
vendor: 1 bytes, line 33
33
34<script data-cfasync="false" src="https://the.gatekeeperconsent.com/cmp.min.js"></script>
34
35
36<script async src="//www.ezojs.com/ezoic/sa.min.js"></script>
vendor: 1 bytes, line 36
36
37<script>
38    window.ezstandalone = window.ezstandalone || {};
39    ezstandalone.cmd = ezstandalone.cmd || [];
40</script>
vendor: 1 bytes, line 40
40
41<script src="//ezoicanalytics.com/analytics.js"></script>
41
42
43    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
44        integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
45        crossorigin="anonymous" referrerpolicy="no-referrer" />
46
47    <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}</style>
48    <!-- Styles -->
49    <link rel="preload" as="style" href="https://dousic.media/build/assets/app-0d5a7bf0.css" /><link rel="preload" as="style" href="https://dousic.media/build/assets/app-c72fec92.css" /><link rel="modulepreload" as="script" href="https://dousic.media/build/assets/app-4ed993c7.js" /><link rel="modulepreload" as="script" href="https://dousic.media/build/assets/app-24c1bde5.js" /><link rel="stylesheet" href="https://dousic.media/build/assets/app-0d5a7bf0.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://dousic.media/build/assets/app-c72fec92.css" data-navigate-track="reload" />
49<script type="module" src="https://dousic.media/build/assets/app-4ed993c7.js" data-navigate-track="reload"></script>
49<script type="module" src="https://dousic.media/build/assets/app-24c1bde5.js" data-navigate-track="reload"></script>
49
50</head>
51
52<body class="dark">
53
54    <div class="wrapper">
55
56            <div class="min-h-screen w-full flex bg-dark-skin-primary">
57        <!-- Left side - Form -->
58        <div class="flex-1 flex flex-col justify-center px-4 py-12 ">
59            <div class="max-w-md mx-auto w-full">
60                <!-- Logo -->
61                <div class="flex justify-center mb-6">
62                    <div class="flex items-center h-full">
63    <img class="h-8 w-auto my-auto" src="https://dousic.media/images/dousic-icon.png"
64        alt="Dousic Media Group LLC">
65    <img class="h-4 w-auto ml-2 my-auto" src="https://dousic.media/images/dousic-text-dark.png" alt="Dousic">
66</div>
67                </div>
68
69                <!-- Card - removed border and background -->
70                <div class="rounded-xl shadow-sm dark:border-transparent">
71                    <div class="p-4 sm:p-7">
72                        <!-- Heading -->
73                        <div class="text-center mb-5">
74                            <h1 class="block text-2xl text-white">Sign in</h1>
75                            <p class="mt-2 text-sm text-gray-400">
76                                Don't have an account yet?
77                                <a class="text-primary decoration-2 hover:underline font-medium"
78                                    href="https://dousic.media/register" wire:navigate>
79                                    Sign up
80                                </a>
81                            </p>
82                        </div>
83
84                        <!-- Social login -->
85                        <div>
86    <div class="flex flex-col space-y-3 mb-4">
87        <a href="https://dousic.media/auth/google" class="btn-secondary-outline">
88            <i class="fa-brands fa-google text-[#DB4437]"></i>
89            Continue with Google
90        </a>
91        
92        <a href="https://dousic.media/auth/twitter" class="btn-secondary-outline">
93            <i class="fa-brands fa-twitter text-[#00ACEE]"></i>
94            Continue with Twitter
95        </a>
96    </div>
97    <div
98        class="py-3 flex items-center text-xs text-slate-600 uppercase before:content-[''] before:flex-1 before:border-t before:border-slate-900 before:mr-3 after:content-[''] after:flex-1 after:border-t after:border-slate-900 after:ml-3">
99        Or
100    </div>
101</div>
102
103                        <!-- Validation errors -->
104                        
105                        <!-- Form -->
106                        <form action="https://dousic.media/login" autocomplete="off" method="post" class="mt-4">
107                            <input type="hidden" name="_token" value="I3vR8xjEXiLLsupar3c6bQQIPHOzhx5KZvVjYuXc" autocomplete="off">                            <div class="grid gap-y-4">
108                                <!-- Email -->
109                                <div>
110                                    <label for="email" class="block text-sm mb-2 text-white">Email address</label>
111                                    <div class="relative">
112                                        <input type="email" id="email" name="email" class="input-primary" required>
113                                    </div>
114                                </div>
115
116                                <!-- Password -->
117                                <div>
118                                    <div class="flex items-center justify-between mb-2">
119                                        <label for="password" class="block text-sm text-white">Password</label>
120                                        <a class="text-sm text-primary decoration-2 hover:underline font-medium"
121                                            href="https://dousic.media/forgot-password" wire:navigate>
122                                            Forgot password?
123                                        </a>
124                                    </div>
125                                    <div class="relative">
126                                        <input type="password" id="password" name="password" class="input-primary"
127                                            required>
128                                    </div>
129                                </div>
130
131                                <!-- Remember me -->
132                                <div class="flex items-center">
133                                    <div class="flex">
134                                        <input id="remember-me" name="remember-me" type="checkbox"
135                                            class="shrink-0 mt-0.5 border-gray-700 rounded text-primary focus:ring-primary bg-gray-800 checked:bg-primary checked:border-primary">
136                                    </div>
137                                    <div class="ml-3">
138                                        <label for="remember-me" class="text-sm text-white">Remember me</label>
139                                    </div>
140                                </div>
141
142                                <!-- Submit -->
143                                <button type="submit" class="btn-primary">
144                                    Sign in
145                                </button>
146                            </div>
147                        </form>
148                    </div>
149                </div>
150            </div>
151
152            <div class="mt-6 text-center">
153                <p class="text-xs text-gray-400">
154                    By signing in, you agree to our
155                    <a class="text-primary decoration-2 hover:underline font-medium" href="https://dousic.media/terms-of-service"
156                        target="_blank">Terms of Service</a>
157                    and
158                    <a class="text-primary decoration-2 hover:underline font-medium" href="https://dousic.media/privacy-policy"
159                        target="_blank">Privacy Policy</a>
160                </p>
161            </div>
162
163        </div>
164
165        <!-- Right side - Image -->
166        <div class="hidden lg:block lg:w-3/5 relative overflow-hidden">
167            <div>
168    <div class="absolute inset-0 bg-cover bg-center"
169        style="background-image: url('https://dousic.media/images/intro-image.png');">
170
171        <div class="absolute inset-0 bg-gradient-to-b from-black/20 to-transparent"></div>
172    </div>
173</div>
174            <div class="relative h-full flex text-pretty">
175                <div class="p-12">
176                    <h2 class="text-3xl text-white mb-3">Create amazing digital art with Dousic</h2>
177                    <p class="text-md text-gray-200 mb-8">Dousic Media is a content creation and consumption ecosystem where
178                        artists, creatives, producers, and fans can empower each other to create and consume original
179                        independent content in more financially sustainable ways.</p>
180                </div>
181            </div>
182        </div>
183    </div>
184
185        
186        
187        <footer class="py-12 bg-gray-950">
188    <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 ">
189        <div class="flex flex-col md:flex-row justify-between items-center">
190            <div class="text-gray-400 text-xs mb-4 md:mb-0">
191                © 2026 <span class="font-bold">Dousic Media</span> Group LLC
192            </div>
193            <div class="flex space-x-6">
194                <a href="https://dousic.media/privacy-policy" wire:navigate
195                    class="text-gray-400 hover:text-primary text-xs transition-colors duration-200">
196                    Privacy Policy
197                </a>
198                <a href="https://dousic.media/terms-of-service" wire:navigate
199                    class="text-gray-400 hover:text-primary text-xs transition-colors duration-200">
200                    Terms of Service
201                </a>
202            </div>
203        </div>
204    </div>
205</footer>
206    </div>
207
208    <!-- Livewire Scripts -->
209<script src="/livewire/livewire.js?id=df3a17f2"   data-csrf="I3vR8xjEXiLLsupar3c6bQQIPHOzhx5KZvVjYuXc" data-update-uri="/livewire/update" data-navigate-once="true"></script>
209
210
211    
212<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"5f7b5d4bd54f46faa7d89219b3e2c1af","r":1,"spa":2}' crossorigin="anonymous"></script>
vendor: 1 bytes, line 212
212
213<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a48104e6fd34a700',t:'MTc5MTU4NzAxMQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
213</body>
214
215</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.