Responsive images

goodbye-graffiti-agent/site/README.md

@@ -21,8 +21,8 @@ graffiti vandalism.
    `your-firebase-app-name`)
 1. Install the [firebase CLI](https://firebase.google.com/docs/cli)
 1. Run `firebase init` in the app root and follow the prompts to select
-   `Hosting`, use the `views` directory, and confirm `N` to the followup
-   questions about rewrites, deploys, and the 404 and index pages.
+   `Hosting`, use the `public` directory, configure it as a single-page app and
+   confirm `N` to the followup questions about automatic builds and deploys.
 1. Run
    `firebase target:apply hosting your-firebase-app-name your-firebase-app-name`
    where `your-firebase-app-name` is the name of the Firebase Hosting site that

goodbye-graffiti-agent/site/package.json

@@ -1,6 +1,6 @@
 {
-  "name": "dialogflow-messanger-app",
-  "description": "Simple Node.js application that provides a customizable chat dialog with an agent deployed on DF CX. Uses Dialogflow Messanger integration",
+  "name": "goodbye-graffiti-agent",
+  "description": "Site for the Goodbye graffiti demo",
   "version": "0.0.2",
   "private": true,
   "license": "Apache-2.0",

goodbye-graffiti-agent/site/views/index.html

@@ -55,7 +55,7 @@ <h1>Overview</h1>
     </div>
 
     <div class="mb-5">
-      <img src="img/call-companion-ui.png" width="900px">
+      <img src="img/call-companion-ui.png" class="img-fluid" width="900px">
     </div>
 
     <h1>Features</h1>
@@ -151,9 +151,10 @@ <h2>Google Maps Platform</h2>
           console.log(`Longitude: ` + crd.longitude);
           console.log(`More or less ${crd.accuracy} meters.`);
           var latlong = crd.latitude + ',' + crd.longitude;
-          var url = 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + latlong + '&key=YOUR_API_KEY';
+          var url = 'https://maps.googleapis.com/maps/api/geocode/json?latlng=' + latlong + '&key=YOUR-API-KEY';
 
           axios.get(url).then(response =>{
+            console.log(response.data.results[0]);
             address = JSON.stringify(response.data.results[0].formatted_address);      
             dfMessenger.renderCustomText(`Thanks. The graffiti is located near: ` + address);
             console.log(address);