Contain examples inside their own dir

website/src/examples/cdn.ejs → website/src/examples/cdn/index.ejs

@@ -2,7 +2,6 @@
 title: CDN
 type: examples
 order: 0
-permalink: examples/
 ---
 
 {% blockquote %}
@@ -13,8 +12,8 @@ CDN
 This example showcases sourcing an UMD dist build straight from a CDN.
 </p>
 
-<% include cdn/html/app.html %>
-<script src="cdn/js/app.js"></script>
+<% include html/app.html %>
+<script src="js/app.js"></script>
 
 <hr />
 

website/src/examples/dragdrop/html/app.html

@@ -1,5 +1,5 @@
 <!-- Basic Uppy styles -->
-<link rel="stylesheet" href="dragdrop/css/uppy.css">
+<link rel="stylesheet" href="css/uppy.css">
 
 <form id="upload-target" class="UppyDragDrop" method="post" action="/" enctype="multipart/form-data">
   <svg class="UppyDragDrop-puppy" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125" enable-background="new 0 0 100 100"><path d="M16.582 21.3L-.085 62.713l32.94 13.295zM99.915 62.714L66.975 76.01 83.25 21.3zM50.917 68.117L62.443 56.59H37.386l11.527 11.526v5.905l-3.063 3.32 1.474 1.36 2.59-2.807 2.59 2.807 1.475-1.358-3.063-3.32zM66.976 41.415c-3.972 0-7.193-3.22-7.193-7.193 0-3.973 3.222-7.193 7.193-7.193 3.974 0 7.193 3.22 7.193 7.192 0 3.973-3.22 7.193-7.194 7.193m2.506-11.732c-.738 0-1.337.6-1.337 1.337s.6 1.336 1.337 1.336 1.337-.598 1.337-1.336-.6-1.337-1.338-1.337zM32.854 41.415c-3.973 0-7.193-3.22-7.193-7.193 0-3.973 3.22-7.193 7.194-7.193 3.973 0 7.192 3.22 7.192 7.192 0 3.973-3.22 7.193-7.192 7.193m2.506-11.732c-.738 0-1.337.6-1.337 1.337s.6 1.336 1.337 1.336 1.337-.598 1.337-1.336-.598-1.337-1.337-1.337z"/></svg>

website/src/examples/dragdrop.ejs → website/src/examples/dragdrop/index.ejs

@@ -12,9 +12,9 @@ Drag & Drop
 Here you'll see a demo of how you might set up Drag and Drop with Uppy:
 </p>
 
-<link rel="stylesheet" href="dragdrop/css/app.css">
-<% include dragdrop/html/app.html %>
-<script src="dragdrop/js/app.js"></script>
+<link rel="stylesheet" href="css/app.css">
+<% include html/app.html %>
+<script src="js/app.js"></script>
 
 <hr />
 

website/src/examples/dropbox.ejs → website/src/examples/dropbox/index.ejs

@@ -12,9 +12,9 @@ Dropbox
 Here you'll see a demo of how you might set up Dropbox with Uppy:
 </p>
 
-<link rel="stylesheet" href="dropbox/css/app.css">
-<% include dropbox/html/app.html %>
-<script src="dropbox/js/app.js"></script>
+<link rel="stylesheet" href="css/app.css">
+<% include html/app.html %>
+<script src="js/app.js"></script>
 
 <hr />
 

website/themes/uppy/layout/partials/main_menu.ejs

@@ -5,7 +5,7 @@
 </li>
 <li><a href="/guide/" class="nav-link<%- page.path.match(/guide/) ? ' current' : '' %>">Guide</a></li>
 <li><a href="/api/" class="nav-link<%- page.path.match(/api/) ? ' current' : '' %>">API</a></li>
-<li><a href="/examples/" class="nav-link<%- page.path.match(/examples/) ? ' current' : '' %>">Examples</a></li>
+<li><a href="/examples/cdn/" class="nav-link<%- page.path.match(/examples/) ? ' current' : '' %>">Examples</a></li>
 <li><a href="https://github.com/transloadit/uppy" class="nav-link">Github</a></li>
 <!--
 <li><a href="/blog/" class="nav-link<%- page.path.match(/blog/) ? ' current' : '' %>">Blog</a></li>