Skip to content

Instantly share code, notes, and snippets.

@fredriccliver

fredriccliver/index.html

Created September 6, 2020 17:13
Show Gist options
  • Save fredriccliver/bef57f096d42121793ac4a745a3809e2 to your computer and use it in GitHub Desktop.
Save fredriccliver/bef57f096d42121793ac4a745a3809e2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<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/7.19.1/firebase-app.js"></script>
<!-- include only the Firebase features as you need -->
<script defer src="/__/firebase/7.19.1/firebase-auth.js"></script>
<script defer src="/__/firebase/7.19.1/firebase-database.js"></script>
<script defer src="/__/firebase/7.19.1/firebase-messaging.js"></script>
<script defer src="/__/firebase/7.19.1/firebase-functions.js"></script>
<script defer src="/__/firebase/7.19.1/firebase-storage.js"></script>
<!-- initialize the SDK after all desired features are loaded -->
<script defer src="/__/firebase/init.js"></script>
<style>
.center-box {
margin: 10em auto 0em;
width: 20em;
display: flex;
text-align: center;
justify-content: center;
flex-direction: column;
align-items: center;
height: 2em;
}
.center-box button {
width: 10em;
}
</style>
</head>
<body>
<div class="center-box">
<button id="btn-get-data">call functions</button>
<div id="label">There is not any response from server yet</div>
</div>
<script defer src="./index.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment