wip

embed.html

@@ -8,7 +8,7 @@
     <div class="scrolly-background">
         <div class="scrolly-bg-color-overlay scrolly-bg-1"></div>
         <div class="scrolly-bg-container">
-            <img src="img/toilets1.jpg" alt="Health-E News" class="scrolly-bg-image">
+            <img src="https://openupsa.github.io/health-e-news-scrolly/img/toilets1.jpg" alt="Health-E News" class="scrolly-bg-image">
         </div>
 
         <!-- CANVAS ANNOTATIONS -->
@@ -263,7 +263,7 @@ <h1 class="scrolly-secondary">What we did</h1>
 
 
 
-        <div class="scrolly-section" data-section-label="they-visited" data-background="img/map.jpg" data-unpin-section="313-users">
+        <div class="scrolly-section" data-section-label="they-visited" data-background="https://openupsa.github.io/health-e-news-scrolly/img/map.jpg" data-unpin-section="313-users">
             <div class="scrolly-slide-inner">
                 <div class="scrolly-caption-box">
                     <p>They visited <span class="scrolly-secondary scrolly-fw-500 scrolly-big">31 clinics</span><br />in <span class="scrolly-secondary scrolly-fw-500 scrolly-big">3 provinces</span><br/>- <span class="scrolly-secondary scrolly-fw-500">Free State</span>, <span class="scrolly-secondary scrolly-fw-500">Limpopo</span><br/>and <span class="scrolly-secondary scrolly-fw-500">Kwazulu-Natal</span></p>
@@ -290,7 +290,7 @@ <h1 class="scrolly-secondary">What we did</h1>
 
         <!-- GENDER -->
 
-        <div class="scrolly-section" data-background="img/toilets-gender1.jpg" data-section-label="gender-breakdown" data-section-color="scrolly-bg-2" data-unpin-section="outdoor-facilities">
+        <div class="scrolly-section" data-background="https://openupsa.github.io/health-e-news-scrolly/img/toilets-gender1.jpg" data-section-label="gender-breakdown" data-section-color="scrolly-bg-2" data-unpin-section="outdoor-facilities">
             <div class="scrolly-slide-inner">
                 <div class="scrolly-caption-box" data-annotation-label="gender-breakdown">
                     <p>Interviewees were <span class="scrolly-secondary scrolly-fw-500 scrolly-big">evenly split between age and gender</span>.</p>
@@ -305,7 +305,7 @@ <h1 class="scrolly-secondary">What we did</h1>
 
         <!-- OUTDOOR -->
 
-        <div class="scrolly-section" data-section-label="outdoor-facilities" data-background="img/outdoor-toilets.jpg" data-unpin-section="disabled-access">
+        <div class="scrolly-section" data-section-label="outdoor-facilities" data-background="https://openupsa.github.io/health-e-news-scrolly/img/outdoor-toilets.jpg" data-unpin-section="disabled-access">
             <div class="scrolly-slide-inner">
                 <div class="scrolly-caption-box" data-annotation-label="outdoor-facilities">
                     <p>Many clinics in Limpopo and KZN rely on <span class="scrolly-secondary scrolly-fw-500 scrolly-big">outdoor facilities</span>.</p>
@@ -320,7 +320,7 @@ <h1 class="scrolly-secondary">What we did</h1>
 
         <!-- DISABLED -->
 
-        <div class="scrolly-section" data-section-label="disabled-access" data-background="img/disabled.jpg" data-unpin-section="broken-toilets">
+        <div class="scrolly-section" data-section-label="disabled-access" data-background="https://openupsa.github.io/health-e-news-scrolly/img/disabled.jpg" data-unpin-section="broken-toilets">
             <div class="scrolly-slide-inner">
                 <div class="scrolly-caption-box">
                     <p>But while all the clinics we visited in the <span class="scrolly-secondary scrolly-fw-500">Free State</span> had bathrooms inside the clinics, they were also the <span class="scrolly-secondary scrolly-fw-500 scrolly-big">least accessible to patients with a disability</span>.</p>
@@ -373,7 +373,7 @@ <h1 class="scrolly-secondary">What we did</h1>
 
         <!-- UNHYGENIC TOILETS -->
 
-        <div class="scrolly-section" data-background="img/dirty-toilets.jpg" data-section-label="unhygenic-toilets" data-unpin-section="queues">
+        <div class="scrolly-section" data-background="https://openupsa.github.io/health-e-news-scrolly/img/dirty-toilets.jpg" data-section-label="unhygenic-toilets" data-unpin-section="queues">
             <div class="scrolly-slide-inner">
                 <div class="scrolly-caption-box" data-annotation-label="unhygenic-toilets">
                     <p>
@@ -463,7 +463,7 @@ <h1 class="scrolly-secondary">What we did</h1>
         </div>
 
         <!-- END -->
-        <div class="scrolly-section" data-background="img/toilets1.jpg" data-section-label="end"></div>
+        <div class="scrolly-section" data-background="https://openupsa.github.io/health-e-news-scrolly/img/toilets1.jpg" data-section-label="end"></div>
 
     </div>
 
@@ -476,4 +476,4 @@ <h1 class="scrolly-secondary">What we did</h1>
 
 <!-- END SCROLLY -->
 
-<script src="d3_script.js"></script>
+<script src="https://openupsa.github.io/health-e-news-scrolly/d3_script.js"></script>