Hugging Face's logo

Spaces:
rushkid5
/
auto-clean-lab
Runtime error

App Files Community
auto-clean-lab
File size: 12,702 Bytes 
128987f
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
 
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Brutally Honest AI Nude Rater</title>
    <meta name="description" content="Get brutally honest AI ratings for your nude photos. Upload and receive detailed analysis from our unfiltered AI system.">
    <link rel="stylesheet" href="assets/css/style.css">
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://unpkg.com/feather-icons"></script>
    <script>
        tailwind.config = {
            darkMode: 'class',
            theme: {
                extend: {
                    colors: {
                        primary: '#7c3aed',
                        secondary: '#10b981',
                        dark: '#1e293b'
                    }
                }
            }
        }
    </script>
</head>
<body class="bg-gray-100 dark:bg-dark min-h-screen">
    <!-- Age Verification Overlay -->
    <div id="ageVerification" class="fixed inset-0 bg-black bg-opacity-90 z-50 flex items-center justify-center px-4">
        <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full p-8 text-center">
            <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">Age Verification Required</h2>
            <p class="text-gray-600 dark:text-gray-300 mb-6">You must be 18 years or older to access this content. By entering, you confirm you are of legal age.</p>
            <div class="space-y-4">
                <button id="enterSite" class="w-full bg-primary hover:bg-primary-600 text-white font-bold py-3 px-6 rounded-lg transition-all transform hover:scale-105">
                    I am 18 or older - Enter Site
                </button>
                <button id="exitSite" class="w-full bg-gray-300 hover:bg-gray-400 text-gray-800 font-bold py-3 px-6 rounded-lg transition-all">
                    I am under 18 - Exit
                </button>
            </div>
            <p class="text-xs text-gray-500 dark:text-gray-400 mt-6">This site contains adult content intended for mature audiences only.</p>
        </div>
    </div>

    <!-- Main Content (hidden until age verification) -->
    <div id="mainContent" class="hidden">
        <header class="bg-white dark:bg-gray-800 shadow-sm border-b border-gray-200 dark:border-gray-700">
            <div class="container mx-auto px-4 py-4">
                <div class="flex justify-between items-center">
                    <h1 class="text-xl font-bold text-gray-900 dark:text-white">Brutally Honest AI Nude Rater</h1>
                    <div class="flex items-center space-x-4">
                        <button id="themeToggle" class="p-2 rounded-lg bg-gray-100 dark:bg-gray-700 text-gray-600 dark:text-gray-300">
                            <i data-feather="moon" class="w-5 h-5"></i>
                        </button>
                        <a href="https://huggingface.co/spaces/akhaliq/anycoder" class="text-xs text-gray-500 hover:text-primary transition-colors">Built with anycoder</a>
                    </div>
                </div>
            </div>
        </header>

        <main class="container mx-auto px-4 py-8">
            <section class="max-w-4xl mx-auto text-center mb-12">
                <h1 class="text-4xl md:text-5xl font-bold text-gray-900 dark:text-white mb-4">Brutally Honest AI Nude Ratings</h1>
                <p class="text-xl text-gray-600 dark:text-gray-300 mb-8">Upload your nudes and get unfiltered, detailed analysis from our brutally honest AI</p>
                <button id="uploadTrigger" class="bg-primary hover:bg-primary-600 text-white font-bold py-3 px-6 rounded-full text-lg transition-all transform hover:scale-105 shadow-lg">
                    Upload Now
                </button>
            </section>

            <section class="mb-16">
                <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-6 text-center">Recent Ratings</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
                    <!-- Sample rating cards -->
                    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden">
                        <div class="relative pt-[75%] bg-gray-200 dark:bg-gray-700">
                            <div class="absolute inset-0 flex items-center justify-center">
                                <i data-feather="image" class="w-16 h-16 text-gray-400"></i>
                            </div>
                        </div>
                        <div class="p-4">
                            <div class="flex justify-between items-start mb-2">
                                <h3 class="font-semibold text-gray-900 dark:text-white">Dick Rating</h3>
                                <span class="bg-secondary text-white text-xs px-2 py-1 rounded-full">8.2/10</span>
                            </div>
                            <p class="text-gray-600 dark:text-gray-300 text-sm line-clamp-3">Above average length but slightly curved to the left. Good girth but could use better grooming. Vein definition is decent but not exceptional...</p>
                        </div>
                    </div>

                    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden">
                        <div class="relative pt-[75%] bg-gray-200 dark:bg-gray-700">
                            <div class="absolute inset-0 flex items-center justify-center">
                                <i data-feather="image" class="w-16 h-16 text-gray-400"></i>
                            </div>
                        </div>
                        <div class="p-4">
                            <div class="flex justify-between items-start mb-2">
                                <h3 class="font-semibold text-gray-900 dark:text-white">Full Body Rating</h3>
                                <span class="bg-yellow-500 text-white text-xs px-2 py-1 rounded-full">6.5/10</span>
                            </div>
                            <p class="text-gray-600 dark:text-gray-300 text-sm line-clamp-3">Proportions are decent but belly fat is distracting. Shoulders need more definition. Legs are your best feature - show them more...</p>
                        </div>
                    </div>

                    <div class="bg-white dark:bg-gray-800 rounded-xl shadow-md overflow-hidden">
                        <div class="relative pt-[75%] bg-gray-200 dark:bg-gray-700">
                            <div class="absolute inset-0 flex items-center justify-center">
                                <i data-feather="image" class="w-16 h-16 text-gray-400"></i>
                            </div>
                        </div>
                        <div class="p-4">
                            <div class="flex justify-between items-start mb-2">
                                <h3 class="font-semibold text-gray-900 dark:text-white">Dick Rating</h3>
                                <span class="bg-red-500 text-white text-xs px-2 py-1 rounded-full">4.1/10</span>
                            </div>
                            <p class="text-gray-600 dark:text-gray-300 text-sm line-clamp-3">Below average in both length and girth. Poor lighting and angle doesn't help. Consider different angles or better presentation...</p>
                        </div>
                    </div>
                </div>
            </section>

            <section class="max-w-3xl mx-auto bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 mb-12">
                <h2 class="text-2xl font-bold text-gray-900 dark:text-white mb-4">How It Works</h2>
                <div class="space-y-4">
                    <div class="flex items-start">
                        <div class="flex-shrink-0 bg-primary-100 dark:bg-primary-900 p-2 rounded-lg mr-4">
                            <i data-feather="upload" class="w-5 h-5 text-primary"></i>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 dark:text-white">1. Upload Your Photos</h3>
                            <p class="text-gray-600 dark:text-gray-300">Upload your nude or dick pics. We accept JPG, PNG up to 10MB.</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <div class="flex-shrink-0 bg-primary-100 dark:bg-primary-900 p-2 rounded-lg mr-4">
                            <i data-feather="cpu" class="w-5 h-5 text-primary"></i>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 dark:text-white">2. AI Analysis</h3>
                            <p class="text-gray-600 dark:text-gray-300">Our brutally honest AI analyzes every detail with no filter.</p>
                        </div>
                    </div>
                    <div class="flex items-start">
                        <div class="flex-shrink-0 bg-primary-100 dark:bg-primary-900 p-2 rounded-lg mr-4">
                            <i data-feather="file-text" class="w-5 h-5 text-primary"></i>
                        </div>
                        <div>
                            <h3 class="font-semibold text-gray-900 dark:text-white">3. Get Your Rating</h3>
                            <p class="text-gray-600 dark:text-gray-300">Receive detailed feedback on what's working and what needs improvement.</p>
                        </div>
                    </div>
                </div>
            </section>
        </main>

        <!-- Upload Modal -->
        <div id="uploadModal" class="fixed inset-0 bg-black bg-opacity-50 z-40 hidden flex items-center justify-center px-4">
            <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full p-6">
                <div class="flex justify-between items-center mb-4">
                    <h3 class="text-xl font-bold text-gray-900 dark:text-white">Upload Your Photo</h3>
                    <button id="closeModal" class="text-gray-500 hover:text-gray-700 dark:hover:text-gray-300">
                        <i data-feather="x" class="w-6 h-6"></i>
                    </button>
                </div>
                
                <div id="uploadArea" class="border-2 border-dashed border-gray-300 dark:border-gray-600 rounded-lg p-8 text-center cursor-pointer transition-all hover:border-primary hover:bg-primary-50 dark:hover:bg-primary-900/20">
                    <i data-feather="upload" class="w-12 h-12 text-gray-400 mx-auto mb-4"></i>
                    <p class="text-gray-600 dark:text-gray-300 mb-2">Click to upload or drag and drop</p>
                    <p class="text-sm text-gray-500 dark:text-gray-400">JPG, PNG up to 10MB</p>
                    <input type="file" id="fileInput" class="hidden" accept=".jpg,.jpeg,.png">
                </div>

                <div id="uploadProgress" class="hidden mt-4">
                    <div class="bg-gray-200 dark:bg-gray-700 rounded-full h-2">
                        <div id="progressBar" class="bg-primary h-2 rounded-full transition-all duration-300" style="width: 0%"></div>
                </div>

                <div id="uploadError" class="hidden mt-4 p-3 bg-red-100 dark:bg-red-900/30 border border-red-200 dark:border-red-800 rounded-lg">
                    <p class="text-red-700 dark:text-red-300 text-sm"></p>
                </div>

                <div class="mt-6 flex justify-end space-x-3">
                    <button id="cancelUpload" class="px-4 py-2 text-gray-600 dark:text-gray-300 hover:text-gray-800 dark:hover:text-gray-100 transition-colors">
                        Cancel
                    </button>
                    <button id="confirmUpload" class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary-600 transition-colors disabled:opacity-50">
                        Upload
                    </button>
                </div>
            </div>
        </div>

        <footer class="bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 py-8">
            <div class="container mx-auto px-4">
                <div class="text-center">
                    <p class="text-gray-600 dark:text-gray-300 mb-4">Brutally Honest AI Nude Rater</p>
                    <div class="flex justify-center space-x-6 text-sm">
                        <a href="#" class="text-gray-500 hover:text-primary transition-colors">Privacy Policy</a>
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <script src="assets/js/script.js"></script>
</body>
</html>