diff --git a/aubrey/aubrey-nosolve.png b/aubrey/aubrey-nosolve.png
new file mode 100644
index 0000000..95617ea
Binary files /dev/null and b/aubrey/aubrey-nosolve.png differ
diff --git a/aubrey/aubrey-solve.png b/aubrey/aubrey-solve.png
new file mode 100644
index 0000000..574ae8f
Binary files /dev/null and b/aubrey/aubrey-solve.png differ
diff --git a/aubrey/aubrey.pdf b/aubrey/aubrey.pdf
new file mode 100644
index 0000000..025d900
Binary files /dev/null and b/aubrey/aubrey.pdf differ
diff --git a/aubrey/index.html b/aubrey/index.html
new file mode 100644
index 0000000..6d5cbb9
--- /dev/null
+++ b/aubrey/index.html
@@ -0,0 +1,37 @@
+<!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" />
+    <title>Happy Valentine's Day!</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <h1>
+     💘 Happy <a href="aubrey.pdf">Valentine's</a>  Day L<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >o</span>ve! 💘
+    </h1>
+    <img id="puzzle"  onclick="clickSolve()" src="aubrey-nosolve.png" alt="" />
+
+    <div id="button">
+      <button onclick="flip()">Flip</button>
+    </div>
+
+
+    <script>
+      let count = 0
+
+     function clickSolve() {
+     count += 1;
+     console.log(count);
+     if (count >= 10 ) document.getElementById('puzzle').src = 'aubrey-solve.png';
+}
+
+function flip(){
+  console.log('flip')
+  document.getElementById('puzzle').classList.add("flip")
+
+}
+    </script>
+  </body>
+</html>
diff --git a/aubrey/style.css b/aubrey/style.css
new file mode 100644
index 0000000..6a84f6a
--- /dev/null
+++ b/aubrey/style.css
@@ -0,0 +1,45 @@
+h1 {
+    color: rgb(255, 255, 255);
+    margin: auto;
+    text-align: center;
+    margin-bottom: 1rem;
+    font-size: 1.4rem;
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+}
+
+#puzzle {
+    width: 100%;
+    height: auto;
+    border: 3px dotted rgb(255, 255, 255);
+    box-shadow: 10px 10px 10px #747373;
+}
+
+.flip {
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
+
+a {
+    text-decoration: none;
+    color: white;
+}
+
+body {
+    background-color: rgb(248, 99, 216);
+}
+
+#button {
+    margin-top: 3000%;
+    text-align: center;
+}
+
+#noSelect {
+
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+}
\ No newline at end of file
diff --git a/baron/baron-nosolve.png b/baron/baron-nosolve.png
new file mode 100644
index 0000000..4a16f72
Binary files /dev/null and b/baron/baron-nosolve.png differ
diff --git a/baron/baron-solve.png b/baron/baron-solve.png
new file mode 100644
index 0000000..72860e7
Binary files /dev/null and b/baron/baron-solve.png differ
diff --git a/baron/baron.pdf b/baron/baron.pdf
new file mode 100644
index 0000000..165617d
Binary files /dev/null and b/baron/baron.pdf differ
diff --git a/baron/index.html b/baron/index.html
new file mode 100644
index 0000000..bbab582
--- /dev/null
+++ b/baron/index.html
@@ -0,0 +1,37 @@
+<!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" />
+    <title>Happy Valentine's Day!</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <h1>
+      Happy <a href="baron.pdf">Valentine's</a> Day D<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >o</span>rk!
+    </h1>
+    <img id="puzzle" class="flip" onclick="clickSolve()" src="baron-nosolve.png" alt="" />
+
+    <div id="button">
+      <button onclick="flip()">Flip</button>
+    </div>
+
+
+    <script>
+      let count = 0
+
+     function clickSolve() {
+     count += 1;
+     console.log(count);
+     if (count >= 10 ) document.getElementById('puzzle').src = 'baron-solve.png';
+}
+
+function flip(){
+  console.log('flip')
+  document.getElementById('puzzle').classList.remove("flip")
+
+}
+    </script>
+  </body>
+</html>
diff --git a/baron/style.css b/baron/style.css
new file mode 100644
index 0000000..30f64fd
--- /dev/null
+++ b/baron/style.css
@@ -0,0 +1,42 @@
+h1 {
+    color: red;
+    margin: auto;
+    text-align: center;
+    margin-bottom: 1rem;
+    font-size: 1.2rem;
+}
+
+#puzzle {
+    width: 100%;
+    height: auto;
+}
+
+.flip {
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
+
+a {
+    text-decoration: none;
+    color: red;
+}
+
+body {
+    background-color: plum;
+}
+
+#button {
+    margin-top: 3000%;
+    text-align: center;
+}
+
+#noSelect {
+
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+}
\ No newline at end of file
diff --git a/connor/connor-nosolve.png b/connor/connor-nosolve.png
new file mode 100644
index 0000000..7f04689
Binary files /dev/null and b/connor/connor-nosolve.png differ
diff --git a/connor/connor-solve.png b/connor/connor-solve.png
new file mode 100644
index 0000000..bc52d9c
Binary files /dev/null and b/connor/connor-solve.png differ
diff --git a/connor/connor.pdf b/connor/connor.pdf
new file mode 100644
index 0000000..3fd8a2c
Binary files /dev/null and b/connor/connor.pdf differ
diff --git a/connor/index.html b/connor/index.html
new file mode 100644
index 0000000..4f453d8
--- /dev/null
+++ b/connor/index.html
@@ -0,0 +1,37 @@
+<!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" />
+    <title>Happy Valentine's Day!</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <h1>
+      Happy <a href="connor.pdf">Valentine's</a> Day L<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >o</span>ser!
+    </h1>
+    <img id="puzzle" onclick="clickSolve()" src="connor-nosolve.png" alt="" />
+
+    <div id="button">
+      <button onclick="flip()">Flip</button>
+    </div>
+
+
+    <script>
+      let count = 0
+
+     function clickSolve() {
+     count += 1;
+     console.log(count);
+     if (count >= 10 ) document.getElementById('puzzle').src = 'connor-solve.png';
+}
+
+function flip(){
+  console.log('flip')
+  document.getElementById('puzzle').classList.add("flip")
+
+}
+    </script>
+  </body>
+</html>
diff --git a/connor/style.css b/connor/style.css
new file mode 100644
index 0000000..30f64fd
--- /dev/null
+++ b/connor/style.css
@@ -0,0 +1,42 @@
+h1 {
+    color: red;
+    margin: auto;
+    text-align: center;
+    margin-bottom: 1rem;
+    font-size: 1.2rem;
+}
+
+#puzzle {
+    width: 100%;
+    height: auto;
+}
+
+.flip {
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
+
+a {
+    text-decoration: none;
+    color: red;
+}
+
+body {
+    background-color: plum;
+}
+
+#button {
+    margin-top: 3000%;
+    text-align: center;
+}
+
+#noSelect {
+
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+}
\ No newline at end of file
diff --git a/sean/index.html b/sean/index.html
new file mode 100644
index 0000000..f7547a1
--- /dev/null
+++ b/sean/index.html
@@ -0,0 +1,37 @@
+<!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" />
+    <title>Happy Valentine's Day!</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <h1>
+      Happy <a href="sean.pdf">Valentine's</a> Day N<span id="noSelect" onclick="clickSolve()" onselectstart="return false" >e</span>rd!
+    </h1>
+    <img id="puzzle" class="flip" onclick="clickSolve()" src="sean-nosolve.png" alt="" />
+
+    <div id="button">
+      <button onclick="flip()">Flip</button>
+    </div>
+
+
+    <script>
+      let count = 0
+
+     function clickSolve() {
+     count += 1;
+     console.log(count);
+     if (count >= 10 ) document.getElementById('puzzle').src = 'sean-solve.png';
+}
+
+function flip(){
+  console.log('flip')
+  document.getElementById('puzzle').classList.remove("flip")
+
+}
+    </script>
+  </body>
+</html>
diff --git a/sean/sean-nosolve.pdf b/sean/sean-nosolve.pdf
new file mode 100644
index 0000000..0b2bf77
Binary files /dev/null and b/sean/sean-nosolve.pdf differ
diff --git a/sean/sean-nosolve.png b/sean/sean-nosolve.png
new file mode 100644
index 0000000..aecfa50
Binary files /dev/null and b/sean/sean-nosolve.png differ
diff --git a/sean/sean-solve.pdf b/sean/sean-solve.pdf
new file mode 100644
index 0000000..93d99ef
Binary files /dev/null and b/sean/sean-solve.pdf differ
diff --git a/sean/sean-solve.png b/sean/sean-solve.png
new file mode 100644
index 0000000..63e7d57
Binary files /dev/null and b/sean/sean-solve.png differ
diff --git a/sean/sean.pdf b/sean/sean.pdf
new file mode 100644
index 0000000..ee2e89a
Binary files /dev/null and b/sean/sean.pdf differ
diff --git a/sean/style.css b/sean/style.css
new file mode 100644
index 0000000..30f64fd
--- /dev/null
+++ b/sean/style.css
@@ -0,0 +1,42 @@
+h1 {
+    color: red;
+    margin: auto;
+    text-align: center;
+    margin-bottom: 1rem;
+    font-size: 1.2rem;
+}
+
+#puzzle {
+    width: 100%;
+    height: auto;
+}
+
+.flip {
+    -webkit-transform: scaleX(-1);
+    transform: scaleX(-1);
+}
+
+a {
+    text-decoration: none;
+    color: red;
+}
+
+body {
+    background-color: plum;
+}
+
+#button {
+    margin-top: 3000%;
+    text-align: center;
+}
+
+#noSelect {
+
+    -webkit-touch-callout: none;
+    -webkit-user-select: none;
+    -khtml-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+
+}
\ No newline at end of file
