diff --git a/credentials.html b/credentials.html index 85c98fc..7002e36 100644 --- a/credentials.html +++ b/credentials.html @@ -1,43 +1,26 @@ - - Google Sign In in Chrome Extensions Example + Prairie Dog Brewing Technology Department + - - -

Firebase Authentication

- -
- -

- Firebase sign-in status: Unknown -

Firebase auth currentUser object value:
- 
null
+ +

Prairie Dog Brewing

+

Technology Department

+
+ +
diff --git a/credentials.js b/credentials.js index 364191b..d3e05ca 100644 --- a/credentials.js +++ b/credentials.js @@ -1,4 +1,3 @@ -// TODO(DEVELOPER): Change the values below using values from the initialization snippet: Firebase Console > Overview > Add Firebase to your web app. // Initialize Firebase var config = { apiKey: "AIzaSyCfHp6dkivD_7EUQyiCn3ulSoJo5L_qoE8", @@ -9,17 +8,7 @@ firebase.initializeApp(config); /** * initApp handles setting up the Firebase context and registering - * callbacks for the auth status. - * - * The core initialization is in firebase.App - this is the glue class - * which stores configuration. We provide an app name here to allow - * distinguishing multiple app instances. - * - * This method also registers a listener with firebase.auth().onAuthStateChanged. - * This listener is called when the user is signed in or out, and that - * is where we update the UI. - * - * When signed in, we also authenticate to the Firebase Realtime Database. + * a callback for the auth status. */ function initApp() { // Listen for auth state changes. @@ -36,8 +25,7 @@ function initApp() { var providerData = user.providerData; // [START_EXCLUDE] document.getElementById('quickstart-button').textContent = 'Sign out'; - document.getElementById('quickstart-sign-in-status').textContent = 'Signed in'; - document.getElementById('quickstart-account-details').textContent = JSON.stringify(user, null, ' '); + document.getElementById('enjoy').style.display = 'block'; // [END_EXCLUDE] firebase.database().ref("/batches/PB0057").once('value').then(function(response) { @@ -47,9 +35,8 @@ function initApp() { } else { // Let's try to get a Google auth token programmatically. // [START_EXCLUDE] - document.getElementById('quickstart-button').textContent = 'Sign-in with Google'; - document.getElementById('quickstart-sign-in-status').textContent = 'Signed out'; - document.getElementById('quickstart-account-details').textContent = 'null'; + document.getElementById('quickstart-button').textContent = 'Sign-in'; + document.getElementById('enjoy').style.display = 'none'; // [END_EXCLUDE] } document.getElementById('quickstart-button').disabled = false; diff --git a/main.css b/main.css index bf0a84a..b50aef1 100644 --- a/main.css +++ b/main.css @@ -52,9 +52,16 @@ code { white-space: pre-wrap; word-break: break-all; } -h3 { - background: url('firebase-logo.png') no-repeat; - background-size: 40px; - padding-left: 50px; - line-height: 40px; + + +.header-image { + height: 240px; + display: block; + margin: 0px auto; } + +#quickstart-button { + display: block; + margin: 0px auto; +} + diff --git a/pdb-logo-big.png b/pdb-logo-big.png new file mode 100644 index 0000000..bc0e6b2 Binary files /dev/null and b/pdb-logo-big.png differ diff --git a/pdb-styles.css b/pdb-styles.css new file mode 100644 index 0000000..35f9368 --- /dev/null +++ b/pdb-styles.css @@ -0,0 +1,26 @@ +@font-face {font-family: "After Disaster"; + src: url("//db.onlinewebfonts.com/t/a41479893690030a24b109401e1f7b10.eot"); + src: url("//db.onlinewebfonts.com/t/a41479893690030a24b109401e1f7b10.eot?#iefix") format("embedded-opentype"), + url("//db.onlinewebfonts.com/t/a41479893690030a24b109401e1f7b10.woff2") format("woff2"), + url("//db.onlinewebfonts.com/t/a41479893690030a24b109401e1f7b10.woff") format("woff"), + url("//db.onlinewebfonts.com/t/a41479893690030a24b109401e1f7b10.ttf") format("truetype"), + url("//db.onlinewebfonts.com/t/a41479893690030a24b109401e1f7b10.svg#After Disaster") format("svg"); +} + +p { + font-face: Roboto Condensed Bold; + color: #5A4638; +} + + +h3, h4 { + color: #5A4638; + font-family: After Disaster; + text-align: center; +} +h3 { + font-size: 3em; +} +h4 { + font-size: 2em; +}