From eccfa934e296e5d9f5cfc805b034fb3a2a4c861e Mon Sep 17 00:00:00 2001
From: kirkvanacore <55771791+kirkvanacore@users.noreply.github.com>
Date: Wed, 6 Oct 2021 08:54:18 -0400
Subject: [PATCH] branch with prelim findings

---
 index.html | 165 ++++++++++++++++++++++++++++++++++++++++++++++++++---
 1 file changed, 156 insertions(+), 9 deletions(-)

diff --git a/index.html b/index.html
index 4a53537..23be1a9 100644
--- a/index.html
+++ b/index.html
@@ -26,6 +26,9 @@
 h2{
  font-size:25px;
 }
+h3{
+ font-size:20px;
+}
 /body {background-color: #e7eff6;}
 hr {
             position: relative;
@@ -37,6 +40,101 @@
 a{
   color: #005b96
 }
+* {box-sizing:border-box}
+
+/* Slideshow container */
+.slideshow-container {
+  max-width: 1000px;
+  position: relative;
+  margin: auto;
+}
+
+/* Hide the images by default */
+.mySlides {
+  display: none;
+}
+
+/* Next & previous buttons */
+.prev, .next {
+  cursor: pointer;
+  position: absolute;
+  top: 50%;
+  width: auto;
+  margin-top: -22px;
+  padding: 16px;
+  color: white;
+  font-weight: bold;
+  font-size: 18px;
+  transition: 0.6s ease;
+  border-radius: 0 3px 3px 0;
+  user-select: none;
+}
+
+/* Position the "next button" to the right */
+.next {
+  right: 0;
+  border-radius: 3px 0 0 3px;
+}
+
+/* On hover, add a black background color with a little bit see-through */
+.prev:hover, .next:hover {
+  background-color: rgba(0,0,0,0.8);
+}
+
+/* Caption text */
+.text {
+  color: #f2f2f2;
+  font-size: 15px;
+  padding: 8px 12px;
+  position: absolute;
+  bottom: 8px;
+  width: 100%;
+  text-align: center;
+}
+
+/* Number text (1/3 etc) */
+.numbertext {
+  color: #f2f2f2;
+  font-size: 12px;
+  padding: 8px 12px;
+  position: absolute;
+  top: 0;
+}
+
+/* The dots/bullets/indicators */
+.dot {
+  cursor: pointer;
+  height: 15px;
+  width: 15px;
+  margin: 0 2px;
+  background-color: #bbb;
+  border-radius: 50%;
+  display: inline-block;
+  transition: background-color 0.6s ease;
+}
+
+.active, .dot:hover {
+  background-color: #717171;
+}
+
+/* Fading animation */
+.fade {
+  -webkit-animation-name: fade;
+  -webkit-animation-duration: 1.5s;
+  animation-name: fade;
+  animation-duration: 1.5s;
+}
+
+@-webkit-keyframes fade {
+  from {opacity: .4}
+  to {opacity: 1}
+}
+
+@keyframes fade {
+  from {opacity: .4}
+  to {opacity: 1}
+}
+
 </style>
 
 <br>
@@ -46,15 +144,64 @@ <h2 class = "subtitle">IES Study | MAPLE Lab </h2>
 <br>
 <hr>
 <br>
+<h2> Preliminary Findings </h2>
+<br>
+<h3>Implemntation is Multimodal</h3>
+<br>
+<br>
+<h3>Implemntation is Context Driven</h3>
+
+<br>
+
+<!-- Slideshow container -->
+<div class="slideshow-container">
+
+  <!-- Full-width images with number and caption text -->
+  <div class="mySlides fade">
+    <div class="numbertext">1 / 3</div>
+    <img src="https://github.com/kirkvanacore/MAPLE_IES_Analyses/blob/master/Density_ProblemsBYAssignments.png" style="width:70%">
+    <div class="inline">Caption Text</div>
+  </div>
+
+  <div class="mySlides fade">
+    <div class="numbertext">2 / 3</div>
+    <img src="MAPLE_IES_Analyses/Density_ProblemsBYAssignments.png" style="width:70%">
+    <div class="text">Caption Two</div> 
+  </div>
+
+  <div class="mySlides fade">
+    <div class="numbertext">3 / 3</div>
+    <img src="https://github.com/kirkvanacore/MAPLE_IES_Analyses/blob/master/Density_ProblemsBYAssignments.png" style="width:70%">
+    <div class="text">Caption Three</div>
+  </div>
+
+  <!-- Next and previous buttons -->
+  <a class="prev" onclick="plusSlides(-1)">&#10094;</a>
+  <a class="next" onclick="plusSlides(1)">&#10095;</a>
+</div>
+<br>
+
+<!-- The dots/circles -->
+<div style="text-align:center">
+  <span class="dot" onclick="currentSlide(1)"></span>
+  <span class="dot" onclick="currentSlide(2)"></span>
+  <span class="dot" onclick="currentSlide(3)"></span>
+</div>
+<br>
+<br>
+<br>
+<h2> Detailed Analyses</h2>
+<br>
 <br>
 <p> The following links below provide detailed analyses of implementation fidelity-related variables across programs/conditions. The analyses include visualizations and statistical tests of the fidelity by program/condition and examinations of how these metrics vary by nesting units (school, teacher, class). Note that in-program data (time in program and problems complete) are not available for the Dragon Box condition. </p>
 <br>
 <br>
-<h2>
+<h3>
   <a
-    href="https://kirkvanacore.github.io/MAPLE_IES_Anslyses/Implmentation-Fedility-Exploration.html">
-    Fidelity Metrics Analysis</a></<h2></h2>
+    href="https://kirkvanacore.github.io/MAPLE_IES_Analyses/Implmentation-Fedility-Exploration.html">
+    Fidelity Metrics Analysis</a></h3>
 <br>
+<p>
 <b>Variables:</b>
 <ul>
   <li>Number of Assignments Started (fidelity_started_sum)</li>
@@ -68,10 +215,10 @@ <h2>
 </ul>
 <br>
 <br>
-<h2>
+<h3>
   <a
-    href="https://kirkvanacore.github.io/MAPLE_IES_Anslyses/Time-in-Program-Exploration.html">
-    Time in Program Analyses </a></h2>
+    href="https://kirkvanacore.github.io/MAPLE_IES_Analyses/Time-in-Program-Exploration.html">
+    Time in Program Analyses </a></h3>
 <br>
   <b>Variables:</b>
 <ul>
@@ -91,10 +238,10 @@ <h2>
 </ul>
 <br>
 <br>
-<h2>
+<h3>
   <a
-    href="https://kirkvanacore.github.io/MAPLE_IES_Anslyses/Problems-Complete-Exploration.html">
-    Problems Complete Analyses </a></h2>
+    href="https://kirkvanacore.github.io/MAPLE_IES_Analyses/Problems-Complete-Exploration.html">
+    Problems Complete Analyses </a></h3>
 <br>
   <br>
   <b>Variables:</b>