starting project 3 webpage

BrandonWong14 · Oct 9, 2024 · 265f702 · 265f702
1 parent 80a8034
commit 265f702
Show file tree

Hide file tree

Showing 36 changed files with 56 additions and 0 deletions.
diff --git a/cs180/project3/media/average_face.jpg b/cs180/project3/media/average_face.jpg
diff --git a/cs180/project3/media/average_of_east_asian_women.jpg b/cs180/project3/media/average_of_east_asian_women.jpg
diff --git a/cs180/project3/media/average_of_faces.jpg b/cs180/project3/media/average_of_faces.jpg
diff --git a/cs180/project3/media/avg_to_me.jpg b/cs180/project3/media/avg_to_me.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_0.jpg b/cs180/project3/media/faces_to_average_examples/example_0.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_1.jpg b/cs180/project3/media/faces_to_average_examples/example_1.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_2.jpg b/cs180/project3/media/faces_to_average_examples/example_2.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_3.jpg b/cs180/project3/media/faces_to_average_examples/example_3.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_4.jpg b/cs180/project3/media/faces_to_average_examples/example_4.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_5.jpg b/cs180/project3/media/faces_to_average_examples/example_5.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_6.jpg b/cs180/project3/media/faces_to_average_examples/example_6.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_7.jpg b/cs180/project3/media/faces_to_average_examples/example_7.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_8.jpg b/cs180/project3/media/faces_to_average_examples/example_8.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/example_9.jpg b/cs180/project3/media/faces_to_average_examples/example_9.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_0.jpg b/cs180/project3/media/faces_to_average_examples/original_0.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_1.jpg b/cs180/project3/media/faces_to_average_examples/original_1.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_2.jpg b/cs180/project3/media/faces_to_average_examples/original_2.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_3.jpg b/cs180/project3/media/faces_to_average_examples/original_3.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_4.jpg b/cs180/project3/media/faces_to_average_examples/original_4.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_5.jpg b/cs180/project3/media/faces_to_average_examples/original_5.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_6.jpg b/cs180/project3/media/faces_to_average_examples/original_6.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_7.jpg b/cs180/project3/media/faces_to_average_examples/original_7.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_8.jpg b/cs180/project3/media/faces_to_average_examples/original_8.jpg
diff --git a/cs180/project3/media/faces_to_average_examples/original_9.jpg b/cs180/project3/media/faces_to_average_examples/original_9.jpg
diff --git a/cs180/project3/media/friends_face_small.jpg b/cs180/project3/media/friends_face_small.jpg
diff --git a/cs180/project3/media/frown_caricature.jpg b/cs180/project3/media/frown_caricature.jpg
diff --git a/cs180/project3/media/me_part_4.jpg b/cs180/project3/media/me_part_4.jpg
diff --git a/cs180/project3/media/me_resize.jpg b/cs180/project3/media/me_resize.jpg
diff --git a/cs180/project3/media/me_to_avg.jpg b/cs180/project3/media/me_to_avg.jpg
diff --git a/cs180/project3/media/me_to_friend.gif b/cs180/project3/media/me_to_friend.gif
diff --git a/cs180/project3/media/me_to_woman_appearance.jpg b/cs180/project3/media/me_to_woman_appearance.jpg
diff --git a/cs180/project3/media/me_to_woman_both.jpg b/cs180/project3/media/me_to_woman_both.jpg
diff --git a/cs180/project3/media/me_to_woman_shape.jpg b/cs180/project3/media/me_to_woman_shape.jpg
diff --git a/cs180/project3/media/my_face_small.jpg b/cs180/project3/media/my_face_small.jpg
diff --git a/cs180/project3/media/woman_resize.jpg b/cs180/project3/media/woman_resize.jpg
diff --git a/cs180/project3/project3.html b/cs180/project3/project3.html
@@ -0,0 +1,56 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>CS 180 Project 3</title>
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            margin: 20px;
+            max-width: 1000px;
+        }
+        .one_column {
+            float: left;
+            width: 100%;
+        }
+        .two_column {
+            float: left;
+            width: 50%;
+        }
+        .three_column {
+            float: left;
+            width: 33.3%;
+        }
+        .five_column {
+            float: left;
+            width: 20%;
+        }
+        .six_column {
+            float: left;
+            width: 16.6%;
+        }
+        .standard {
+            width: 240px;
+        }
+        .small {
+            width: 180px;
+        }
+        .tiny {
+            width: 140px;
+        }
+    </style>
+</head>
+<body>
+    <h1>CS 180 Project 3</h1>
+    <p>Name: Brandon Wong</p>
+    <h2>Overview</h2>
+    <p>
+        The goal of Project 3 is to morph pairs of images of faces from one to another and anywhere in between, 
+        changing both shape and colors in differing amounts. By taking matching points in different images 
+        and enabling the triangles obtained from those points to morph into each other, faces can be 
+        manipulated and morphed in interesting ways to obtain a variety of results.
+    </p>
+    <h2>Part 1: Defining Correspondences</h2>
+    <p>
+
+    </p>
+</body>