Hugging Face's logo

Spaces:
rukundob451
/
readyletsgo
Running

App Files Community
rukundob451 commited on
Commit
35b3151
·
verified ·
1 Parent(s): e20ca6b

Add 2 files

Browse files
Files changed (1) hide show
  1. index.html +123 -37
index.html CHANGED
@@ -1,41 +1,127 @@
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=rukundob451/readyletsgo" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
 
 
 
 
41
  </html>
 
1
  <!DOCTYPE html>
2
  <html>
3
+ <head>
4
+ <title>Fun 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
+ flex-direction: column;
11
+ justify-content: center;
12
+ align-items: center;
13
+ overflow: hidden;
14
+ height: 100dvh;
15
+ font-family: "Arial", sans-serif;
16
+ text-align: center;
17
+ background: #ffffff;
18
+ position: relative;
19
+ transition: all 0.8s ease;
20
+ }
21
+ .arrow {
22
+ position: absolute;
23
+ bottom: 32px;
24
+ left: 0px;
25
+ width: 100px;
26
+ transform: rotate(30deg);
27
+ }
28
+ h1 {
29
+ font-size: 50px;
30
+ margin-bottom: 10px;
31
+ z-index: 2;
32
+ }
33
+ h1 span {
34
+ color: #acacac;
35
+ font-size: 32px;
36
+ }
37
+ button {
38
+ margin-top: 20px;
39
+ padding: 10px 20px;
40
+ font-size: 16px;
41
+ border: none;
42
+ background-color: #111;
43
+ color: white;
44
+ border-radius: 8px;
45
+ cursor: pointer;
46
+ z-index: 2;
47
+ }
48
+ @keyframes floatDown {
49
+ 0% { transform: translateY(-100px); opacity: 1; }
50
+ 100% { transform: translateY(100px); opacity: 0; }
51
+ }
52
+ .floating-astro {
53
+ position: absolute;
54
+ top: 10%;
55
+ left: 90%;
56
+ font-size: 40px;
57
+ animation: floatAstro 6s infinite linear;
58
+ z-index: 1;
59
+ }
60
+ @keyframes floatAstro {
61
+ 0% { transform: translateY(0); }
62
+ 50% { transform: translateY(20px) rotate(10deg); }
63
+ 100% { transform: translateY(0); }
64
+ }
65
+ </style>
66
+ </head>
67
+ <body>
68
+ <h1>
69
+ <span>What is the date today?</span><br />
70
+ Ask me anything.
71
+ </h1>
72
+ <button onclick="activateSpaceMode()">🪐 Space Mode</button>
73
+ <img src="https://enzostvs-deepsite.hf.space/arrow.svg" class="arrow" />
74
+
75
+ <script>
76
+ const funResponses = [
77
+ "According to my calculations... it's snack time!",
78
+ "Time is a social construct.",
79
+ "Today? Feels like a Monday, but it's not.",
80
+ "Ask again after coffee ☕",
81
+ "404: Date not found!",
82
+ "It's... just another day in the simulation.",
83
+ "Every day is a good day to nap 😴",
84
+ "One step closer to the weekend!"
85
+ ];
86
+
87
+ function dropConfetti() {
88
+ const emojis = ["🎉", "🎈", "✨", "💥", "🎊", "💃", "🕺"];
89
+ for (let i = 0; i < 30; i++) {
90
+ const el = document.createElement("div");
91
+ el.textContent = emojis[Math.floor(Math.random() * emojis.length)];
92
+ el.style.position = "absolute";
93
+ el.style.left = Math.random() * 100 + "vw";
94
+ el.style.top = Math.random() * 100 + "vh";
95
+ el.style.fontSize = "24px";
96
+ el.style.animation = `floatDown ${3 + Math.random() * 2}s ease-in-out forwards`;
97
+ document.body.appendChild(el);
98
  }
99
+ }
100
+
101
+ function activateSpaceMode() {
102
+ document.body.style.background = "radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%)";
103
+ document.body.style.color = "#fff";
104
+ document.querySelector("button").style.backgroundColor = "#fff";
105
+ document.querySelector("button").style.color = "#000";
106
+
107
+ const astro = document.createElement("div");
108
+ astro.className = "floating-astro";
109
+ astro.textContent = "👨‍🚀";
110
+ document.body.appendChild(astro);
111
+ }
112
+
113
+ document.addEventListener("DOMContentLoaded", function () {
114
+ const question = document.querySelector("h1");
115
+ const span = question.querySelector("span");
116
+ const mainText = question.childNodes[2];
117
+
118
+ const today = new Date().toDateString();
119
+ span.textContent = `Today's date is: ${today}`;
120
+ const response = funResponses[Math.floor(Math.random() * funResponses.length)];
121
+ mainText.textContent = response;
122
+
123
+ dropConfetti();
124
+ });
125
+ </script>
126
+ <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=rukundob451/readyletsgo" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
127
  </html>