new Timeline

skopjehacklab · Aug 27, 2023 · f083ffe · f083ffe
1 parent 9dfc6f9
commit f083ffe
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -7,7 +7,7 @@
     <title>NSND timeline</title>
   </head>
   <body>
-    <div id="app"></div>
+    <div id="timeline-embed" style="width: 100%; height: 600px"></div>
     <script type="module" src="/main.js"></script>
   </body>
 </html>
diff --git a/main.js b/main.js
@@ -1,4 +1,7 @@
-import { Timeline } from '@knight-lab/timelinejs';
-import '@knight-lab/timelinejs/dist/css/timeline.css';
+import { Timeline } from "@knight-lab/timelinejs";
+import "@knight-lab/timelinejs/dist/css/timeline.css";
 
-document.querySelector('#app').textContent = `TODO!`;
+const gsheetId = "2PACX-1vSVkQ1Cpo4gcIwWGFlWg1oYkNizkVuECcO7q9BaKuhA_eLyH6Z_oHkVKet6udyddf6OQg3X_tiLUGj2";
+const url = `https://docs.google.com/spreadsheets/d/e/${gsheetId}/pubhtml`;
+
+const _timeline = new Timeline("timeline-embed", url);