diff --git a/samples/scroll-view/slide01.dita b/samples/scroll-view/slide01.dita
index 54fa5ef..c52478d 100644
--- a/samples/scroll-view/slide01.dita
+++ b/samples/scroll-view/slide01.dita
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="ui_uq5_gxc_11c">
-  <title>Scroll View</title>
+<slide id="slide01">
+  <slide-title>Scroll View</slide-title>
 </slide>
diff --git a/samples/scroll-view/slide02.dita b/samples/scroll-view/slide02.dita
index 49222ac..44b2ed1 100644
--- a/samples/scroll-view/slide02.dita
+++ b/samples/scroll-view/slide02.dita
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="ui_w1t_3xc_11c" data-background="indigo">
-  <title>Scroll triggered fragments</title>
+<slide id="slide02" data-background="indigo">
+  <slide-title>Scroll triggered fragments</slide-title>
   <slide-body>
     <ul>
       <li outputclass="fragment fade-left">Step one</li>
diff --git a/samples/scroll-view/slide03.dita b/samples/scroll-view/slide03.dita
index 8ac791c..f370f0d 100644
--- a/samples/scroll-view/slide03.dita
+++ b/samples/scroll-view/slide03.dita
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="ui_wdm_1yc_11c" data-background-color="#fff">
-  <title>Scrollbar inverts based on slide bg</title>
+<slide id="slide03" data-background-color="#fff">
+  <slide-title>Scrollbar inverts based on slide bg</slide-title>
 </slide>
diff --git a/samples/scroll-view/slide04.dita b/samples/scroll-view/slide04.dita
index 210a595..cecd583 100644
--- a/samples/scroll-view/slide04.dita
+++ b/samples/scroll-view/slide04.dita
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="ui_ssk_2yc_11c" data-auto-animate="" data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
-  <title>Auto-Animate</title>
+<slide id="slide04" data-auto-animate="" data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
+  <slide-title>Auto-Animate</slide-title>
   <slide-body>
     <slide-p>Scroll triggered auto-animations 😍</slide-p>
     <slide-div outputclass="r-hstack justify-center">
diff --git a/samples/scroll-view/slide05.dita b/samples/scroll-view/slide05.dita
index ca973d2..d63fc33 100644
--- a/samples/scroll-view/slide05.dita
+++ b/samples/scroll-view/slide05.dita
@@ -2,7 +2,7 @@
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
 <slide id="slide05" data-auto-animate="" data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
-  <title/>
+  <slide-title/>
   <slide-body>
     <slide-div outputclass="r-hstack justify-center">
       <slide-div data-id="box1" data-auto-animate-delay="0" style="background: cyan; width: 150px; height: 100px; margin: 10px;"></slide-div>
diff --git a/samples/scroll-view/slide06.dita b/samples/scroll-view/slide06.dita
index e95fe17..e841567 100644
--- a/samples/scroll-view/slide06.dita
+++ b/samples/scroll-view/slide06.dita
@@ -1,8 +1,8 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="ui_zw4_3x3_11c" data-auto-animate="" data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
-  <title/>
+<slide id="slide06" data-auto-animate="" data-auto-animate-easing="cubic-bezier(0.770, 0.000, 0.175, 1.000)">
+  <slide-title/>
   <slide-body>
     <slide-div outputclass="r-stack">
       <slide-div data-id="box1" style="background: cyan; width: 300px; height: 300px; border-radius: 200px;"></slide-div>
diff --git a/samples/scroll-view/slide07.dita b/samples/scroll-view/slide07.dita
index 8134314..fe71159 100644
--- a/samples/scroll-view/slide07.dita
+++ b/samples/scroll-view/slide07.dita
@@ -2,7 +2,7 @@
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
 <slide data-background-gradient="linear-gradient(to bottom, #283b95, #17b2c3)" id="gradient-bg">
-  <title/>
+  <slide-title/>
   <slide-body>
     <slide-div outputclass="h2" data-id="code-title">Code highlights, meet scroll triggers</slide-div>
     <slide-pre data-id="code-animation">
diff --git a/samples/scroll-view/slide08.dita b/samples/scroll-view/slide08.dita
index 1d57f3d..7689795 100644
--- a/samples/scroll-view/slide08.dita
+++ b/samples/scroll-view/slide08.dita
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="sdsdsd" data-background="https://static.slid.es/reveal/image-placeholder.png">
-  <title>Image backgrounds</title>
-</slide>
\ No newline at end of file
+<slide id="slide08" data-background="https://static.slid.es/reveal/image-placeholder.png">
+  <slide-title>Image backgrounds</slide-title>
+</slide>
diff --git a/samples/scroll-view/slide09.dita b/samples/scroll-view/slide09.dita
index 6c1ac2d..8b57a15 100644
--- a/samples/scroll-view/slide09.dita
+++ b/samples/scroll-view/slide09.dita
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="sdsdfsdfdsf" data-background-video-muted="" data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm">
-  <title>Video background</title>
-</slide>
\ No newline at end of file
+<slide id="slide09" data-background-video-muted="" data-background-video="https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.mp4,https://s3.amazonaws.com/static.slid.es/site/homepage/v1/homepage-video-editor.webm">
+  <slide-title>Video background</slide-title>
+</slide>
diff --git a/samples/scroll-view/slide10.dita b/samples/scroll-view/slide10.dita
index 93c492a..ec05b8c 100644
--- a/samples/scroll-view/slide10.dita
+++ b/samples/scroll-view/slide10.dita
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://relaxng.org/ns/structure/1.0"?>
 <?xml-model href="urn:jung:dita:rng:slide.rng" schematypens="http://purl.oclc.org/dsdl/schematron"?>
-<slide id="ui_bd3_mjj_11c">
-  <title>The end</title>
+<slide id="slide10">
+  <slide-title>The end</slide-title>
 </slide>