From 8488b06ed452bbe2a78878ecc7c7afdd37d2174c Mon Sep 17 00:00:00 2001
From: Brendan Szymanski <brendan.szymanski1@gmail.com>
Date: Thu, 25 Apr 2019 22:23:37 -0400
Subject: [PATCH] Fix Linux/Unix/Mac compatibility

Unlike Windows, Unix-based systems use a case-sensitive file structure, and the way the html pages are currently referenced breaks all CSS and HTML linking. This commit fixes that, allowing it to work on Unix systems.
---
 Animation.html     | 24 ++++++++++++------------
 Appearance.html    | 24 ++++++++++++------------
 Attributes.html    | 24 ++++++++++++------------
 Collision.html     | 24 ++++++++++++------------
 Functions.html     | 24 ++++++++++++------------
 Miscellaneous.html | 24 ++++++++++++------------
 Position.html      | 24 ++++++++++++------------
 Rotation.html      | 24 ++++++++++++------------
 Scale.html         | 24 ++++++++++++------------
 Style.css          |  4 ++--
 Timers.html        | 24 ++++++++++++------------
 11 files changed, 122 insertions(+), 122 deletions(-)
diff --git a/Animation.html b/Animation.html
index 394f991..bdefc03 100644
--- a/Animation.html
+++ b/Animation.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Animation</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,22 +11,22 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
         <ul id="contents">
             <li><a href="#frameindex">.frameIndex()</a></li>
             <li><a href="#animation">.animation()</a></li>
             <li><a href="#incrementanimation">.incrementAnimation()</a></li>
         </ul>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Animation"> <!--done-->
         <h1>Animation</h1>
@@ -75,4 +75,4 @@ <h4>See Further:</h4>
         </div>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Appearance.html b/Appearance.html
index c34f2d4..6d9c061 100644
--- a/Appearance.html
+++ b/Appearance.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Appearance</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,22 +11,22 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
         <ul id="contents">
             <li><a href="#togglevisible">.toggleVisible()</a></li>
             <li><a href="#visible">.visible()</a></li>
             <li><a href="#fill">fill()</a></li>
         </ul>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Appearance"> <!--done-->
         <h1>Appearance</h1>
@@ -83,4 +83,4 @@ <h4>See Further:</h4>
         <!--.updateParts()-->
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Attributes.html b/Attributes.html
index 4a872b5..4962b2f 100644
--- a/Attributes.html
+++ b/Attributes.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Attributes</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,21 +11,21 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
         <ul id="contents">
             <li><a href="#state">.state()</a></li>
             <li><a href="#text">.text()</a></li>
         </ul>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Attributes"> <!--done-->
         <h1>Attributes</h1>
@@ -61,4 +61,4 @@ <h4>See Further:</h4>
         <!--.findName()-->
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Collision.html b/Collision.html
index eda868b..8317220 100644
--- a/Collision.html
+++ b/Collision.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Collision</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,22 +11,22 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
         <ul id="contents">
             <li><a href="#istouching">.isTouching()</a></li>
             <li><a href="#toggledraggable">.toggleDraggable()</a></li>
             <li><a href="#draggable">.draggable()</a></li>
         </ul>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Collision"> <!--done-->
         <h1>Collision</h1>
@@ -79,4 +79,4 @@ <h4>See Further:</h4>
 
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Functions.html b/Functions.html
index a10bcd7..67022c7 100644
--- a/Functions.html
+++ b/Functions.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Functions</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,17 +11,17 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
         <h1>Functions</h1>
 
@@ -29,4 +29,4 @@ <h1>Functions</h1>
             <p>All the built in Code Ninjas Game Development Platform functions within yellow and orange belt are contained within this site. Functions are grouped by category on the right. To find a function search through the categories. This tool is not meant as a replacement for curriculum. Instead, this is intended for assistance in prove yourself challenges.</p>
         </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Miscellaneous.html b/Miscellaneous.html
index 16f8429..885ac43 100644
--- a/Miscellaneous.html
+++ b/Miscellaneous.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Miscellaneous</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,17 +11,17 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
         <ul id="contents">
             <li><a href="#iskeypressed">isKeyPressed()</a></li>
             <li><a href="#clone">.clone()</a></li>
@@ -100,4 +100,4 @@ <h4>See Further:</h4>
 
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Position.html b/Position.html
index 522ae48..87ab73e 100644
--- a/Position.html
+++ b/Position.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Position</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,9 +11,9 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
         <ul id="contents">
             <li><a href="#xyz">.x() .y() and .z()</a></li>
             <li><a href="#getpointerpos">getPointerPos()</a></li>
@@ -24,14 +24,14 @@ <h2><a href="position.html">Position</a></h2>
             <li><a href="#speedxy">.speedX() and .speedY()</a></li>
             <li><a href="#finddistance">.findDistance()</a></li>
         </ul>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Position"> <!--done-->
         <h1>Position</h1>
@@ -175,4 +175,4 @@ <h4>See Further:</h4>
         </div>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Rotation.html b/Rotation.html
index de926b3..bf7bc6c 100644
--- a/Rotation.html
+++ b/Rotation.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Rotation</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,10 +11,10 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
         <ul id="contents">
             <li><a href="#spin">spin()</a></li>
             <li><a href="#rotation">.rotation()</a></li>
@@ -23,13 +23,13 @@ <h2><a href="rotation.html">Rotation</a></h2>
             <li><a href="#pointtocursor">.pointToCursor()</a></li>
             <li><a href="#pointtoobject">.pointToObject()</a></li>
         </ul>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Rotation"> <!--done-->
         <h1>Rotation</h1>
@@ -129,4 +129,4 @@ <h4>See Further:</h4>
         <br>
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Scale.html b/Scale.html
index ed4771e..ca06cce 100644
--- a/Scale.html
+++ b/Scale.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Scale</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,21 +11,21 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
         <ul id="contents">
             <li><a href="#scalexy">.scaleX() and .scaleY()</a></li>
             <li><a href="#wd">.height() and .width()</a></li>
         </ul>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Scale"> <!--done-->
         <h1>Scale</h1>
@@ -64,4 +64,4 @@ <h4>See Further:</h4>
 
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/Style.css b/Style.css
index 77b9830..dfc789f 100644
--- a/Style.css
+++ b/Style.css
@@ -29,7 +29,7 @@ body{
     padding: 0px 25px 10px 25px;
 
 
-    background-image: url(images/background.png);
+    background-image: url(images/Background.png);
     background-repeat: no-repeat;
     background-attachment: fixed;
     background-size: cover;
@@ -93,4 +93,4 @@ code{
     color: #323232;
 }
 .more{
-}
\ No newline at end of file
+}
diff --git a/Timers.html b/Timers.html
index ec3b02a..64ff197 100644
--- a/Timers.html
+++ b/Timers.html
@@ -3,7 +3,7 @@
 <html lang="en">
 <head>
     <title>Timers</title>
-    <link rel="stylesheet" type="text/css" href="style.css" media="screen" />
+    <link rel="stylesheet" type="text/css" href="Style.css" media="screen" />
     <link rel="icon" href="images/icon.png">
     <style>
         
@@ -11,20 +11,20 @@
 </head>
 <body>
     <div class="sidenav">
-        <a href="functions.html"><h2>GDP Functions</h2></a>
+        <a href="Functions.html"><h2>GDP Functions</h2></a>
         <br>
-        <h2><a href="position.html">Position</a></h2>
-        <h2><a href="rotation.html">Rotation</a></h2>
-        <h2><a href="scale.html">Scale</a></h2>
-        <h2><a href="collision.html">Collision</a></h2>
-        <h2><a href="appearance.html">Appearance</a></h2>
-        <h2><a href="timers.html">Timers</a></h2>
+        <h2><a href="Position.html">Position</a></h2>
+        <h2><a href="Rotation.html">Rotation</a></h2>
+        <h2><a href="Scale.html">Scale</a></h2>
+        <h2><a href="Collision.html">Collision</a></h2>
+        <h2><a href="Appearance.html">Appearance</a></h2>
+        <h2><a href="Timers.html">Timers</a></h2>
         <ul id="contents">
             <li><a href="#createtimer">createTimer()</a></li>
         </ul>
-        <h2><a href="animation.html">Animation</a></h2>
-        <h2><a href="attributes.html">Attributes</a></h2>
-        <h2><a href="miscellaneous.html">Miscellaneous</a></h2>
+        <h2><a href="Animation.html">Animation</a></h2>
+        <h2><a href="Attributes.html">Attributes</a></h2>
+        <h2><a href="Miscellaneous.html">Miscellaneous</a></h2>
     </div>
     <div name="Timers"> <!--done-->
         <h1>Timers</h1>
@@ -47,4 +47,4 @@ <h4>See Further:</h4>
         <!--cleanupTimers()-->
     </div>
 </body>
-</html>
\ No newline at end of file
+</html>
