diff --git a/INFO-1272 (JS 1)/Notes/Midterm/index.html b/INFO-1272 (JS 1)/Notes/Midterm/index.html
index 892d84e..1f72c53 100644
--- a/INFO-1272 (JS 1)/Notes/Midterm/index.html	
+++ b/INFO-1272 (JS 1)/Notes/Midterm/index.html	
@@ -1,123 +1,141 @@
 <!DOCTYPE html>
 <html>
-    <head>
-        <title>Midterm Study</title>
-        <meta charset="utf-8" lang="en-us">
-    </head>
 
-    <body>
-        <h1>Midterm Study</h1>
-        <h2>Introduction to Web Pages</h2>
-        <ol>
-            <li>A web page is a container for the following three technologies. Describe the purpose of each for a web page:</li>
-            <ul>
-                <li>HTML</li>
-                <li>CSS</li>
-                <li>JavaScript</li>
-            </ul>
-        </ol>
-        <p>Answers:</p>
+<head>
+    <title>Midterm Study</title>
+    <meta charset="utf-8" lang="en-us">
+</head>
+
+<body>
+    <h1>Midterm Study</h1>
+    <h2>Introduction to Web Pages</h2>
+    <ol>
+        <li>A web page is a container for the following three technologies. Describe the purpose of each for a web page:
+        </li>
         <ul>
-            <li>HTML is used for defining web elements and the rough layout of a website</li>
-            <li>CSS is used to style the default HTML elements</li>
-            <li>JavaScript is used for data input, manipulation and other logical components</li>
+            <li>HTML</li>
+            <li>CSS</li>
+            <li>JavaScript</li>
         </ul>
-        <hr>
+    </ol>
+    <p>Answers:</p>
+    <ul>
+        <li>HTML is used for defining web elements and the rough layout of a website</li>
+        <li>CSS is used to style the default HTML elements</li>
+        <li>JavaScript is used for data input, manipulation and other logical components</li>
+    </ul>
+    <hr>
 
-        <h2>Introduction to javascript</h2>
-        <ol>
-            <li>Browser pop-up dialogue box functions</li>
-            <ul>
-                <li>alert()</li>
-                <li>prompt()</li>
-                <li>confirm()</li>
-            </ul>
-        </ol>
-        <p>Answers:</p>
+    <h2>Introduction to javascript</h2>
+    <ol>
+        <li>Browser pop-up dialogue box functions</li>
         <ul>
-            <li>Reload webpage to see examples</li>
+            <li>alert()</li>
+            <li>prompt()</li>
+            <li>confirm()</li>
         </ul>
-        <hr>
+    </ol>
+    <p>Answers:</p>
+    <ul>
+        <li>Reload webpage to see examples</li>
+    </ul>
+    <hr>
 
-        <h2>Data Types and Variables</h2>
-        <ol>
-            <li>Name JavaScript's three data types. Describe the types of data they store</li>
-            <li>JavaScript is a weakly-typed language. Describe what this means.</li>
-            <li>What are the naming rules for a variables name? What are naming conventions?</li>
-            <li>What is a constant in JavaScript? Describe how you would declare a JavaScript constant.</li>
-        </ol>
-        <p>Answers:</p>
-        <ol>
-            <li>Number, String and Boolean</li>
-            <li>weakly-typed language implies that data types do not need to be defined at initialization, the compiler will decide, cast and convert the data type unless explicitly cast</li>
-            <li>A naming convention is a recommended way of naming variables to ensure readability and organize code. JavaScript uses camelCase for variables and classes and UPPER_SNAKE_CASE for constants</li>
-            <code>
+    <h2>Data Types and Variables</h2>
+    <ol>
+        <li>Name JavaScript's three data types. Describe the types of data they store</li>
+        <li>JavaScript is a weakly-typed language. Describe what this means.</li>
+        <li>What are the naming rules for a variables name? What are naming conventions?</li>
+        <li>What is a constant in JavaScript? Describe how you would declare a JavaScript constant.</li>
+    </ol>
+    <p>Answers:</p>
+    <ol>
+        <li>Number, String and Boolean</li>
+        <li>weakly-typed language implies that data types do not need to be defined at initialization, the compiler will
+            decide, cast and convert the data type unless explicitly cast</li>
+        <li>A naming convention is a recommended way of naming variables to ensure readability and organize code.
+            JavaScript uses camelCase for variables and classes and UPPER_SNAKE_CASE for constants</li>
+        <code>
                 let customerAge = 23;<br>
                 const ONT_TAX_RATE = 0.13;
             </code>
-            <li>A constant is a variable whose value cannot be changed once initialized, making it constant. To define a constant, use the "const" keyword.</li>
-        </ol>
-        <hr>
+        <li>A constant is a variable whose value cannot be changed once initialized, making it constant. To define a
+            constant, use the "const" keyword.</li>
+    </ol>
+    <hr>
 
-        <h2>Operators</h2>
-        <ol>
-            <li>Explain the following binary operators: + - * / %</li>
-            <li>Explain the multiple uses of the + operator.</li>
-            <li>Describe how the increment/decrement operators (++ and --) work.</li>
-        </ol>
-        <p>Answers:</p>
-        <ol>
-            <li>The + operator is used to get the sum, the - operator is to get the difference, the * operator multiplies, the / operator divides and the % (modulus) operator determines if two numbers divided have a remainder and how much of one</li>
-            <li>The + operator can be used to add two numbers together to find their sum, or you can use it to concatenate multiple Strings together.</li>
-            <li>The ++ (increment) operator is used to increase the value of a variable by exactly one. The -- (decrement) operator is used to decrease the value of a variable by exactly 1.</li>
-        </ol>
-        <hr>
+    <h2>Operators</h2>
+    <ol>
+        <li>Explain the following binary operators: + - * / %</li>
+        <li>Explain the multiple uses of the + operator.</li>
+        <li>Describe how the increment/decrement operators (++ and --) work.</li>
+    </ol>
+    <p>Answers:</p>
+    <ol>
+        <li>The + operator is used to get the sum, the - operator is to get the difference, the * operator multiplies,
+            the / operator divides and the % (modulus) operator determines if two numbers divided have a remainder and
+            how much of one</li>
+        <li>The + operator can be used to add two numbers together to find their sum, or you can use it to concatenate
+            multiple Strings together.</li>
+        <li>The ++ (increment) operator is used to increase the value of a variable by exactly one. The -- (decrement)
+            operator is used to decrease the value of a variable by exactly 1.</li>
+    </ol>
+    <hr>
 
-        <h2>The JavaScript Math object</h2>
-        <ol>
-            <li>Describe the operation and the return for the following Math methods:</li>
-            <ul>
-                <li>Math.PI</li>
-                <li>Math.abs(x)</li>
-                <li>Math.pow(x,2)</li>
-                <li>Math.round(x)</li>
-                <li>Math.ceil(x)</li>
-                <li>Math.floor(x)</li>
-                <li>Math.trunc(x)</li>
-                <li>Math.random()</li>
-                <li>Math.min(x,y)</li>
-                <li>Math.max(x,y)</li>
-            </ul>
-        </ol>
-        <p>Answers:</p>
+    <h2>The JavaScript Math object</h2>
+    <ol>
+        <li>Describe the operation and the return for the following Math methods:</li>
         <ul>
-            <li>Math.PI is a constant value for PI</li>
-            <li>Math.abs(x) returns the absolute value of X (makes a negative positive)</li>
-            <li>Math.pow(x,2) returns the value of x to the power of y (in this case 2)</li>
-            <li>Math.round(x) returns x rounded to the nearest whole. Below 0.5 is rounded down, above 0.5 is rouded up.</li>
-            <li>Math.ceil(x) returns the "ceiling" of x, which is the next highest whole integer.</li>
-            <li>Math.floor(x) returns the "floor" of x, which is the next lowest whole integer.</li>
-            <li>Math.trunc(x) returns x truncated, which means it cuts off the decimal places regardless of what they are.</li>
-            <li>Math.random() returns a random number between 0 and 1, can be manipulated to return in between any range</li>
-            <li>Math.min(x,y) returns the minimum of two numbers. The smaller of the two</li>
-            <li>Math.max(x,y) returns the maximum of two numbers. The larger of the two</li>
+            <li>Math.PI</li>
+            <li>Math.abs(x)</li>
+            <li>Math.pow(x,2)</li>
+            <li>Math.round(x)</li>
+            <li>Math.ceil(x)</li>
+            <li>Math.floor(x)</li>
+            <li>Math.trunc(x)</li>
+            <li>Math.random()</li>
+            <li>Math.min(x,y)</li>
+            <li>Math.max(x,y)</li>
         </ul>
-        <hr>
+    </ol>
+    <p>Answers:</p>
+    <ul>
+        <li>Math.PI is a constant value for PI</li>
+        <li>Math.abs(x) returns the absolute value of X (makes a negative positive)</li>
+        <li>Math.pow(x,2) returns the value of x to the power of y (in this case 2)</li>
+        <li>Math.round(x) returns x rounded to the nearest whole. Below 0.5 is rounded down, above 0.5 is rouded up.
+        </li>
+        <li>Math.ceil(x) returns the "ceiling" of x, which is the next highest whole integer.</li>
+        <li>Math.floor(x) returns the "floor" of x, which is the next lowest whole integer.</li>
+        <li>Math.trunc(x) returns x truncated, which means it cuts off the decimal places regardless of what they are.
+        </li>
+        <li>Math.random() returns a random number between 0 and 1, can be manipulated to return in between any range
+        </li>
+        <li>Math.min(x,y) returns the minimum of two numbers. The smaller of the two</li>
+        <li>Math.max(x,y) returns the maximum of two numbers. The larger of the two</li>
+    </ul>
+    <hr>
 
-        <h2>JavaScript Number Methods</h2>
-        <ol>
-            <li>Describe the operation and the return for the following Number methods:</li>
-            <ul>
-                <li>toFixed()</li>
-                <li>toPrecision()</li>
-            </ul>
-        </ol>
-        <p>Answers:</p>
+    <h2>JavaScript Number Methods</h2>
+    <ol>
+        <li>Describe the operation and the return for the following Number methods:</li>
         <ul>
-            <li>toFixed() returns x but at a fixed number of decimal places, defined by y</li>
-            <li>toPrecision() returns x but at a fixed number of significant digits. This means it may round deicimal places before dropping them.</li>
+            <li>toFixed()</li>
+            <li>toPrecision()</li>
         </ul>
+    </ol>
+    <p>Answers:</p>
+    <ul>
+        <li>toFixed() returns x but at a fixed number of decimal places, defined by y</li>
+        <li>toPrecision() returns x but at a fixed number of significant digits. This means it may round deicimal places
+            before dropping them.</li>
+    </ul>
+    <hr>
+
+    <h2>Playground</h2>
+    <p>Interactive JavaScript follows</p>
+
+    <script src="index.js"></script>
+</body>
 
-        <script src="index.js"></script>
-    </body>
 </html>
\ No newline at end of file
diff --git a/INFO-1272 (JS 1)/Notes/Midterm/index.js b/INFO-1272 (JS 1)/Notes/Midterm/index.js
index e454c94..e69de29 100644
--- a/INFO-1272 (JS 1)/Notes/Midterm/index.js	
+++ b/INFO-1272 (JS 1)/Notes/Midterm/index.js	
@@ -1,30 +0,0 @@
-// Window dialogue boxes
-window.alert("This is an alert!");
-window.prompt("This is a prompt");
-window.confirm("This is a confirm");
-
-// Data types
-let userAge = Number("22");
-let userName = String("Levi");
-let isAdmin = Boolean(1);
-console.log("User age: " + userAge);
-console.log("User name: " + userName);
-console.log("Is admin? " + isAdmin);
-
-// Weakly-typed variables
-
-// Constants
-
-// Operators
-
-// Math object methods
-
-// Number object methods
-
-// String object methods
-
-// Selection structure
-
-// Functions
-
-// Repitition structure
\ No newline at end of file
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/FAQ.png b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/FAQ.png
new file mode 100644
index 0000000..72bee5f
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/FAQ.png differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/careers.png b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/careers.png
new file mode 100644
index 0000000..6e59706
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/careers.png differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/contact.png b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/contact.png
new file mode 100644
index 0000000..ddae7ac
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/contact.png differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/returns.png b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/returns.png
new file mode 100644
index 0000000..170207c
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/returns.png differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/shop.png b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/shop.png
new file mode 100644
index 0000000..375c38b
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/shop.png differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/stores.png b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/stores.png
new file mode 100644
index 0000000..ce2dfd0
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/Footer Icons/stores.png differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_displayAds.psd b/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_displayAds.psd
new file mode 100644
index 0000000..617ed12
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_displayAds.psd differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_website.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_website.jpg
new file mode 100644
index 0000000..d828fe4
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_website.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_website.psd b/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_website.psd
new file mode 100644
index 0000000..8a180f7
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/McLean_Project1_website.psd differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-1.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-1.jpg
new file mode 100644
index 0000000..179e26d
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-1.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-2.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-2.jpg
new file mode 100644
index 0000000..a17630e
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-2.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-3.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-3.jpg
new file mode 100644
index 0000000..3d0d259
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/bubble-tea-3.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/planet 3.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/planet 3.jpg
new file mode 100644
index 0000000..72d7401
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/planet 3.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/planet-1.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-1.jpg
new file mode 100644
index 0000000..2e999d2
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-1.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/planet-2.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-2.jpg
new file mode 100644
index 0000000..8385104
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-2.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/planet-4.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-4.jpg
new file mode 100644
index 0000000..32fa422
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-4.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/planet-5.jpg b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-5.jpg
new file mode 100644
index 0000000..b5082b2
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-5.jpg differ
diff --git a/INFO-1274 (Graphic Design)/Projects/Project 1/planet-5.psd b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-5.psd
new file mode 100644
index 0000000..63c7fb2
Binary files /dev/null and b/INFO-1274 (Graphic Design)/Projects/Project 1/planet-5.psd differ
