Skip to content

Commit 123cc5b

Browse files
LCSOGthbLCSOGthb
authored
Update index.html
1 parent a7e1f8a commit 123cc5b

1 file changed

Lines changed: 43 additions & 148 deletions

File tree

‎index.html‎

Lines changed: 43 additions & 148 deletions
Original file line numberDiff line numberDiff line change
@@ -1,154 +1,49 @@
11
<!doctype html>
2-
<html>
2+
<html lang="en">
33
<head>
4-
<meta charset="utf-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1" />
6-
<title>Welcome to Firebase Hosting</title>
7-
8-
<!-- update the version number as needed -->
9-
<script defer src="/__/firebase/11.6.0/firebase-app-compat.js"></script>
10-
<!-- include only the Firebase features as you need -->
11-
<script defer src="/__/firebase/11.6.0/firebase-auth-compat.js"></script>
12-
<script
13-
defer
14-
src="/__/firebase/11.6.0/firebase-database-compat.js"
15-
></script>
16-
<script
17-
defer
18-
src="/__/firebase/11.6.0/firebase-firestore-compat.js"
19-
></script>
20-
<script
21-
defer
22-
src="/__/firebase/11.6.0/firebase-functions-compat.js"
23-
></script>
24-
<script
25-
defer
26-
src="/__/firebase/11.6.0/firebase-messaging-compat.js"
27-
></script>
28-
<script defer src="/__/firebase/11.6.0/firebase-storage-compat.js"></script>
29-
<script
30-
defer
31-
src="/__/firebase/11.6.0/firebase-analytics-compat.js"
32-
></script>
33-
<script
34-
defer
35-
src="/__/firebase/11.6.0/firebase-remote-config-compat.js"
36-
></script>
37-
<script
38-
defer
39-
src="/__/firebase/11.6.0/firebase-performance-compat.js"
40-
></script>
41-
<!--
42-
initialize the SDK after all desired features are loaded, set useEmulator to false
43-
to avoid connecting the SDK to running emulators.
44-
-->
45-
<script defer src="/__/firebase/init.js?useEmulator=true"></script>
46-
47-
<style media="screen">
48-
body {
49-
background: #eceff1;
50-
color: rgba(0, 0, 0, 0.87);
51-
font-family: Roboto, Helvetica, Arial, sans-serif;
52-
margin: 0;
53-
padding: 0;
54-
}
55-
#message {
56-
background: white;
57-
max-width: 360px;
58-
margin: 100px auto 16px;
59-
padding: 32px 24px;
60-
border-radius: 3px;
61-
}
62-
#message h2 {
63-
color: #ffa100;
64-
font-weight: bold;
65-
font-size: 16px;
66-
margin: 0 0 8px;
67-
}
68-
#message h1 {
69-
font-size: 22px;
70-
font-weight: 300;
71-
color: rgba(0, 0, 0, 0.6);
72-
margin: 0 0 16px;
73-
}
74-
#message p {
75-
line-height: 140%;
76-
margin: 16px 0 24px;
77-
font-size: 14px;
78-
}
79-
#message a {
80-
display: block;
81-
text-align: center;
82-
background: #039be5;
83-
text-transform: uppercase;
84-
text-decoration: none;
85-
color: white;
86-
padding: 16px;
87-
border-radius: 4px;
88-
}
89-
#message,
90-
#message a {
91-
box-shadow:
92-
0 1px 3px rgba(0, 0, 0, 0.12),
93-
0 1px 2px rgba(0, 0, 0, 0.24);
94-
}
95-
#load {
96-
color: rgba(0, 0, 0, 0.4);
97-
text-align: center;
98-
font-size: 13px;
99-
}
100-
@media (max-width: 600px) {
101-
body,
102-
#message {
103-
margin-top: 0;
104-
background: white;
105-
box-shadow: none;
106-
}
107-
body {
108-
border-top: 16px solid #ffa100;
109-
}
110-
}
111-
</style>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>AI-Powered Toolbox</title>
7+
<link rel="stylesheet" href="styles.css" />
1128
</head>
1139
<body>
114-
<div id="message">
115-
<h2>Welcome</h2>
116-
<h1>Firebase Hosting Setup Complete</h1>
10+
<header>
11+
<h1>AI-Powered Online Toolbox</h1>
11712
<p>
118-
You're seeing this because you've successfully setup Firebase Hosting.
119-
Now it's time to go build something extraordinary!
13+
Your go-to tools enhanced by Artificial Intelligence for networking and
14+
IP-related tasks.
12015
</p>
121-
<a target="_blank" href="https://firebase.google.com/docs/hosting/"
122-
>Open Hosting Documentation</a
123-
>
124-
</div>
125-
<p id="load">Firebase SDK Loading&hellip;</p>
126-
127-
<script>
128-
document.addEventListener("DOMContentLoaded", function () {
129-
const loadEl = document.querySelector("#load");
130-
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
131-
// // The Firebase SDK is initialized and available here!
132-
//
133-
@@ -68,20 +145,21 @@ <h1>Firebase Hosting Setup Complete</h1>
134-
try {
135-
let app = firebase.app();
136-
let features = [
137-
"auth",
138-
"database",
139-
"firestore",
140-
"functions",
141-
"messaging",
142-
"storage",
143-
"analytics",
144-
"remoteConfig",
145-
"performance",
146-
].filter((feature) => typeof app[feature] === "function");
147-
loadEl.textContent = `Firebase SDK loaded with ${features.join(", ")}`;
148-
} catch (e) {
149-
console.error(e);
150-
loadEl.textContent =
151-
"Error loading the Firebase SDK, check the console.";
152-
}
153-
});
154-
</script>
16+
</header>
17+
<main>
18+
<section id="tools">
19+
<div>
20+
<h2>What's My IP Address</h2>
21+
<button onclick="getMyIP()">Check</button>
22+
<p id="my-ip">Your IP will appear here.</p>
23+
</div>
24+
<div>
25+
<h2>IP Lookup / Geolocation</h2>
26+
<input type="text" id="ip-input" placeholder="Enter an IP address" />
27+
<button onclick="lookupIP()">Lookup</button>
28+
<p id="ip-info">Results will appear here.</p>
29+
</div>
30+
<div>
31+
<h2>Internet Speed Test</h2>
32+
<button onclick="runSpeedTest()">Run Test</button>
33+
<p id="speed-results">Speed test results will appear here.</p>
34+
</div>
35+
<div>
36+
<h2>Ping</h2>
37+
<input type="text" id="ping-url" placeholder="Enter URL" />
38+
<button onclick="ping()">Ping</button>
39+
<p id="ping-results">Ping results will appear here.</p>
40+
</div>
41+
</section>
42+
<div id="error-message" style="display: none"></div>
43+
</main>
44+
<footer>
45+
<p>&copy; 2025 AI Toolbox</p>
46+
</footer>
47+
<script src="scripts.js"></script>
48+
</body>
49+
</html>

0 commit comments

Comments
 (0)