Updates

thomcsmits · Jul 2, 2024 · 52d4db8 · 52d4db8
1 parent 2877bc7
commit 52d4db8
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 8 deletions.
diff --git a/assets/index-cVtElIPA.js → assets/index-BmOXDaV5.js b/assets/index-cVtElIPA.js → assets/index-BmOXDaV5.js
diff --git a/assets/index-iDbZbOjW.css b/assets/index-iDbZbOjW.css
diff --git a/index.html b/index.html
@@ -4,13 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Transitioning Charts</title>
-    <script type="module" crossorigin src="/transitioning-charts/assets/index-cVtElIPA.js"></script>
+    <script type="module" crossorigin src="/transitioning-charts/assets/index-BmOXDaV5.js"></script>
+    <link rel="stylesheet" crossorigin href="/transitioning-charts/assets/index-iDbZbOjW.css">
   </head>
   <body>
     <h1>Introducing new chart types</h1>
     <p>
-      This page is used to study the effectivity of introducing new chart types to a blind individual. <br>
-      comparing a direct approach to a gradual approach (starting from a known chart type and explaining the transitions).
+      This page is used to study the effectivity of introducing new chart types to a blind individual,
+      by comparing a direct approach to a gradual approach (starting from a known chart type and explaining the transitions).
     </p>
     <h2>Sequence Logo</h2>
     <h3>Data</h3>
@@ -19,15 +20,14 @@ <h3>Data</h3>
     <h3>Direct introduction</h3>
     <div id="seqlogo-top"></div>
     <p>
-      This is a chart with a x-axis and y-axis. The chart is filled with four letters, 'A', 'G', 'C', and 'T'. <br>
-      Each has a specific color (A is green, G is yellow, C is blue, T is red). They are arranged in columns, stacked on top of each other. <br>
+      This is a chart with a x-axis and y-axis. The chart is filled with four letters, 'A', 'G', 'C', and 'T'.
+      Each has a specific color (A is green, G is yellow, C is blue, T is red). They are arranged in columns, stacked on top of each other.
       The x-axis ranges from 0 to 9, and there are ten columns, one corresponding to each x-axis value. The y-axis ranges from 0 to 260.
     </p>
     <p>Pause here to sketch the chart.</p>
     <h3>Gradual introduction</h3>
     <p>
-      We now introduce the sequence logo in three steps. We start with a bar chart, then transition to a stacked bar chart, <br>
-      before introducing the sequence logo.
+      We now introduce the sequence logo in three steps. We start with a bar chart, then transition to a stacked bar chart, before introducing the sequence logo.
     </p>
     <h4>Bar Chart</h4>
     <div id="seqlogo-barchart"></div>
@@ -38,5 +38,8 @@ <h4>Stacked Bar Chart</h4>
     <div id="seqlogo-stacked-barchart"></div>
     <h4>Sequence Logo</h4>
     <div id="seqlogo-full"></div>
+    <footer>
+      <p>This page is created by the <a href="http://hidivelab.org/">HIDIVE Lab</a> (2024).</p>
+    </footer>
   </body>
 </html>