Make all urls root relative

examples/include-/html-fragment-footer.html

@@ -3,5 +3,5 @@
   This footer can be re-used across pages without any server or build code.
 </footer>
 
-<include- src=include-/logo.html></import-html>
+<include- src=/examples/include-/logo.html></import-html>
 

examples/include-/html-fragment.html

@@ -1,4 +1,4 @@
-<link rel=stylesheet href=include-/nested-style.css />
+<link rel=stylesheet href=/examples/include-/nested-style.css />
 
 <!-- inline styles apply -->
 <style>

examples/include-/index.html

@@ -8,7 +8,7 @@
 <script src=/></script>
 <script name=polyfill src=https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.0.0/webcomponents-hi-ce.js></script>
 
-<link rel=import href=/examples/header-group>
+<link rel=import href=https://snuggsi.herokuapp.com/examples/header-group>
 <link rel=import href=https://snuggsi.herokuapp.com/examples/to-do/template.html>
 
 <style>
@@ -25,11 +25,11 @@ <h2 slot=header>&lt;include-&gt;</h2>
 
 <!-- YOUR CONTENT HERE -->
 
-<include- src=include-/html-fragment.html>
+<include- src=/examples/include-/html-fragment.html>
   Import Hasn't Happened
 </include->
 
-<include- src=include-/html-fragment-footer.html></include->
+<include- src=/examples/include-/html-fragment-footer.html></include->
 
 <script>
   Element `include-`

examples/include-/logo.html

@@ -1,6 +1,6 @@
 <img src=https://otvet.imgsmail.ru/download/0e7a5c49ff2c78ce878f0f47aa1d186c_i-1088.jpg alt=''>
 
 <h2>Yo dog. I heard you like imports so I put an import inside your import so you can import</h2>
-<script> alert `this is coming from logo inside footer inside index`</script>
+<script> console.log ('this is coming from logo inside footer inside index') </script>
 
-<link rel=stylesheet href=include-/nested-nested-style.css>
+<link rel=stylesheet href=/examples/include-/nested-nested-style.css>