add course_notes

ChenxuanWei0428 · Jun 3, 2022 · acd5285 · acd5285
1 parent 82c3e30
commit acd5285
Show file tree

Hide file tree

Showing 11 changed files with 87 additions and 30 deletions.
diff --git a/css/note_style.css b/css/note_style.css
@@ -0,0 +1,7 @@
+td {
+    border: solid 1px black;
+}
+
+#note_intro {
+    text-align: center;
+}
diff --git a/notes.html b/notes.html
@@ -2,43 +2,93 @@
 <html lang="en">
     <head>
         <title>Chenxuan Wei</title>
-        <link href="css/intro_style.css" rel="stylesheet">
-
+        <link href="css/note_style.css" rel="stylesheet">
+        <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script>
+        <script src="https://cdn.staticfile.org/react-dom/16.4.0/umd/react-dom.development.js"></script>
+        <script src="https://cdn.staticfile.org/babel-standalone/6.26.0/babel.min.js"></script>
     </head>
 
 
     <body>
-        <div id = "start_intro">
-            <h1>The following is the course I took each semester and the course notes for some of the courses
+
+    <div id="example"></div>
+    <script type="text/babel">
+    function tick() {
+    const element = (
+        <div>
+        <h1>Hello, world!</h1>
+        <h2>现在是 {new Date().toLocaleTimeString()}.</h2>
+        </div>
+    );
+    ReactDOM.render(
+        element,
+        document.getElementById('example')
+    );
+    }
+
+    setInterval(tick, 1000);
+    </script>
+        <div id = "note_intro">
+            <h3>The following is the course I took each semester and the course notes for some of the courses
         </div>
         <div id = "notes_table">
             <table>
-                <tr>
-                    <td>Term</td>
-                    <td>Course</td>
-                    <td>Note</td>
-                </tr>
-                <tr>
-                    <td rowspan="5">1A</td>
-                    <td>Math 135</td>
-                    <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
-                </tr>
-                <tr>
-                    <td>Math 135</td>
-                    <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
-                </tr>
-                <tr>
-                    <td>Math 135</td>
-                    <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
-                </tr>
-                <tr>
-                    <td>Math 135</td>
-                    <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
-                </tr>
-                <tr>
-                    <td>Math 135</td>
-                    <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
-                </tr>
+                <div id="table_header">
+                    <tr>
+                        <td>Term</td>
+                        <td>Course</td>
+                        <td>Note</td>
+                    </tr>
+                </div>
+                <div class="semester">
+                    <div class="term">
+                        <tr>
+                            <td rowspan="5">1A</td>
+                            <td>Math 135</td>
+                            <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
+                        </tr>
+                    </div>
+                    <div class="course">
+                        <tr>
+                            <div class="course_name">
+                                <td>Math 135</td>
+                            </div>
+                            <div>
+                                <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
+                            </div>
+                        </tr>
+                    </div>
+                    <div class="course">
+                        <tr>
+                            <div class="course_name">
+                                <td>Math 135</td>
+                            </div>
+                            <div>
+                                <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
+                            </div>
+                        </tr>
+                    </div>
+                    <div class="course">
+                        <tr>
+                            <div class="course_name">
+                                <td>Math 135</td>
+                            </div>
+                            <div>
+                                <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
+                            </div>
+                        </tr>
+                    </div>
+                    <div class="course">
+                        <tr>
+                            <div class="course_name">
+                                <td>Math 135</td>
+                            </div>
+                            <div>
+                                <td><a href="./notes/Math135_course_note.pdf">Math 135 course note</a></td>
+                            </div>
+                        </tr>
+                    </div>
+                </div>
                 <tr>
                     <td rowspan="5">1B</td>
                     <td>Math 135</td>

diff --git a/notes/Math 237 course note.pdf → notes/2A/Math 237 course note.pdf b/notes/Math 237 course note.pdf → notes/2A/Math 237 course note.pdf
diff --git a/notes/2A/Math 245 course note.pdf b/notes/2A/Math 245 course note.pdf
diff --git a/notes/2B/CO 353 course note.pdf b/notes/2B/CO 353 course note.pdf
diff --git a/notes/2B/CS 230 course note.pdf b/notes/2B/CS 230 course note.pdf
diff --git a/notes/2B/CS 330 course note.pdf b/notes/2B/CS 330 course note.pdf
diff --git a/notes/2B/CS 371 course note.pdf b/notes/2B/CS 371 course note.pdf
diff --git a/notes/2B/STAT 231 course note.pdf b/notes/2B/STAT 231 course note.pdf
diff --git a/notes/coop/CO 250 course note.pdf b/notes/coop/CO 250 course note.pdf
diff --git a/notes/coop/CS 231 course note.pdf b/notes/coop/CS 231 course note.pdf