Hugging Face's logo

Spaces:
Nerox6x
/
sf-1eb
Running

App Files Community
Nerox6x commited on
Commit
6046815
•
1 Parent(s): 9cfc496

Add 4 files

Browse files
Files changed (4) hide show
  1. api.js(Needtobecreated) +20 -0
  2. index.html +1 -19
  3. main.js +31 -0
  4. style.css(Needtobecreated) +69 -0
api.js(Needtobecreated) ADDED
@@ -0,0 +1,20 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ const express = require("express");
2
+ const querystring = require("querystring");
3
+ const app = express();
4
+ app.set("json spaces", 2);
5
+
6
+ app.use((req, res) => {console.Clear();
7
+ console.log("You're seeing this because you've created a new route!");
8
+ console.log("");
9
+ console.log("If you want to render a JSON loot, use res.json({ json: 'your json' })");
10
+ console.log("");
11
+ console.log("If you want to render a DaisyUI-powered loot, use res.daisyUI({ daisyUI: 'your daisyUI' })");
12
+ console.log("");
13
+ console.log("If you want to make a redirect, use res.redirect('example.com')");
14
+ console.log("");
15
+ console.log("If you want to show this revelayer again, clear the console and refresh the page");
16
+ console.log("");
17
+ console.log("");
18
+ });
19
+
20
+ module.exports = app;
index.html CHANGED
@@ -1,19 +1 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
1
+ <html><head><link href="https://cdn.jsdelivr.net/npm/daisyui@3.1.6/dist/full.css" rel="stylesheet" type="text/css" /><script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script><script src="https://cdn.tailwindcss.com?plugins=forms,typography,aspect-ratio"></script><script defer src="https://cdnjs.cloudflare.com/ajax/libs/three.js/0.156.1/three.min.js"></script><script type="module" src="main.js"></script><title> Gay Porn Generator</title></head><body><main><article class="prose"><h1>Welcome to the Gay Porn Generator</h1>: Shadements 🌟</article><section id="input"><h2>Input</h2><div class="mt-4 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6"><div class="mt-4 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6">Name: <input type="text" placeholder="John Doe" aria-label="Name" class="mt-4"><br>Age: <input type="number" placeholder="25" aria-label="Age" class="mt-4"><br>Gender: <input type="text" placeholder="Male" aria-label="Gender" class="mt-4"><br>Fetishes: <input type="text" placeholder="Gangbang, anal, cumshot" aria-label="Fetishes" class="mt-4"><br>Sexual Exploration: <input type="text" placeholder="BDSM, fetish, role play" aria-label="Sexual Exploration" class="mt-4"><br>Other: <input type="text" placeholder="No" aria-label="Other" class="mt-4"></div><div class="mt-4 grid grid-cols-1 gap-y-6 gap-x-4 sm:grid-cols-6"><button type="submit" class="btn btn-lg btn-primary btn-block">Submit</button></div></div></section></main></body></html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
main.js ADDED
@@ -0,0 +1,31 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ const nameField = document.getElementById("name");
2
+ const ageField = document.getElementById("age");
3
+ const genderField = document.getElementById("gender");
4
+ const fetishesField = document.getElementById("fetishes");
5
+ const sexualExplorationField = document.getElementById("sexual-exploration");
6
+ const otherField = document.getElementById("other");
7
+ const submitBtn = document.getElementById("submit-btn");
8
+ const outputEl = document.getElementById("output");
9
+
10
+ submitBtn.addEventListener("submit", function(e) {
11
+ e.preventDefault();
12
+ const name = nameField.value.trim();
13
+ const age = ageField.value.trim();
14
+ const gender = genderField.value.trim();
15
+ const fetishes = fetishesField.value.trim();
16
+ const sexualExploration = sexualExplorationField.value.trim();
17
+ const other = otherField.value.trim();
18
+
19
+ const data = {
20
+ name,
21
+ age,
22
+ gender,
23
+ fetishes,
24
+ sexualExploration,
25
+ other,
26
+ };
27
+
28
+ const response = await fetch("/api/generate-porn", data);
29
+ const json = await response.json();
30
+ outputEl.textContent = json.message;
31
+ });
style.css(Needtobecreated) ADDED
@@ -0,0 +1,69 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ * {
2
+ box-sizing: border-box;
3
+ margin: 0;
4
+ padding: 0;
5
+ }
6
+
7
+ body {
8
+ font-family: Arial, sans-serif;
9
+ line-height: 1.5;
10
+ }
11
+
12
+ .container {
13
+ max-width: 1200px;
14
+ margin: 0 auto;
15
+ padding: 20px;
16
+ }
17
+
18
+ .logo {
19
+ display: block;
20
+ font-size: 24px;
21
+ font-weight: bold;
22
+ margin-bottom: 20px;
23
+ }
24
+
25
+ section#input {
26
+ margin-top: 40px;
27
+ }
28
+
29
+ section#input .row {
30
+ margin-bottom: 20px;
31
+ }
32
+
33
+ section#input .row:last-child {
34
+ margin-bottom: 0;
35
+ }
36
+
37
+ section#input input[type="text"], section#input input[type="number"], section#input input[type="email"], section#input input[type="password"], section#input select {
38
+ width: 100%;
39
+ padding: 10px;
40
+ border: none;
41
+ border-radius: 5px;
42
+ background-color: #f5f5f5;
43
+ }
44
+
45
+ section#input input[type="text"]:focus, section#input input[type="number"]:focus, section#input input[type="email"]:focus, section#input input[type="password"]:focus, section#input select:focus {
46
+ outline: none;
47
+ box-shadow: 0 0 5px #333;
48
+ }
49
+
50
+ section#input input[type="submit"] {
51
+ background-color: #4CAF50;
52
+ color: white;
53
+ padding: 10px 20px;
54
+ border: none;
55
+ border-radius: 5px;
56
+ cursor: pointer;
57
+ margin-top: 20px;
58
+ }
59
+
60
+ section#input input[type="submit"]:hover {
61
+ background-color: #45a049;
62
+ }
63
+
64
+ #output {
65
+ margin-top: 20px;
66
+ font-size: 24px;
67
+ font-weight: bold;
68
+ color: #333;
69
+ }