diff --git a/index.html b/index.html
index a053cdf..549a8a0 100644
--- a/index.html
+++ b/index.html
@@ -17,6 +17,14 @@
 			color: white;
 		}
 
+		table {
+			border: 0;
+			margin-left: auto;
+			margin-right: auto;
+		}
+
+
+
 		#info {
 			width: 100%;
 			padding: 10px;
@@ -51,84 +59,95 @@ <h2>計算機圖學作品</h2>
 
 	<div id="hw">
 
-		<table border="1" style="margin-left: auto; margin-right: auto;">
+		<table>
+
+			<tr align="center" style="background-color: orange; font-size: 30px; font-weight: bold;">
+				<td>Cylinder</td>
+				<td>Stopwatch</td>
+			</tr>
 
 			<tr align="center">
-				<td width="50%"><img src="https://jerry762.github.io/TTU-CGhws/hw0/hw0.gif" width="400px"
-						height="400px" />
+				<td width="50%"><a href="https://jerry762.github.io/TTU-CGhws/hw0/hw0.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/hw0/hw0.gif" width="400px" height="400px" /></a>
 				</td>
-				<td width="50%"><img src="https://jerry762.github.io/TTU-CGhws/hw1/hw1.gif" width="400px"
-						height="400px" />
+				<td width="50%"><a href="https://jerry762.github.io/TTU-CGhws/hw1/hw1.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/hw1/hw1.gif" width="400px" height="400px" /></a>
+
 				</td>
 			</tr>
 
-			<tr align="center">
-				<td><a href="https://jerry762.github.io/TTU-CGhws/hw0/hw0.html">hw0.html</a><br>Cylinder</td>
-				<td><a href="https://jerry762.github.io/TTU-CGhws/hw1/hw1.html">hw1.html</a><br>Stopwatch</td>
-			</tr>
+
 		</table>
 
 		<br><br><br><br><br><br><br><br>
-		<table border="1" style="margin-left: auto; margin-right: auto;">
+		<table>
+
+			<tr align="center" style="background-color: orange; font-size: 30px; font-weight: bold;">
+				<td>Car Game</td>
+				<td>Customized Shape</td>
+			</tr>
 
 			<tr align="center">
-				<td width="50%"><img src="https://jerry762.github.io/TTU-CGhws/hw2/hw2.gif" width="400px"
-						height="400px" />
+				<td width="50%"><a href="https://jerry762.github.io/TTU-CGhws/hw2/hw2.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/hw2/hw2.gif" width="400px" height="400px" /></a>
 				</td>
-				<td width="50%"><img src="https://jerry762.github.io/TTU-CGhws/hw3/hw3.gif" width="400px"
-						height="400px" />
+				<td width="50%"><a href="https://jerry762.github.io/TTU-CGhws/hw3/hw3.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/hw3/hw3.gif" width="400px" height="400px" /></a>
 				</td>
 			</tr>
 
-			<tr align="center">
-				<td><a href="https://jerry762.github.io/TTU-CGhws/hw2/hw2.html">hw2.html</a><br>Car Game</td>
-				<td><a href="https://jerry762.github.io/TTU-CGhws/hw3/hw3.html">hw3.html</a><br>Customized Shape</td>
-			</tr>
+
 			<!-- <p style="font-size: 50px;">latter...</p> -->
 		</table>
 
 		<br><br><br><br><br><br><br><br>
-		<table border="1" style="margin-left: auto; margin-right: auto;">
+		<table>
+
+
+			<tr align="center" style="background-color: orange; font-size: 30px; font-weight: bold;">
+				<td>Picking candles</td>
+				<td>Utah teapots
+					(ver
+					1)</td>
+			</tr>
 
 			<tr align="center">
-				<td width="50%"><img src="https://jerry762.github.io/TTU-CGhws/hw4/hw4.gif" width="400px"
-						height="400px" />
+				<td width="50%"><a href="https://jerry762.github.io/TTU-CGhws/hw4/hw4.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/hw4/hw4.gif" width="400px" height="400px" /></a>
 				</td>
-				<td width="50%"><img src="https://jerry762.github.io/TTU-CGhws/hw5/version_1/hw5.gif" width="400px"
-						height="400px" />
+				<td width="50%"><a href="https://jerry762.github.io/TTU-CGhws/hw5/version_1/hw5.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/hw5/version_1/hw5.gif" width="400px"
+							height="400px" /></a>
 				</td>
 			</tr>
 
-			<tr align="center">
-				<td><a href="https://jerry762.github.io/TTU-CGhws/hw4/hw4.html">hw4.html</a><br>Picking candles</td>
-				<td><a href="https://jerry762.github.io/TTU-CGhws/hw5/version_1/hw5.html">hw5.html</a><br>Utah teapots
-					(ver
-					1)</td>
-			</tr>
+
 
 		</table>
 
 		<br><br><br><br><br><br><br><br>
-		<table border="1" style="margin-left: auto; margin-right: auto;">
+		<table>
 
-			<tr align="center">
-				<td width="auto"><img src="https://jerry762.github.io/TTU-CGhws/hw5/version_2/hw5.gif" width="400px"
-						height="400px" />
-				</td>
-				<td width="50%"><img src="https://jerry762.github.io/TTU-CGhws/room/restaurant.gif" width="400px"
-						height="400px" />
-				</td>
+			<tr align="center" style="background-color: orange; font-size: 30px; font-weight: bold;">
+				<td>Utah teapots
+					(ver
+					2)</td>
+				<td>Restaurant</td>
 			</tr>
 
 			<tr align="center">
-				<td><a href="https://jerry762.github.io/TTU-CGhws/hw5/version_2/hw5.html">hw5.html</a><br>Utah teapots
-					(ver
-					2)</td>
-				<td><a
-						href="https://jerry762.github.io/TTU-CGhws/room/restaurant.html">restaurant.html</a><br>Restaurant
+				<td width="auto"><a href="https://jerry762.github.io/TTU-CGhws/hw5/version_2/hw5.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/hw5/version_2/hw5.gif" width="400px"
+							height="400px" /></a>
+				</td>
+				<td width="50%"><a href="https://jerry762.github.io/TTU-CGhws/room/restaurant.html"><img
+							src="https://jerry762.github.io/TTU-CGhws/room/restaurant.gif" width="400px"
+							height="400px" /></a>
 				</td>
 			</tr>
 
+
+
 		</table>
 
 	</div>
diff --git a/p5/hw1/sound_face.html b/p5/hw1/sound_face.html
deleted file mode 100644
index 202512d..0000000
--- a/p5/hw1/sound_face.html
+++ /dev/null
@@ -1,189 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/p5.js"></script>
-    <script src="https://cdn.jsdelivr.net/npm/p5@1.5.0/lib/addons/p5.sound.js"></script>
-    <title>Sound And Face</title>
-
-    <style>
-        body {
-            margin: 0;
-            overflow: hidden;
-        }
-    </style>
-</head>
-
-<body>
-
-</body>
-
-</html>
-
-<script>
-    let mic;
-    let x, y;
-    let minMicLevel = 30;
-    let maxMicLevel = 200;
-
-    let state = "sleep";
-    let dy = 1;
-    let angry_i = 0;
-    let looptimes = 0;
-    let wakeUpLoopCount = 160;
-
-    function setup() {
-        createCanvas(windowWidth, windowHeight);
-        background(100);
-
-        mic = new p5.AudioIn();
-
-        mic.start();
-
-        x = width / 2;
-        y = height / 2;
-
-        noStroke();
-        textSize(20);
-    }
-
-    function draw() {
-        background(255);
-        stroke(100);
-        let micLevel = parseInt(mic.getLevel() * 10000);
-        translate(width / 2, height / 2);
-
-        if (micLevel > maxMicLevel) {
-            state = "angry";
-            looptimes = 0;
-        }
-        else if (micLevel > (minMicLevel + maxMicLevel) / 2) {
-            if (state == "awake") {
-                looptimes = 0;
-            }
-        }
-        else if (micLevel > minMicLevel) {
-            if (state == "sleep") {
-                state = "awake";
-                looptimes = 0;
-            }
-        }
-
-        let y = height * -1 / 10;
-
-        if (state == "sleep") {
-            strokeWeight(5);
-            fill(255, 191, 128);
-            ellipse(0, y + 50, 400, 400);
-            beginShape();
-            vertex(0, -30);
-            vertex(10, 10);
-            vertex(-10, 10);
-            endShape(CLOSE);
-
-            fill(100);
-            line(-170, y, -50, y);
-            line(170, y, 50, y);
-            push();
-            strokeWeight(1);
-            fill(102, 153, 255);
-            noStroke();
-            beginShape();
-            vertex(9, y + 168);
-            vertex(9, y + 250);
-            vertex(29, y + 245);
-            vertex(29, y + 160);
-            endShape(CLOSE);
-            pop();
-
-            noFill();
-            ellipse(0, y + 150, 70, 40);
-
-            let i = frameCount % 60;
-            strokeWeight(1);
-            textSize(20 + i * 1.3);
-            text("💤", 250 + i, y - 50 - i);
-
-            strokeWeight(1);
-            textSize(30);
-            text("💧", 10, 220 + i);
-        }
-        else if (state == "awake") {
-            strokeWeight(5);
-            fill(255, 191, 128);
-            ellipse(0, y + 50, 400, 400);
-            beginShape();
-            vertex(0, -30);
-            vertex(10, 10);
-            vertex(-10, 10);
-            endShape(CLOSE);
-
-            fill(100);
-            ellipse(-100, y, 60, 80);
-            ellipse(100, y, 60, 80);
-
-            noFill();
-            arc(0, y - 50, 400, 450, PI / 180 * 75, PI / 180 * 105);
-
-            textSize(100);
-            text("👋", -280, 180);
-
-            fill("black");
-            let i = frameCount % 60;
-            strokeWeight(1);
-            textSize(20 + i * 1.3);
-            text("Hello~", 250 + i, y - 50 - i);
-
-            if (looptimes > 200) {
-                looptimes = 0;
-                state = "sleep";
-            }
-        }
-        else if (state == "angry") {
-            strokeWeight(5);
-            fill(255, 191, 128);
-            ellipse(0, y + 50, 400, 400);
-            beginShape();
-            vertex(0, -30);
-            vertex(10, 10);
-            vertex(-10, 10);
-            endShape(CLOSE);
-
-            push()
-            noStroke();
-            colorMode(HSB);
-            if (angry_i >= 50) {
-                angry_i = 0;
-            }
-            fill(0, 100, 50 + angry_i);
-            arc(-110, y, 80, 100, 20 * PI / 180, 200 * PI / 180);
-            arc(110, y, 80, 100, -20 * PI / 180, 160 * PI / 180);
-            pop();
-
-            noFill();
-            strokeWeight(5);
-            arc(-200, y + 150, 400, 450, PI / 180 * 285, PI / 180 * 310);
-            arc(200, y + 150, 400, 450, PI / 180 * 230, PI / 180 * 255);
-            line(-60, y + 170, 0, y + 130);
-            line(60, y + 170, 0, y + 130);
-
-            textSize(100);
-            text("🖕", 200, 150);
-
-            let i = frameCount % 60;
-            textSize(20 + i * 1.3);
-            text("💢", 250 + i, y - 50 - i);
-
-            angry_i += 0.5;
-
-            if (looptimes > 200) {
-                looptimes = 0;
-                state = "awake";
-            }
-        }
-        looptimes++;
-    }
-</script>
\ No newline at end of file