Update Week1.html

DPEIW · Oct 29, 2024 · 62959cc · 62959cc
1 parent 40f7ddd
commit 62959cc
Showing 1 changed file with 34 additions and 7 deletions.
diff --git a/Week_1/Week1.html b/Week_1/Week1.html
@@ -24,31 +24,58 @@
       margin-bottom: 20px;
     }
     button {
-        color: #fafafa;
-        background-color: #b31d0f;
+      color: #fafafa;
+      background-color: #b31d0f;
     }
-
   </style>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
 </head>
 <body>
   <div class="container">
     <header>
-      <h1>Week 1 Activities at ICTS </h1>
+      <h1>Week 1 Activities at ICTS</h1>
       <nav>
         <button onclick="window.location.href='../index.html'">Index</button>
       </nav>
     </header>
     <main>
-      <section id="Week 1">
+      <section id="week1">
         <h2>Week 1</h2>
         <p>Python notebooks and Markdown files of activities of Week 1</p>
-      </section>
-        <!-- Add your portfolio items here -->
+        <div id="day1-log"></div>
+        <div id="day2-log"></div>
+        <div id="day3-log"></div>
+        <div id="day4-log"></div>
       </section>
     </main>
     <footer>
       <!-- Add footer content if needed -->
     </footer>
   </div>
+  <script>
+    async function loadMarkdown(url, elementId) {
+      try {
+        const response = await fetch(url);
+        const markdown = await response.text();
+        const converter = new showdown.Converter();
+        const html = converter.makeHtml(markdown);
+        document.getElementById(elementId).innerHTML = html;
+      } catch (error) {
+        console.error('Error loading markdown file:', error);
+      }
+    }
+
+    // Load each day's markdown file
+    loadMarkdown('https://DPEIW.github.io/ICTSjobshadow/Week_1/Log/Day%201.md', 'day1-log');
+    loadMarkdown('https://DPEIW.github.io/ICTSjobshadow/Week_1/Log/Day%202.md', 'day2-log');
+    loadMarkdown('https://DPEIW.github.io/ICTSjobshadow/Week_1/Log/Day%203.md', 'day3-log');
+    loadMarkdown('https://DPEIW.github.io/ICTSjobshadow/Week_1/Log/Day%203_athome.md', 'day4-log');
+  </script>
+
+<div class="notebook">
+  <h2>Notebook Title</h2>
+  <iframe src="https://nbviewer.org/github/DPEIW/ICTSjobshadow/blob/main/Week_1/Notebooks/Day%201.ipynb" width="100%" height="500px"></iframe>
+</div>
+
 </body>
 </html>