From 2d14ab68bdea8637a7648467fcb3c7c0dc147fff Mon Sep 17 00:00:00 2001
From: JoelWoodcock <jwoodcock@bookingbug.com>
Date: Tue, 7 Jun 2016 11:54:58 +0100
Subject: [PATCH 1/3] faq.md

New page. Needs some more stuff added.
---
 docs/javascript-sdk/faq.md | 47 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)
 create mode 100644 docs/javascript-sdk/faq.md

diff --git a/docs/javascript-sdk/faq.md b/docs/javascript-sdk/faq.md
new file mode 100644
index 0000000..645591f
--- /dev/null
+++ b/docs/javascript-sdk/faq.md
@@ -0,0 +1,47 @@
+# FAQ
+
+## How do I add my own images?
+
+1. Paste the image you want to use in src/images in your widget’s folder.
+
+2. Open your widget in a text editor.
+
+3. Locate the file in the src folder for the page you want the picture to appear on (or main.html if you want it to appear on all pages).
+
+4. Input the HTML to add an image with the file path to the image inside the quotation marks into the page file.
+
+  ```html
+<img src=”images/file.png”/> 
+```
+
+To edit and format your images further, refer to http://www.w3schools.com/html/html_images.asp
+
+## How do I add my own fonts?
+
+1. Acquire a font file (such as a .ttf or .woff file) and input it into the src/fonts folder. https://www.google.com/fonts has many fonts you can download.
+
+2. Navigate to 'src/stylesheets/bb-sass-3-3-1/_fonts.scss' via a text editor.
+
+3. Input the following CSS into the _font.scss file, replacing the example text with your font’s information:
+  ```css
+@font-face {
+font-family: 'Example-Font';
+src: url('fonts/example-font.filetype');
+}
+``` 
+
+4. Navigate to the stylesheet of the page you want to use the font for within the bb-sass-3-3-1 folder. Selecting main.scss will implement the font for the entire journey.
+
+5. Replace the default font name with the name of your font:
+
+  ```css
+// font-family: 'Example-Font', cursive;
+font-family: "Example-Font", cursive;
+font-weight: 400;
+font-size: $font-size-base;
+color: $primary-text-color;
+background-color: $page-background-color;
+margin: 0; // remove default body margin
+```
+
+To edit your fonts beyond this, refer to this site: http://www.w3schools.com/css/css_font.asp 

From de3a38261e48a25e9f9459813f64fc2625fd3f84 Mon Sep 17 00:00:00 2001
From: jfbookingbug <jfenton@bookingbug.com>
Date: Tue, 7 Jun 2016 11:56:44 +0100
Subject: [PATCH 2/3] Update faq.md

---
 docs/javascript-sdk/faq.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/javascript-sdk/faq.md b/docs/javascript-sdk/faq.md
index 645591f..af8e5f2 100644
--- a/docs/javascript-sdk/faq.md
+++ b/docs/javascript-sdk/faq.md
@@ -45,3 +45,4 @@ margin: 0; // remove default body margin
 ```
 
 To edit your fonts beyond this, refer to this site: http://www.w3schools.com/css/css_font.asp 
+

From d7386c3e1e46901dd317750200603a764455e5bd Mon Sep 17 00:00:00 2001
From: jfbookingbug <jfenton@bookingbug.com>
Date: Tue, 7 Jun 2016 11:57:38 +0100
Subject: [PATCH 3/3] adding questions for filling out

---
 docs/javascript-sdk/faq.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/docs/javascript-sdk/faq.md b/docs/javascript-sdk/faq.md
index af8e5f2..b365985 100644
--- a/docs/javascript-sdk/faq.md
+++ b/docs/javascript-sdk/faq.md
@@ -46,3 +46,4 @@ margin: 0; // remove default body margin
 
 To edit your fonts beyond this, refer to this site: http://www.w3schools.com/css/css_font.asp 
 
+##  I want to use a newer version of the sdk. - How?