Move images to .github folder (#107)

4 files changed, 4 insertions, 3 deletions

diff --git a/.github/rfs-graph.svg b/.github/rfs-graph.svg
new file mode 100644
index 0000000..5100395
--- /dev/null
+++ b/.github/rfs-graph.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 1149 658" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M717 33v570" stroke="#CCC" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="681.4" y="13">Breakpoint:</tspan> <tspan x="703" y="29">1200</tspan></text><path d="M296 33v570" stroke="#CCC" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="283" y="31">360</tspan></text><path d="M500 33v570" stroke="#CCC" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="488" y="31">768</tspan></text><path d="M117 43v550" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 593h1000" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="59" y="36">font-size (px)</tspan></text><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="543.3" y="656">screen-width (px)</tspan></text><path d="M107 493h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="82" y="502">10</tspan></text><path d="M107 393h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text font-family="Helvetica" font-size="20" fill="#000" transform="translate(0 -3)"><tspan x="80" y="402">20</tspan></text><path d="M107 293h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="80" y="302">30</tspan></text><path d="M107 193h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="80" y="202">40</tspan></text><path d="M107 93h20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="80" y="102">50</tspan></text><path d="M217 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="199" y="622">200</tspan></text><path d="M317 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="299" y="622">400</tspan></text><path d="M417 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="399" y="622">600</tspan></text><path d="M517 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="499" y="622">800</tspan></text><path d="M617 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="594" y="622">1000</tspan></text><path d="M717 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="694" y="622">1200</tspan></text><path d="M818 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="796" y="622">1400</tspan></text><path d="M917 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="894" y="622">1600</tspan></text><path d="M1017 583v20" stroke="#000" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#000" font-family="Helvetica" font-size="20" transform="translate(0 -3)"><tspan x="994" y="622">1800</tspan></text><path d="M117 393h1010" stroke="#9633FF" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1135" y="401">20</tspan></text><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="391">20</tspan></text><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="391">20</tspan></text><text fill="#9633FF" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="697" y="391">20</tspan></text><path d="M117 433h1010" stroke="#F36" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1134" y="441">16</tspan></text><text fill="#AAA" font-family="Helvetica-Bold, Helvetica" font-size="11" font-weight="bold" transform="translate(0 -3)"><tspan x="0" y="399">Base font size:</tspan></text><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="277" y="432">16</tspan></text><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="481" y="432">16</tspan></text><text fill="#F36" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="697" y="432">16</tspan></text><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="321">~27</tspan></text><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="472" y="260">~34</tspan></text><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="194">40</tspan></text><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="356">~24</tspan></text><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="326">~27</tspan></text><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="696" y="293">30</tspan></text><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="270" y="284">~31</tspan></text><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="473" y="191">~40</tspan></text><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="694" y="93">50</tspan></text><path d="M717 293h410" stroke="#28B3EE" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 383l600-90" stroke="#28B3EE" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#28B3EE" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="301">30</tspan></text><path d="M717 193h410" stroke="#83C14C" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 373l600-180" stroke="#83C14C" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#83C14C" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="201">40</tspan></text><path d="M717 91h410" stroke="#313B45" stroke-width="2" fill="#000" fill-rule="nonzero"/><path d="M117 363L717 91" stroke="#313B45" stroke-width="2" fill="#000" fill-rule="nonzero"/><text fill="#313B45" font-family="Helvetica-Bold, Helvetica" font-size="13" font-weight="bold" transform="translate(0 -3)"><tspan x="1133" y="99">50</tspan></text></g></svg>
\ No newline at end of file
diff --git a/.github/rfs-rescale.gif b/.github/rfs-rescale.gif
new file mode 100644
index 0000000..a27c263
--- /dev/null
+++ b/.github/rfs-rescale.gif
diff --git a/rfs.svg b/.github/rfs.svg
index 5650ecf..5650ecf 100644
--- a/rfs.svg
+++ b/.github/rfs.svg
diff --git a/README.md b/README.md
index 4c83629..6016d59 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,5 @@
 <p align="center">
-  <img src="https://raw.githubusercontent.com/twbs/rfs/master/rfs.svg?sanitize=true" alt="RFS logo" width="99" height="108.6">
+  <img src="https://raw.githubusercontent.com/twbs/rfs/master/.github/rfs.svg?sanitize=true" alt="RFS logo" width="99" height="108.6">
 </p>
 
 <p  align="center">
@@ -30,7 +30,7 @@
 - The font sizes of all text elements will always remain in relation with each other
 
 
-![RFS](https://i.imgur.com/gJH6m6g.gif)
+![RFS](https://raw.githubusercontent.com/twbs/rfs/master/.github/rfs-rescale.gif?sanitize=true)
 
 
 ## Installation
@@ -187,7 +187,7 @@ If you're using Webpack, you can simplify the `@import` using the `~` prefix:
 
 If you wonder how the font sizes are rescaled, wonder no more and stare at this graph which might clarify things a bit. The font sizes used on the graph are in `px`, but in reality RFS renders them in `rem` by default:
 
-![RFS visualisation](https://i.imgur.com/P2ixaKH.png)
+![RFS visualisation](https://raw.githubusercontent.com/twbs/rfs/master/.github/rfs-graph.svg?sanitize=true)
 
 Each color represents another font size being rescaled. For example: