Add Orbit Animation and move Guessing Game

IanRiley237 · Dec 21, 2023 · e18e9b5 · e18e9b5
1 parent 7fc6d4e
commit e18e9b5
Show file tree

Hide file tree

Showing 3 changed files with 51 additions and 33 deletions.
diff --git a/Game Development/index.html b/Game Development/index.html
@@ -148,7 +148,28 @@ <h3>QWOP-Like game</h3>
                 For now, there is no real goal in the game. It is just a proof of concept. Click the title text of this card to view the controlls and click the image to view the repo!
             </p>
         </div>
+        <div class="card">
+            <a href="https://github.com/IanRiley237/Ian-Riley-Portfolio/tree/master/Guessing game", title="View the Guessing Game repo">
+                <h3>Word Guessing Game</h3>
+            </a>
+            <a href="Guessing game", title="Play the Guessing Game!">
+                <img class="screenshot" src="../images/GuessingGame.png">
+            </a>
+            <p class="technologies">
+                HTML5, CSS3, Javascript
+            </p>
+            <hr>
+            <p class="description">
+                I took a Client-Side Programming course while in college. The last major assignment was to make a word
+                guessing game that featured positive and negative feedback based on the user's performance. The project
+                was entirely solo. The words are randomly chosen from a hard-coded list in javascript, and increase in
+                length as the user guesses correctly. Their score is evaluated based on how many attempts the user takes
+                to guess the word correctly. After the user guesses incorrectly three times, the game is over and the
+                user is prompted to restart.
+            </p>
+        </div>
     </div>
+</div>
 </body>
 
 </html>
diff --git a/images/Orbit.png b/images/Orbit.png
diff --git a/index.html b/index.html
@@ -55,9 +55,9 @@ <h2 class="name">Ian Riley</h2>
         </div>
     </div>
     <div class="profile">
-        <div class="profile-pic-container">
+        <!-- <div class="profile-pic-container">
             <img class="profile-pic" src="images/Iansq.png">
-        </div>
+        </div> -->
         <div class="info-container">
             <div class="info">
                 <p>
@@ -93,7 +93,7 @@ <h3>gato</h3>
                 <img class="screenshot" src="images/gato.png">
             </a>
             <p class="technologies">
-                HTML5, CSS3, Javascript, PHP, MySQL, BBCode
+                HTML5, CSS3, Javascript, jQuery, PHP, MySQL
             </p>
             <hr>
             <p class="description">
@@ -106,25 +106,6 @@ <h3>gato</h3>
                 gato is now hosted using 000webhostapp and the database is handled by AWS's RDS (Relational Database Service).
             </p>
         </div>
-        <div class="card">
-            <a href="https://github.com/IanRiley237/Ian-Riley-Portfolio/tree/master/Domes", title="View Domes repo">
-                <h3>Domes</h3>
-            </a>
-            <img class="screenshot" src="images/domes.png">
-            <p class="technologies">
-                HTML5, CSS3, Javascript, PHP, MySQL
-            </p>
-            <hr>
-            <p class="description">
-                Domes is a E-Commerce website where a user can order many different varieties of hats by placing
-                them in their cart. These hats and their details are all stored in a mysql database where data
-                is retrieved by the server. The user interacts with the site by selecting a size and quantity of
-                a particular hat and adding it to their cart. The cart dynamically calculates the total cost of
-                the order as the user adds and removes items from it. Once the user submits their order,
-                shipping information is recorded and stored on the database for a site administrator to view and
-                manage. The site also records trends and statistics related to the orders placed.
-            </p>
-        </div>
         <div class="card">
             <a href="https://github.com/IanRiley237/Ian-Riley-Portfolio/tree/master/FridgeFriend", title="View the Fridge Friend repo">
                 <h3>Fridge Friend</h3>
@@ -148,23 +129,39 @@ <h3>Fridge Friend</h3>
             </p>
         </div>
         <div class="card">
-            <a href="https://github.com/IanRiley237/Ian-Riley-Portfolio/tree/master/Guessing game", title="View the Guessing Game repo">
-                <h3>Word Guessing Game</h3>
+            <a href="https://github.com/IanRiley237/Ian-Riley-Portfolio/tree/master/Domes", title="View Domes repo">
+                <h3>Domes</h3>
+            </a>
+            <img class="screenshot" src="images/domes.png">
+            <p class="technologies">
+                HTML5, CSS3, Javascript, PHP, MySQL
+            </p>
+            <hr>
+            <p class="description">
+                Domes is a E-Commerce website where a user can order many different varieties of hats by placing
+                them in their cart. These hats and their details are all stored in a mysql database where data
+                is retrieved by the server. The user interacts with the site by selecting a size and quantity of
+                a particular hat and adding it to their cart. The cart dynamically calculates the total cost of
+                the order as the user adds and removes items from it. Once the user submits their order,
+                shipping information is recorded and stored on the database for a site administrator to view and
+                manage. The site also records trends and statistics related to the orders placed.
+            </p>
+        </div>
+        <div class="card">
+            <a href="https://github.com/IanRiley237/Orbit-Animation" title="View this game's repository!">
+                <h3>In Browser Orbit Simulator</h3>
             </a>
-            <a href="Guessing game", title="Play the Guessing Game!">
-                <img class="screenshot" src="images/GuessingGame.png">
+            <a href="https://github.com/IanRiley237/Orbit-Animation" title="Check it out!">
+                <img class="screenshot" src="./images/Orbit.png">
             </a>
             <p class="technologies">
-                HTML5, CSS3, Javascript
+                HTML5, CSS3, Javascript, jQuery
             </p>
             <hr>
             <p class="description">
-                I took a Client-Side Programming course while in college. The last major assignment was to make a word
-                guessing game that featured positive and negative feedback based on the user's performance. The project
-                was entirely solo. The words are randomly chosen from a hard-coded list in javascript, and increase in
-                length as the user guesses correctly. Their score is evaluated based on how many attempts the user takes
-                to guess the word correctly. After the user guesses incorrectly three times, the game is over and the
-                user is prompted to restart.
+                I am fascinated by the ever-expanding cosmos and astrophysics.
+                As an excercise to myself, I wanted to explore astrophysics by creating this orbit simulator.
+                My primary goal with this project is to investigate the N-body problem, the problem of predicting where celestial objects will be in a system of more than two objects.
             </p>
         </div>
     </div>