updates to cv and aardvark work

index.html

@@ -45,18 +45,6 @@
 
 
 <!-- gallery slides defined here, originally we had one slide and just changed its values but loading images is slow, easier to load them before hand and just hide or show them-->
-    <div class = "programGallery">
-        <p class = "galleryTitle">VR interaction system and physics engine</p>
-        <a href = "./pages/gallery/epq-project/epq-project.html"  class = "galleryLink">
-            <img src = "./pages/gallery/epq-project/projectHeaderImage.png"  class = "galleryImage" style = "object-position: center;">
-        </a>
-        <p class = "galleryCaption">A project done for my EPQ, during post-16, where I aimed to create a virtual reality environment where the user could grab and interact with objects in a semi-physics based
-            environment.<br><br>This system was my introduction to Unreal Engine and mainly used its "Blueprint" visual language, however I later used C++ to try and add my own physics
-            to it.
-        </p>
-        <button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
-        <button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
-    </div>
 
     <div class = "programGallery">
         <p class = "galleryTitle">Work on Aardvark XR</p>
@@ -71,6 +59,19 @@
         <button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
     </div>
     
+    <div class = "programGallery">
+        <p class = "galleryTitle">VR interaction system and physics engine</p>
+        <a href = "./pages/gallery/epq-project/epq-project.html"  class = "galleryLink">
+            <img src = "./pages/gallery/epq-project/projectHeaderImage.png"  class = "galleryImage" style = "object-position: center;">
+        </a>
+        <p class = "galleryCaption">A project done for my EPQ, during post-16, where I aimed to create a virtual reality environment where the user could grab and interact with objects in a semi-physics based
+            environment.<br><br>This system was my introduction to Unreal Engine and mainly used its "Blueprint" visual language, however I later used C++ to try and add my own physics
+            to it.
+        </p>
+        <button class = "galleryLeftArrow" onClick = "window.parent.lastSlide();">◄</button>
+        <button class = "galleryRightArrow" onClick = "window.parent.nextSlide();">►</button>
+    </div>
+
     <div class = "programGallery">
         <p class = "galleryTitle">Tower defence game</p>
         <a href = "./pages/gallery/cat-tower-defence/cat-tower-defence.html"  class = "galleryLink">
@@ -96,7 +97,7 @@
         <!-- please dont follow me if you see this, i want this to be a work only twitter account,
         <a href = "https://twitter.com/Wi__Ro" target="_blank" style = "color:#ffd256;">Twitter</a>
         -->
-        <a href = "./pages/NoTwitter.html" target="_blank">Twitter</a>
+        <a href = "https://twitter.com/Wi__Ro" target="_blank">Twitter</a>
         &NonBreakingSpace;
         <a href="mailto:WillowRo@outlook.com" target="_blank">Email</a>
         &NonBreakingSpace;

pages/CVPage.html

@@ -16,7 +16,7 @@
         <div id = "cvBody">
             <div id = "introText">
                 <h2>Nye Evans</h2>
-                I’m currently studying Computer Science, Psychology and Philosophy at A-level, as well as completing an Extended Project Qualification (EPQ) in Virtual Veality interaction design 
+                I’m currently studying Computer Science, Psychology and Philosophy at A-level, as well as completing an Extended Project Qualification (EPQ) in Virtual Reality interaction design 
                 and physics simulation (self-taught). I have a passion for creating new and unique user experiences as well as a strong desire to learn and gain new experience within the software 
                 engineering industry.
             </div>

pages/autoScroll.js

@@ -1,4 +1,4 @@
 setTimeout(() => {
     if (window.scrollY < 20)
-        window.scrollBy({top: window.innerHeight, left: 0, behavior: 'smooth'})
+        window.scrollBy({top: window.innerHeight - 70, left: 0, behavior: 'smooth'})
-}, 2500); // we scroll the screen down a bit so the user realises theres more 
+}, 1800); // we scroll the screen down a bit so the user realises theres more 

pages/gallery/aardvark-work/aardvark-work.html

@@ -25,8 +25,10 @@
             <h2>What I did</h2>
             During the first hackathon I proposed and worked on an audio visualiser tool that would run in the background of the users environment as they worked, reacting to their desktop audio. I also designed and created 3D models for other
             developers programs, such as icons for a playing card app; one of the first apps to be published on the platform. My audio visualiser never got finished due to my lack of experience with typescript and Aardvarks inability to 
-            request desktop audio access at the time. Around 4 months later I revisited Aardvark to create a photo viewing app which was originally a personal project but became a team effort with another member of the community who offered 
+            request desktop audio access at the time. 
-            to join development, the app allowed users to upload images which were stored using ipfs and had multi-user functionality allowing different people to show each other photos. The main idea of the program was to allow vr artists to
+            <br>
+            Around 4 months later I revisited Aardvark to create a photo viewing app which was originally a personal project but became a team effort with another member of the community who offered 
+            to join development, the app allowed users to upload images which were stored using ipfs (a decentralized storage system) and had multi-user functionality allowing different people to show each other photos. The main idea of the program was to allow vr artists to
             open reference images within their prospective drawing apps.
         </div>
 
@@ -34,6 +36,13 @@
             <iframe width="560" height="315" src="https://www.youtube.com/embed/E3gw_GXHH1s" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
         </div>
 
+        <div class = "textBox">
+            As well as this I have also worked on the base code of the project itself. Originally Aardvark had the user open its Ui through a button on their hand which took up valuable space used by alot of other programs,
+            I was tasked with creating a more intuitive solution which ended up being a gesture based system. With little to no guidance I had to read and gain a full understanding of the projects mid-level inner workings and 
+            rewrite large sections of it. This resulted in a system where the user would bump the ends of their controllers together to open and close the menu, this addition to the program also utilised hysterisis to ensure the
+            user had a smooth experience with the project.
+        </div>
+
         <div id = "backButtonContainer">
             <a href = "../../../index.html#galleryHeader" class = "backButton"> <-Back to main page</a>
         </div>