diff --git a/authorized-https-endpoint/README.md b/authorized-https-endpoint/README.md
index b70403914e..cf59b09d34 100644
--- a/authorized-https-endpoint/README.md
+++ b/authorized-https-endpoint/README.md
@@ -16,7 +16,6 @@ This sample comes with a simple web-based UI which code is in [public](public) d
1. Create a Firebase Project using the [Firebase Console](https://console.firebase.google.com).
1. Enable the **Google** Provider in the **Auth** section.
1. Clone or download this repo and open the `authenticated-https-endpoint` directory.
- 1. Paste the Web initialization snippet from: **Firebase Console > Overview > Add Firebase to your web app** in the `public/index.html` where the `TODO` is located.
1. You must have the Firebase CLI installed. If you don't have it install it with `npm install -g firebase-tools` and then configure it with `firebase login`.
1. Configure the CLI locally by using `firebase use --add` and select your project in the list.
1. Install dependencies locally by running: `cd functions; npm install; cd -`
diff --git a/authorized-https-endpoint/public/index.html b/authorized-https-endpoint/public/index.html
index 66a12b4740..bcb36f566b 100644
--- a/authorized-https-endpoint/public/index.html
+++ b/authorized-https-endpoint/public/index.html
@@ -68,9 +68,9 @@ Authorized HTTP Function demo
-
+
+
+
diff --git a/authorized-https-endpoint/public/main.js b/authorized-https-endpoint/public/main.js
index a7d523c175..0d301c6604 100644
--- a/authorized-https-endpoint/public/main.js
+++ b/authorized-https-endpoint/public/main.js
@@ -23,7 +23,7 @@ function Demo() {
this.signOutButton = document.getElementById('demo-sign-out-button');
this.responseContainer = document.getElementById('demo-response');
this.urlContainer = document.getElementById('demo-url');
- this.helloFunctionUrl = 'https://us-central1-' + config.authDomain.split('.')[0] + '.cloudfunctions.net/authorizedHello/';
+ this.helloFunctionUrl = 'https://us-central1-' + firebase.app().options.authDomain.split('.')[0] + '.cloudfunctions.net/authorizedHello/';
this.signedOutCard = document.getElementById('demo-signed-out-card');
this.signedInCard = document.getElementById('demo-signed-in-card');
diff --git a/email-confirmation/README.md b/email-confirmation/README.md
index 8e49934e1c..fe40cc9e42 100644
--- a/email-confirmation/README.md
+++ b/email-confirmation/README.md
@@ -34,22 +34,21 @@ The function triggers on changes to `/users/$uid` and exits if there are no chan
## Setting up the sample
-Set the `gmail.email` and `gmail.password` Google Cloud environment variables to match the email and password of the Gmail account used to send emails. For this use:
-
-```bash
-firebase functions:config:set gmail.email="myusername@gmail.com" gmail.password="secretpassword"
-```
-
-This sample comes with a web-based UI for testing the function. To set it up:
-
- - Create a Firebase Project using the [Firebase Developer Console](https://console.firebase.google.com)
- - Enable Google Provider in the [Auth section](https://console.firebase.google.com/project/_/authentication/providers)
- - Import and configure Firebase in the `public/index.html` where the `TODO` is located
-
+ 1. Create a Firebase Project using the [Firebase Console](https://console.firebase.google.com).
+ 1. Enable the **Google** Provider in the **Auth** section.
+ 1. Clone or download this repo and open the `email-confirmation` directory.
+ 1. You must have the Firebase CLI installed. If you don't have it install it with `npm install -g firebase-tools` and then configure it with `firebase login`.
+ 1. Configure the CLI locally by using `firebase use --add` and select your project in the list.
+ 1. Install dependencies locally by running: `cd functions; npm install; cd -`
+ 1. Set the `gmail.email` and `gmail.password` Google Cloud environment variables to match the email and password of the Gmail account used to send emails. For this use:
+ ```bash
+ firebase functions:config:set gmail.email="myusername@gmail.com" gmail.password="secretpassword"
+ ```
## Deploy and test
This sample comes with a web-based UI for testing the function. To test it out:
- - Deploy your project using `firebase deploy`
- - Open the app using `firebase open`, Sign in using Google Sign-In and subscribe/unsubscribe to the newsletter and you should receive email confirmations
+ 1. Deploy your project using `firebase deploy`
+ 1. Open the app using `firebase open hosting:site`, this will open a browser.
+ 1. Sign in the web app in the browser using Google Sign-In and delete your account using the button on the web app. You should receive email confirmations for each actions.
diff --git a/email-confirmation/main.css b/email-confirmation/main.css
deleted file mode 100644
index a1afdd12a5..0000000000
--- a/email-confirmation/main.css
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Copyright 2015 Google Inc. All Rights Reserved.
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-html, body {
- font-family: 'Roboto', 'Helvetica', sans-serif;
-}
-.mdl-grid {
- max-width: 1024px;
- margin: auto;
-}
-.mdl-card {
- min-height: 0;
- padding-bottom: 5px;
-}
-.mdl-layout__header-row {
- padding: 0;
-}
-#message-form {
- display: flex;
- flex-direction: column;
-}
-#message-form button {
- max-width: 300px;
-}
-#message-list {
- padding: 0;
- width: 100%;
-}
-#message-list > div {
- padding: 15px;
- border-bottom: 1px #f1f1f1 solid;
-}
-h3 {
- background: url('firebase-logo.png') no-repeat;
- background-size: 40px;
- padding-left: 50px;
-}
-#demo-signed-out-card,
-#demo-signed-in-card,
-#demo-subscribe-button,
-#demo-unsubscribe-button,
-#demo-subscribed-text-container,
-#demo-unsubscribed-text-container {
- display: none;
-}
-#demo-subscribe-button,
-#demo-unsubscribe-button {
- margin-right: 20px;
-}
\ No newline at end of file
diff --git a/email-confirmation/public/index.html b/email-confirmation/public/index.html
index 7c4cf01a30..54fb92fc3a 100644
--- a/email-confirmation/public/index.html
+++ b/email-confirmation/public/index.html
@@ -97,9 +97,10 @@