Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
150 changes: 114 additions & 36 deletions public/index.html
Original file line number Diff line number Diff line change
@@ -1,55 +1,132 @@
<!DOCTYPE html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Welcome to Firebase Hosting</title>

<!-- update the version number as needed -->
<script defer src="/__/firebase/11.6.0/firebase-app-compat.js"></script>
<!-- include only the Firebase features as you need -->
<script defer src="/__/firebase/11.6.0/firebase-auth-compat.js"></script>
<script defer src="/__/firebase/11.6.0/firebase-database-compat.js"></script>
<script defer src="/__/firebase/11.6.0/firebase-firestore-compat.js"></script>
<script defer src="/__/firebase/11.6.0/firebase-functions-compat.js"></script>
<script defer src="/__/firebase/11.6.0/firebase-messaging-compat.js"></script>
<script
defer
src="/__/firebase/11.6.0/firebase-database-compat.js"
></script>
<script
defer
src="/__/firebase/11.6.0/firebase-firestore-compat.js"
></script>
<script
defer
src="/__/firebase/11.6.0/firebase-functions-compat.js"
></script>
<script
defer
src="/__/firebase/11.6.0/firebase-messaging-compat.js"
></script>
<script defer src="/__/firebase/11.6.0/firebase-storage-compat.js"></script>
<script defer src="/__/firebase/11.6.0/firebase-analytics-compat.js"></script>
<script defer src="/__/firebase/11.6.0/firebase-remote-config-compat.js"></script>
<script defer src="/__/firebase/11.6.0/firebase-performance-compat.js"></script>
<script
defer
src="/__/firebase/11.6.0/firebase-analytics-compat.js"
></script>
<script
defer
src="/__/firebase/11.6.0/firebase-remote-config-compat.js"
></script>
<script
defer
src="/__/firebase/11.6.0/firebase-performance-compat.js"
></script>
<!--
initialize the SDK after all desired features are loaded, set useEmulator to false
to avoid connecting the SDK to running emulators.
-->
<script defer src="/__/firebase/init.js?useEmulator=true"></script>

<style media="screen">
body { background: #ECEFF1; color: rgba(0,0,0,0.87); font-family: Roboto, Helvetica, Arial, sans-serif; margin: 0; padding: 0; }
#message { background: white; max-width: 360px; margin: 100px auto 16px; padding: 32px 24px; border-radius: 3px; }
#message h2 { color: #ffa100; font-weight: bold; font-size: 16px; margin: 0 0 8px; }
#message h1 { font-size: 22px; font-weight: 300; color: rgba(0,0,0,0.6); margin: 0 0 16px;}
#message p { line-height: 140%; margin: 16px 0 24px; font-size: 14px; }
#message a { display: block; text-align: center; background: #039be5; text-transform: uppercase; text-decoration: none; color: white; padding: 16px; border-radius: 4px; }
#message, #message a { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
#load { color: rgba(0,0,0,0.4); text-align: center; font-size: 13px; }
body {
background: #eceff1;
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
}
#message {
background: white;
max-width: 360px;
margin: 100px auto 16px;
padding: 32px 24px;
border-radius: 3px;
}
#message h2 {
color: #ffa100;
font-weight: bold;
font-size: 16px;
margin: 0 0 8px;
}
#message h1 {
font-size: 22px;
font-weight: 300;
color: rgba(0, 0, 0, 0.6);
margin: 0 0 16px;
}
#message p {
line-height: 140%;
margin: 16px 0 24px;
font-size: 14px;
}
#message a {
display: block;
text-align: center;
background: #039be5;
text-transform: uppercase;
text-decoration: none;
color: white;
padding: 16px;
border-radius: 4px;
}
#message,
#message a {
box-shadow:
0 1px 3px rgba(0, 0, 0, 0.12),
0 1px 2px rgba(0, 0, 0, 0.24);
}
#load {
color: rgba(0, 0, 0, 0.4);
text-align: center;
font-size: 13px;
}
@media (max-width: 600px) {
body, #message { margin-top: 0; background: white; box-shadow: none; }
body { border-top: 16px solid #ffa100; }
body,
#message {
margin-top: 0;
background: white;
box-shadow: none;
}
body {
border-top: 16px solid #ffa100;
}
}
</style>
</head>
<body>
<div id="message">
<h2>Welcome</h2>
<h1>Firebase Hosting Setup Complete</h1>
<p>You're seeing this because you've successfully setup Firebase Hosting. Now it's time to go build something extraordinary!</p>
<a target="_blank" href="https://firebase.google.com/docs/hosting/">Open Hosting Documentation</a>
<p>
You're seeing this because you've successfully setup Firebase Hosting.
Now it's time to go build something extraordinary!
</p>
<a target="_blank" href="https://firebase.google.com/docs/hosting/"
>Open Hosting Documentation</a
>
</div>
<p id="load">Firebase SDK Loading&hellip;</p>

<script>
document.addEventListener('DOMContentLoaded', function() {
const loadEl = document.querySelector('#load');
document.addEventListener("DOMContentLoaded", function () {
const loadEl = document.querySelector("#load");
// // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
// // The Firebase SDK is initialized and available here!
//
Expand All @@ -68,20 +145,21 @@ <h1>Firebase Hosting Setup Complete</h1>
try {
let app = firebase.app();
let features = [
'auth',
'database',
'firestore',
'functions',
'messaging',
'storage',
'analytics',
'remoteConfig',
'performance',
].filter(feature => typeof app[feature] === 'function');
loadEl.textContent = `Firebase SDK loaded with ${features.join(', ')}`;
"auth",
"database",
"firestore",
"functions",
"messaging",
"storage",
"analytics",
"remoteConfig",
"performance",
].filter((feature) => typeof app[feature] === "function");
loadEl.textContent = `Firebase SDK loaded with ${features.join(", ")}`;
} catch (e) {
console.error(e);
loadEl.textContent = 'Error loading the Firebase SDK, check the console.';
loadEl.textContent =
"Error loading the Firebase SDK, check the console.";
}
});
</script>
Expand Down
Loading