From 99a90c4299f4b1eda1b56d445b5d3b104baa691f Mon Sep 17 00:00:00 2001
From: Yuki Hattori <yukihattori1116@gmail.com>
Date: Mon, 20 Feb 2023 01:49:38 +0900
Subject: [PATCH] Update path of docs about bespoke transitions

---
 README.md                                     |   2 +-
 .../README.md}                                |  70 +++++++++---------
 .../images}/clockwise.gif                     | Bin
 .../images}/counterclockwise.gif              | Bin
 .../images}/cover.gif                         | Bin
 .../images}/coverflow.gif                     | Bin
 .../images}/cube.gif                          | Bin
 .../images}/cylinder.gif                      | Bin
 .../images}/diamond.gif                       | Bin
 .../images}/drop.gif                          | Bin
 .../images}/explode.gif                       | Bin
 .../images}/fade-out.gif                      | Bin
 .../images}/fade.gif                          | Bin
 .../images}/fall.gif                          | Bin
 .../images}/flip.gif                          | Bin
 .../images}/glow.gif                          | Bin
 .../images}/implode.gif                       | Bin
 .../images}/in-out.gif                        | Bin
 .../images}/iris-in.gif                       | Bin
 .../images}/iris-out.gif                      | Bin
 .../images}/melt.gif                          | Bin
 .../images}/morphing-animation-2.gif          | Bin
 .../images}/morphing-animation-2.mp4          | Bin
 .../images}/morphing-animation.gif            | Bin
 .../images}/morphing-animation.mp4            | Bin
 .../images}/overlap.gif                       | Bin
 .../images}/pivot.gif                         | Bin
 .../images}/pull.gif                          | Bin
 .../images}/push.gif                          | Bin
 .../images}/reveal.gif                        | Bin
 .../images}/rotate.gif                        | Bin
 .../images}/slide.gif                         | Bin
 .../images}/star.gif                          | Bin
 .../images}/swap.gif                          | Bin
 .../images}/swipe.gif                         | Bin
 .../images}/swoosh.gif                        | Bin
 .../images}/wipe.gif                          | Bin
 .../images}/wiper.gif                         | Bin
 .../images}/zoom.gif                          | Bin
 39 files changed, 36 insertions(+), 36 deletions(-)
 rename docs/{bespoke-template/transitions.md => bespoke-transitions/README.md} (77%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/clockwise.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/counterclockwise.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/cover.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/coverflow.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/cube.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/cylinder.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/diamond.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/drop.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/explode.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/fade-out.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/fade.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/fall.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/flip.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/glow.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/implode.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/in-out.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/iris-in.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/iris-out.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/melt.gif (100%)
 rename docs/{bespoke-template => bespoke-transitions/images}/morphing-animation-2.gif (100%)
 rename docs/{bespoke-template => bespoke-transitions/images}/morphing-animation-2.mp4 (100%)
 rename docs/{bespoke-template => bespoke-transitions/images}/morphing-animation.gif (100%)
 rename docs/{bespoke-template => bespoke-transitions/images}/morphing-animation.mp4 (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/overlap.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/pivot.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/pull.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/push.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/reveal.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/rotate.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/slide.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/star.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/swap.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/swipe.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/swoosh.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/wipe.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/wiper.gif (100%)
 rename docs/{bespoke-template/transitions => bespoke-transitions/images}/zoom.gif (100%)

diff --git a/README.md b/README.md
index 14e6e2da..d8ac3f3d 100644
--- a/README.md
+++ b/README.md
@@ -296,7 +296,7 @@ The `bespoke` template is using [Bespoke.js](https://github.com/bespokejs/bespok
 - **Progress bar** (optional): By setting `--bespoke.progress` option, you can add a progress bar on the top of the deck.
 - [**Slide transitions**][transitions]: Support transitions (`transition` local directive) powered by [View Transitions API].
 
-[transitions]: ./docs/bespoke-template/transitions.md
+[transitions]: ./docs/bespoke-transitions/README.md
 [view transitions api]: https://www.w3.org/TR/css-view-transitions-1/
 
 > ℹ️ Presenter view may be disabled if [the browser restricted using localStorage](https://developer.mozilla.org/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API#Feature-detecting_localStorage) (e.g. Open HTML in the old Safari with private browsing, or open the _local_ HTML file with Chrome that has blocked 3rd party cookies in `chrome://settings/content/cookies`).
diff --git a/docs/bespoke-template/transitions.md b/docs/bespoke-transitions/README.md
similarity index 77%
rename from docs/bespoke-template/transitions.md
rename to docs/bespoke-transitions/README.md
index 230219d5..eabea73b 100644
--- a/docs/bespoke-template/transitions.md
+++ b/docs/bespoke-transitions/README.md
@@ -79,19 +79,19 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
       <td align="center" valign="bottom"><b>none</b></td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#2">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/clockwise.gif" width="128" height="72" /><br />
+          <img src="./images/clockwise.gif" width="128" height="72" /><br />
           <b>clockwise</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#3">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/counterclockwise.gif" width="128" height="72" /><br />
+          <img src="./images/counterclockwise.gif" width="128" height="72" /><br />
           <b>counterclockwise</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#4">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/cover.gif" width="128" height="72" /><br />
+          <img src="./images/cover.gif" width="128" height="72" /><br />
           <b>cover</b>
         </a>
       </td>
@@ -99,25 +99,25 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#5">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/coverflow.gif" width="128" height="72" /><br />
+          <img src="./images/coverflow.gif" width="128" height="72" /><br />
           <b>coverflow</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#6">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/cube.gif" width="128" height="72" /><br />
+          <img src="./images/cube.gif" width="128" height="72" /><br />
           <b>cube</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#7">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/cylinder.gif" width="128" height="72" /><br />
+          <img src="./images/cylinder.gif" width="128" height="72" /><br />
           <b>cylinder</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#8">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/diamond.gif" width="128" height="72" /><br />
+          <img src="./images/diamond.gif" width="128" height="72" /><br />
           <b>diamond</b>
         </a>
       </td>
@@ -125,25 +125,25 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#9">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/drop.gif" width="128" height="72" /><br />
+          <img src="./images/drop.gif" width="128" height="72" /><br />
           <b>drop</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#10">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/explode.gif" width="128" height="72" /><br />
+          <img src="./images/explode.gif" width="128" height="72" /><br />
           <b>explode</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#11">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/fade.gif" width="128" height="72" /><br />
+          <img src="./images/fade.gif" width="128" height="72" /><br />
           <b>fade</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#12">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/fade-out.gif" width="128" height="72" /><br />
+          <img src="./images/fade-out.gif" width="128" height="72" /><br />
           <b>fade-out</b>
         </a>
       </td>
@@ -151,25 +151,25 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#13">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/fall.gif" width="128" height="72" /><br />
+          <img src="./images/fall.gif" width="128" height="72" /><br />
           <b>fall</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#14">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/flip.gif" width="128" height="72" /><br />
+          <img src="./images/flip.gif" width="128" height="72" /><br />
           <b>flip</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#15">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/glow.gif" width="128" height="72" /><br />
+          <img src="./images/glow.gif" width="128" height="72" /><br />
           <b>glow</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#16">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/implode.gif" width="128" height="72" /><br />
+          <img src="./images/implode.gif" width="128" height="72" /><br />
           <b>implode</b>
         </a>
       </td>
@@ -177,25 +177,25 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#17">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/in-out.gif" width="128" height="72" /><br />
+          <img src="./images/in-out.gif" width="128" height="72" /><br />
           <b>in-out</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#18">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/iris-in.gif" width="128" height="72" /><br />
+          <img src="./images/iris-in.gif" width="128" height="72" /><br />
           <b>iris-in</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#19">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/iris-out.gif" width="128" height="72" /><br />
+          <img src="./images/iris-out.gif" width="128" height="72" /><br />
           <b>iris-out</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#20">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/melt.gif" width="128" height="72" /><br />
+          <img src="./images/melt.gif" width="128" height="72" /><br />
           <b>melt</b>
         </a>
       </td>
@@ -203,25 +203,25 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#21">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/overlap.gif" width="128" height="72" /><br />
+          <img src="./images/overlap.gif" width="128" height="72" /><br />
           <b>overlap</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#22">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/pivot.gif" width="128" height="72" /><br />
+          <img src="./images/pivot.gif" width="128" height="72" /><br />
           <b>pivot</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#23">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/pull.gif" width="128" height="72" /><br />
+          <img src="./images/pull.gif" width="128" height="72" /><br />
           <b>pull</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#24">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/push.gif" width="128" height="72" /><br />
+          <img src="./images/push.gif" width="128" height="72" /><br />
           <b>push</b>
         </a>
       </td>
@@ -229,25 +229,25 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#25">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/reveal.gif" width="128" height="72" /><br />
+          <img src="./images/reveal.gif" width="128" height="72" /><br />
           <b>reveal</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#26">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/rotate.gif" width="128" height="72" /><br />
+          <img src="./images/rotate.gif" width="128" height="72" /><br />
           <b>rotate</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#27">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/slide.gif" width="128" height="72" /><br />
+          <img src="./images/slide.gif" width="128" height="72" /><br />
           <b>slide</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#28">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/star.gif" width="128" height="72" /><br />
+          <img src="./images/star.gif" width="128" height="72" /><br />
           <b>star</b>
         </a>
       </td>
@@ -255,25 +255,25 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#29">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/swap.gif" width="128" height="72" /><br />
+          <img src="./images/swap.gif" width="128" height="72" /><br />
           <b>swap</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#30">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/swipe.gif" width="128" height="72" /><br />
+          <img src="./images/swipe.gif" width="128" height="72" /><br />
           <b>swipe</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#31">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/swoosh.gif" width="128" height="72" /><br />
+          <img src="./images/swoosh.gif" width="128" height="72" /><br />
           <b>swoosh</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#32">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/wipe.gif" width="128" height="72" /><br />
+          <img src="./images/wipe.gif" width="128" height="72" /><br />
           <b>wipe</b>
         </a>
       </td>
@@ -281,13 +281,13 @@ Marp CLI has provided useful [33 built-in transitions](../../src/engine/transiti
     <tr>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#33">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/wiper.gif" width="128" height="72" /><br />
+          <img src="./images/wiper.gif" width="128" height="72" /><br />
           <b>wiper</b>
         </a>
       </td>
       <td align="center" valign="bottom">
         <a href="https://marp-cli-page-transitions.glitch.me/#34">
-          <img src="https://raw.githubusercontent.com/marp-team/marp-cli/make-stable-transitions/docs/bespoke-template/transitions/zoom.gif" width="128" height="72" /><br />
+          <img src="./images/zoom.gif" width="128" height="72" /><br />
           <b>zoom</b>
         </a>
       </td>
@@ -566,7 +566,7 @@ If there were marked elements with the same name by [`view-transition-name` CSS
 The slide author can visualize the relationship between the different elements in the two different pages. It's helpful for creating a more engaging presentation for the audience.
 
 <p align="center">
-  <img src="morphing-animation.gif" alt="Morph animation example" width="480" height="270" />
+  <img src="./images/morphing-animation.gif" alt="Morph animation example" width="480" height="270" />
 </p>
 
 If there were multiple pairs defined by `view-transition-name` CSS property with different names, each elements will morph at the same time. Elements that were not marked by `view-transition-name` still follow the selected animation by `transition` local directive.
@@ -680,7 +680,7 @@ style: |
 The name of group can set through CSS variable in `style` attribute.
 
 <p align="center">
-  <img src="morphing-animation-2.gif" alt="Use HTML to mark morphable contents" width="480" height="270" />
+  <img src="./images/morphing-animation-2.gif" alt="Use HTML to mark morphable contents" width="480" height="270" />
 </p>
 
 Due to the security reason, Marp CLI does not render raw HTML tags in Markdown by default. You have to should add `--html` option to use inline HTMLs.
diff --git a/docs/bespoke-template/transitions/clockwise.gif b/docs/bespoke-transitions/images/clockwise.gif
similarity index 100%
rename from docs/bespoke-template/transitions/clockwise.gif
rename to docs/bespoke-transitions/images/clockwise.gif
diff --git a/docs/bespoke-template/transitions/counterclockwise.gif b/docs/bespoke-transitions/images/counterclockwise.gif
similarity index 100%
rename from docs/bespoke-template/transitions/counterclockwise.gif
rename to docs/bespoke-transitions/images/counterclockwise.gif
diff --git a/docs/bespoke-template/transitions/cover.gif b/docs/bespoke-transitions/images/cover.gif
similarity index 100%
rename from docs/bespoke-template/transitions/cover.gif
rename to docs/bespoke-transitions/images/cover.gif
diff --git a/docs/bespoke-template/transitions/coverflow.gif b/docs/bespoke-transitions/images/coverflow.gif
similarity index 100%
rename from docs/bespoke-template/transitions/coverflow.gif
rename to docs/bespoke-transitions/images/coverflow.gif
diff --git a/docs/bespoke-template/transitions/cube.gif b/docs/bespoke-transitions/images/cube.gif
similarity index 100%
rename from docs/bespoke-template/transitions/cube.gif
rename to docs/bespoke-transitions/images/cube.gif
diff --git a/docs/bespoke-template/transitions/cylinder.gif b/docs/bespoke-transitions/images/cylinder.gif
similarity index 100%
rename from docs/bespoke-template/transitions/cylinder.gif
rename to docs/bespoke-transitions/images/cylinder.gif
diff --git a/docs/bespoke-template/transitions/diamond.gif b/docs/bespoke-transitions/images/diamond.gif
similarity index 100%
rename from docs/bespoke-template/transitions/diamond.gif
rename to docs/bespoke-transitions/images/diamond.gif
diff --git a/docs/bespoke-template/transitions/drop.gif b/docs/bespoke-transitions/images/drop.gif
similarity index 100%
rename from docs/bespoke-template/transitions/drop.gif
rename to docs/bespoke-transitions/images/drop.gif
diff --git a/docs/bespoke-template/transitions/explode.gif b/docs/bespoke-transitions/images/explode.gif
similarity index 100%
rename from docs/bespoke-template/transitions/explode.gif
rename to docs/bespoke-transitions/images/explode.gif
diff --git a/docs/bespoke-template/transitions/fade-out.gif b/docs/bespoke-transitions/images/fade-out.gif
similarity index 100%
rename from docs/bespoke-template/transitions/fade-out.gif
rename to docs/bespoke-transitions/images/fade-out.gif
diff --git a/docs/bespoke-template/transitions/fade.gif b/docs/bespoke-transitions/images/fade.gif
similarity index 100%
rename from docs/bespoke-template/transitions/fade.gif
rename to docs/bespoke-transitions/images/fade.gif
diff --git a/docs/bespoke-template/transitions/fall.gif b/docs/bespoke-transitions/images/fall.gif
similarity index 100%
rename from docs/bespoke-template/transitions/fall.gif
rename to docs/bespoke-transitions/images/fall.gif
diff --git a/docs/bespoke-template/transitions/flip.gif b/docs/bespoke-transitions/images/flip.gif
similarity index 100%
rename from docs/bespoke-template/transitions/flip.gif
rename to docs/bespoke-transitions/images/flip.gif
diff --git a/docs/bespoke-template/transitions/glow.gif b/docs/bespoke-transitions/images/glow.gif
similarity index 100%
rename from docs/bespoke-template/transitions/glow.gif
rename to docs/bespoke-transitions/images/glow.gif
diff --git a/docs/bespoke-template/transitions/implode.gif b/docs/bespoke-transitions/images/implode.gif
similarity index 100%
rename from docs/bespoke-template/transitions/implode.gif
rename to docs/bespoke-transitions/images/implode.gif
diff --git a/docs/bespoke-template/transitions/in-out.gif b/docs/bespoke-transitions/images/in-out.gif
similarity index 100%
rename from docs/bespoke-template/transitions/in-out.gif
rename to docs/bespoke-transitions/images/in-out.gif
diff --git a/docs/bespoke-template/transitions/iris-in.gif b/docs/bespoke-transitions/images/iris-in.gif
similarity index 100%
rename from docs/bespoke-template/transitions/iris-in.gif
rename to docs/bespoke-transitions/images/iris-in.gif
diff --git a/docs/bespoke-template/transitions/iris-out.gif b/docs/bespoke-transitions/images/iris-out.gif
similarity index 100%
rename from docs/bespoke-template/transitions/iris-out.gif
rename to docs/bespoke-transitions/images/iris-out.gif
diff --git a/docs/bespoke-template/transitions/melt.gif b/docs/bespoke-transitions/images/melt.gif
similarity index 100%
rename from docs/bespoke-template/transitions/melt.gif
rename to docs/bespoke-transitions/images/melt.gif
diff --git a/docs/bespoke-template/morphing-animation-2.gif b/docs/bespoke-transitions/images/morphing-animation-2.gif
similarity index 100%
rename from docs/bespoke-template/morphing-animation-2.gif
rename to docs/bespoke-transitions/images/morphing-animation-2.gif
diff --git a/docs/bespoke-template/morphing-animation-2.mp4 b/docs/bespoke-transitions/images/morphing-animation-2.mp4
similarity index 100%
rename from docs/bespoke-template/morphing-animation-2.mp4
rename to docs/bespoke-transitions/images/morphing-animation-2.mp4
diff --git a/docs/bespoke-template/morphing-animation.gif b/docs/bespoke-transitions/images/morphing-animation.gif
similarity index 100%
rename from docs/bespoke-template/morphing-animation.gif
rename to docs/bespoke-transitions/images/morphing-animation.gif
diff --git a/docs/bespoke-template/morphing-animation.mp4 b/docs/bespoke-transitions/images/morphing-animation.mp4
similarity index 100%
rename from docs/bespoke-template/morphing-animation.mp4
rename to docs/bespoke-transitions/images/morphing-animation.mp4
diff --git a/docs/bespoke-template/transitions/overlap.gif b/docs/bespoke-transitions/images/overlap.gif
similarity index 100%
rename from docs/bespoke-template/transitions/overlap.gif
rename to docs/bespoke-transitions/images/overlap.gif
diff --git a/docs/bespoke-template/transitions/pivot.gif b/docs/bespoke-transitions/images/pivot.gif
similarity index 100%
rename from docs/bespoke-template/transitions/pivot.gif
rename to docs/bespoke-transitions/images/pivot.gif
diff --git a/docs/bespoke-template/transitions/pull.gif b/docs/bespoke-transitions/images/pull.gif
similarity index 100%
rename from docs/bespoke-template/transitions/pull.gif
rename to docs/bespoke-transitions/images/pull.gif
diff --git a/docs/bespoke-template/transitions/push.gif b/docs/bespoke-transitions/images/push.gif
similarity index 100%
rename from docs/bespoke-template/transitions/push.gif
rename to docs/bespoke-transitions/images/push.gif
diff --git a/docs/bespoke-template/transitions/reveal.gif b/docs/bespoke-transitions/images/reveal.gif
similarity index 100%
rename from docs/bespoke-template/transitions/reveal.gif
rename to docs/bespoke-transitions/images/reveal.gif
diff --git a/docs/bespoke-template/transitions/rotate.gif b/docs/bespoke-transitions/images/rotate.gif
similarity index 100%
rename from docs/bespoke-template/transitions/rotate.gif
rename to docs/bespoke-transitions/images/rotate.gif
diff --git a/docs/bespoke-template/transitions/slide.gif b/docs/bespoke-transitions/images/slide.gif
similarity index 100%
rename from docs/bespoke-template/transitions/slide.gif
rename to docs/bespoke-transitions/images/slide.gif
diff --git a/docs/bespoke-template/transitions/star.gif b/docs/bespoke-transitions/images/star.gif
similarity index 100%
rename from docs/bespoke-template/transitions/star.gif
rename to docs/bespoke-transitions/images/star.gif
diff --git a/docs/bespoke-template/transitions/swap.gif b/docs/bespoke-transitions/images/swap.gif
similarity index 100%
rename from docs/bespoke-template/transitions/swap.gif
rename to docs/bespoke-transitions/images/swap.gif
diff --git a/docs/bespoke-template/transitions/swipe.gif b/docs/bespoke-transitions/images/swipe.gif
similarity index 100%
rename from docs/bespoke-template/transitions/swipe.gif
rename to docs/bespoke-transitions/images/swipe.gif
diff --git a/docs/bespoke-template/transitions/swoosh.gif b/docs/bespoke-transitions/images/swoosh.gif
similarity index 100%
rename from docs/bespoke-template/transitions/swoosh.gif
rename to docs/bespoke-transitions/images/swoosh.gif
diff --git a/docs/bespoke-template/transitions/wipe.gif b/docs/bespoke-transitions/images/wipe.gif
similarity index 100%
rename from docs/bespoke-template/transitions/wipe.gif
rename to docs/bespoke-transitions/images/wipe.gif
diff --git a/docs/bespoke-template/transitions/wiper.gif b/docs/bespoke-transitions/images/wiper.gif
similarity index 100%
rename from docs/bespoke-template/transitions/wiper.gif
rename to docs/bespoke-transitions/images/wiper.gif
diff --git a/docs/bespoke-template/transitions/zoom.gif b/docs/bespoke-transitions/images/zoom.gif
similarity index 100%
rename from docs/bespoke-template/transitions/zoom.gif
rename to docs/bespoke-transitions/images/zoom.gif