docs changes from responsive

diff --git a/.gitignore b/.gitignore
index 81ac3805bf02a8e6d0660859a48934f7247dd0c0..4336d02227ae82f921062f354e39cbad51d3278f 100644 (file)
--- a/.gitignore
+++ b/.gitignore
@@ -2,3 +2,4 @@
 .developmentserverrc
 index.html
 Backup
 .developmentserverrc
 index.html
 Backup

+*~

diff --git a/Guidelines.md b/Guidelines.md
index 0b2447b151d3ca999a8632d70526e9d9a9b7727c..48b652cdc6a5d76ecc2a431c1a21d9d3e0b4e513 100644 (file)
--- a/Guidelines.md
+++ b/Guidelines.md
@@ -1,12 +1,32 @@
-#Guidelines for future use
+# Guidelines for future use

 ---
 ---

-##Images:
+## Images:

 
 

-* If it's a logo then ALWAYS export the images from its verctor source.
-* Do not put a logo next to a product or vice-versa. Always use images with the same nature (i.e. product versus product; logo versus logo)
-* Always export images and logos to a square, transparent PNG, preferably to 500px*500px. Otherwise put in in the template.png and export.
+* If it's a logo then ALWAYS export the images from its VECTOR (.svg, .eps, .pdf) source. If a vector source isn't available, use a very large image and scale it down.

 
 

+* Do not put a logo next to a product or vice-versa, Always use images with the same nature (i.e. product versus product; logo versus logo)

 
 

-##Text:
+* Charities' logos should be exported to 580px × 580px, transparent PNG

 
 

-* Be brief, people do not usually read long text.
+* Products' images, "good" or "naughty" should be put inside transparent, square PNG files at 350px × 350px, and a padding consistent with existing images.
+
+## BUY/GET button
+
+* Copy the entire block of code including the two lines for comments before and after the Divs.
+
+* Paste it just after the **h5** line.
+
+* Append a unique string to the `id` `href` `aria-controls` of the **a** elements, as well as the `id` of the next div and the content of `document.getElementById('...')` so that all have the same text. Example: `get-iem-smartphone` `get-item-compact` ...
+
+* Change the content of the Anchor link **a** and its `href` attributes to link to different sellers.
+
+* If the product has only one source use this code instead:
+
+`<a class="btn get-item" role="button" href="#">BUY</a>`
+
+
+## General Best Practices
+
+* Resist the urge to add another list-element **li** to announce a SALE, a BONUS, or anything unrelated to being a PROS or CONS. Instead use the SALE triangle, and Bootstrap's *alert* (Check its documentation, or existing code if unsure)
+
+* Avoid using very long titles as they tend to wrap into multiple lines on mobile devices. Be concise.

diff --git a/README.md b/README.md
index 88410211c6e854de0c29a372949d5121471f903c..b7478d35541da0ee86025f95d0306951896f4860 100644 (file)
--- a/README.md
+++ b/README.md
@@ -1,5 +1,8 @@
 # FSF Holiday Giving Guide README
 
 # FSF Holiday Giving Guide README
 

+## Deployment
+The git repo holding the live copy of the site is in the master branch.
+

 ## Adding images
 Make sure that, for side-by-side comparisons, both images are a similar height
 
 ## Adding images
 Make sure that, for side-by-side comparisons, both images are a similar height