Hugging Face's logo

Spaces:
Aycheff
/
skrewfos
Running

App Files Community
Aycheff commited on
Commit
cad2f72
·
verified ·
1 Parent(s): 905403e

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +126 -38
  2. prompts.txt +3 -0
index.html CHANGED
@@ -1,41 +1,129 @@
1
  <!DOCTYPE html>
2
- <html>
3
- <head>
4
- <title>My app</title>
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <meta charset="utf-8">
 
 
7
  <style>
8
- body {
9
- display: flex;
10
- justify-content: center;
11
- align-items: center;
12
- overflow: hidden;
13
- height: 100dvh;
14
- font-family: "Arial", sans-serif;
15
- text-align: center;
16
- }
17
- .arrow {
18
- position: absolute;
19
- bottom: 32px;
20
- left: 0px;
21
- width: 100px;
22
- transform: rotate(30deg);
23
- }
24
- h1 {
25
- font-size: 50px;
26
- }
27
- h1 span {
28
- color: #acacac;
29
- font-size: 32px;
30
- }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
31
  </style>
32
- </head>
33
- <body>
34
- <h1>
35
- <span>I'm ready to work,</span><br />
36
- Ask me anything.
37
- </h1>
38
- <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="arrow" />
39
- <script></script>
40
- <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Aycheff/skrewfos" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
41
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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.0">
6
+ <title>Infinite RPG Generator</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
  <style>
10
+ .fade-in {
11
+ animation: fadeIn 0.5s ease-in;
12
+ }
13
+ @keyframes fadeIn {
14
+ from { opacity: 0; }
15
+ to { opacity: 1; }
16
+ }
17
+ .typewriter {
18
+ overflow: hidden;
19
+ border-right: .15em solid #4f46e5;
20
+ white-space: nowrap;
21
+ margin: 0 auto;
22
+ letter-spacing: .15em;
23
+ animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;
24
+ }
25
+ @keyframes typing {
26
+ from { width: 0 }
27
+ to { width: 100% }
28
+ }
29
+ @keyframes blink-caret {
30
+ from, to { border-color: transparent }
31
+ 50% { border-color: #4f46e5; }
32
+ }
33
+ .glow {
34
+ text-shadow: 0 0 10px rgba(79, 70, 229, 0.8);
35
+ }
36
+ .pixel-border {
37
+ border: 4px solid #4f46e5;
38
+ box-shadow: 8px 8px 0 rgba(79, 70, 229, 0.2);
39
+ }
40
+ .scroll-container {
41
+ scrollbar-width: thin;
42
+ scrollbar-color: #4f46e5 #1e1b4b;
43
+ }
44
+ .scroll-container::-webkit-scrollbar {
45
+ width: 8px;
46
+ }
47
+ .scroll-container::-webkit-scrollbar-track {
48
+ background: #1e1b4b;
49
+ }
50
+ .scroll-container::-webkit-scrollbar-thumb {
51
+ background-color: #4f46e5;
52
+ border-radius: 4px;
53
+ }
54
  </style>
55
+ </head>
56
+ <body class="bg-gray-900 text-indigo-100 min-h-screen">
57
+ <div class="container mx-auto px-4 py-8 max-w-4xl">
58
+ <header class="text-center mb-12">
59
+ <h1 class="text-5xl font-bold mb-4 glow">Infinite RPG Generator</h1>
60
+ <p class="text-xl text-indigo-300">A unique adventure every time you play</p>
61
+ </header>
62
+
63
+ <main id="app" class="space-y-8">
64
+ <!-- Initial Screen -->
65
+ <div id="initial-screen" class="text-center fade-in">
66
+ <div class="p-8 pixel-border bg-gray-800 rounded-lg mb-8">
67
+ <h2 class="text-3xl font-bold mb-6 text-indigo-300">Welcome to Infinite RPG</h2>
68
+ <p class="mb-8 text-lg">Every game is a completely new adventure with unique worlds, stories, and characters. No two playthroughs will ever be the same.</p>
69
+ <button id="start-btn" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-lg text-xl transition-all transform hover:scale-105">
70
+ Begin Your Adventure
71
+ </button>
72
+ </div>
73
+ </div>
74
+
75
+ <!-- World Generation Screen -->
76
+ <div id="world-screen" class="hidden fade-in">
77
+ <div class="p-6 pixel-border bg-gray-800 rounded-lg">
78
+ <h2 class="text-3xl font-bold mb-6 text-center text-indigo-300">Generating Your World...</h2>
79
+ <div class="flex justify-center mb-8">
80
+ <div class="animate-spin rounded-full h-16 w-16 border-t-4 border-b-4 border-indigo-500"></div>
81
+ </div>
82
+ <div id="world-result" class="typewriter text-xl text-center mb-8"></div>
83
+ <div id="plot-result" class="typewriter text-xl text-center mb-8 hidden"></div>
84
+ <button id="continue-btn" class="hidden bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-lg text-xl block mx-auto transition-all transform hover:scale-105">
85
+ Continue to Character Creation
86
+ </button>
87
+ </div>
88
+ </div>
89
+
90
+ <!-- Character Creation Screen -->
91
+ <div id="character-screen" class="hidden fade-in">
92
+ <div class="p-6 pixel-border bg-gray-800 rounded-lg">
93
+ <h2 class="text-3xl font-bold mb-6 text-center text-indigo-300">Create Your Character</h2>
94
+ <div class="grid grid-cols-1 md:grid-cols-3 gap-6 mb-8">
95
+ <!-- Character Type Selection -->
96
+ <div class="bg-gray-700 p-4 rounded-lg">
97
+ <h3 class="text-xl font-semibold mb-4 text-indigo-300">Character Type</h3>
98
+ <div id="character-types" class="space-y-3"></div>
99
+ </div>
100
+
101
+ <!-- Subtype Selection -->
102
+ <div class="bg-gray-700 p-4 rounded-lg">
103
+ <h3 class="text-xl font-semibold mb-4 text-indigo-300">Specialization</h3>
104
+ <div id="subtypes" class="space-y-3">
105
+ <p class="text-gray-400">Select a character type first</p>
106
+ </div>
107
+ </div>
108
+
109
+ <!-- Character Preview -->
110
+ <div class="bg-gray-700 p-4 rounded-lg">
111
+ <h3 class="text-xl font-semibold mb-4 text-indigo-300">Your Character</h3>
112
+ <div id="character-preview" class="space-y-2">
113
+ <p class="text-gray-400">No selections made yet</p>
114
+ </div>
115
+ </div>
116
+ </div>
117
+
118
+ <div class="text-center">
119
+ <button id="begin-adventure-btn" class="bg-indigo-600 hover:bg-indigo-700 text-white font-bold py-3 px-8 rounded-lg text-xl transition-all transform hover:scale-105">
120
+ Begin Adventure
121
+ </button>
122
+ </div>
123
+ </div>
124
+ </div>
125
+
126
+ <!-- Game Screen -->
127
+ <div id="game-screen" class="hidden fade-in">
128
+ <div class="grid grid-cols-1 lg
129
+ </html>
prompts.txt CHANGED
@@ -0,0 +1,3 @@
 
 
 
 
1
+ Could you create a space that generates and allows you to play a random RPG every time you start a new game? The decision tree should look like this: type of RPG, a. Mechworld b. fantasy world c. Fantasy tech world d. sci fi earth e. Sci fi alien f. sci fi space g. Sci fi digital world h.fantasy alien I. Fantasy animal kingdom (and continue these possibilities all the way to the letter 'z' when you choose from this category it should be your first choice and the choice should be 100% random so find a good random number generator or in this case of random letter generator. Your next decision tree will be plot. And the plots should be interesting for instance if you choose mecworld then the plot would be something like a mech training academy is besieged by an old enemy that has been silent for years and the children in the academy must take their mechs they're which none of them know how to use on an exodus across the countryside to the the main training academy but they're unable to contact the main training academy because their communications have been cut out. Try and keep it fresh make sure that there's a reason why the characters are starting from a beginning level and try and put things into the RPG that nobody else has ever put into an RPG before story wise. The RPG is going to be text based and story based there's no need for any kind of drawings but if like AI could be used to generate images based on that part of the story or based on that fight or that character that would be cool but if it's not possible then it's not possible. Just make it work. Once all that's done then the character type can be created because you can't create a character type until you know the world and the story. Create five main three types with up to three subtypes within those five types it doesn't have to be three every type just it can only be up to three. Make sure that the weapons are awesome throughout the game the weapon drops are awesome and generous. Make the game challenging for all players there's no settings for easy medium or hard. And be sure to personalize the text story to the character which the players choose. That's it.
2
+ Do over my initial instruction again and to keep going
3
+ Go over my initial instruction again and to keep going