Skip to content

Commit

Permalink
small update
Browse files Browse the repository at this point in the history
  • Loading branch information
@ChenxuanWei0428
ChenxuanWei0428 committed Jun 21, 2022
1 parent acd5285 commit 193c78d
Show file tree
Hide file tree
Showing 3 changed files with 33 additions and 91 deletions.
10 changes: 10 additions & 0 deletions css/note_style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,4 +4,14 @@ td {

#note_intro {
text-align: center;
font-size: 24px;
}

#notes_table {
justify-content: center;
display: flex;
}

#notes_table table {
width: 60%;
}
9 changes: 9 additions & 0 deletions js/notes.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
function myFunction() {
const element = (
<div>
<h1>Hello, world!</h1>
<h2>现在是 {new Date().toLocaleTimeString()}.</h2>
</div>
);
return element
}
105 changes: 14 additions & 91 deletions notes.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,31 +6,26 @@
<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>
<script type="text/javascript" src="js/notes.js"></script>
</head>


<body>

<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="example"></div>
<div id = "note_intro">
<h3>The following is the course I took each semester and the course notes for some of the courses
<h3>The following is the course I took each semester and the course notes for each term
</div>
<script type="text/babel">
function test() {
const element = myFunction();
ReactDOM.render(
element,
document.getElementById('example')
);
}
setInterval(test, 1000);
</script>
<div id = "notes_table">
<table>
<div id="table_header">
Expand Down Expand Up @@ -58,81 +53,9 @@ <h3>The following is the course I took each semester and the course notes for so
</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>
<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>
<tr>
<td rowspan="5">2A</td>
<td>Math 237</td>
<td><a href="./notes/Math 237 course note.pdf">Math 237 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>
</table>
</div>
<button type="button" onclick="myFunction()">Try it</button>
</body>

</html>

0 comments on commit 193c78d

Please sign in to comment.