Small updates

articles/making_games_the_bits_that_nobody_notices.html

@@ -60,7 +60,7 @@ <h1>Making games: The Bits That Nobody Notices</h1>
                 to what a computer can handle.</p>
 
                 <p>This article talks about some of the (pointless?) details I
-                added to the game <a class = normal href = /content/ios_mission>io's mission</a>.
+                added to the game <a class = normal href = /content/ios_mission>Io's Mission</a>.
                 I've only picked the best ones, so it's not too long.
                 The subjects that follow are listed in no particular order.
             </div>
@@ -95,7 +95,7 @@ <h2>DETAIL 02</h2>
                 <p>Pointless, if you ak me. However, we must also remember that - as my father
                 used to say - "it's all in the details." When you think about it,
                 you realise that these invisible weights on the scanlines are
-                crucial - crucial! - to the gameplay of io's mission.</p>
+                crucial - crucial! - to the gameplay of Io's Mission.</p>
             </div>
             <div class = demo>
                 <h2>DETAIL 03</h2>
@@ -136,7 +136,7 @@ <h2>THE SMALLER DETAILS</h2>
 
                 <p>I've officially spent far too much time on pointless details.
                 Does it really add anything to
-                <a class = normal href = /content/ios_mission>io's mission</a>?
+                <a class = normal href = /content/ios_mission>Io's Mission</a>?
                 That's up to you. But for now I'm tired of writing articles and
                 making games.</p>
 

articles/splash_dash_tutorial.html

@@ -491,7 +491,7 @@ <h3 id = collision>Step 4. Tiny Collision</h3>
                 position matches the block's position. This is a very simple
                 way to check collision with blocks that are ordered in a grid.
                 In fact, a similar technique was used in the game
-                <a class = normal target = _blank href = /content/ios_mission>io's mission</a>.</p>
+                <a class = normal target = _blank href = /content/ios_mission>Io's Mission</a>.</p>
 
                 <p>Anyway, back to the code. Let's review the two functions again.</p>
 

articles/using_inverse_kinematics_to_animate_your_character.html

@@ -50,7 +50,7 @@ <h1>Using Inverse Kinematics to Animate Your Character</h1>
                 <h3>Introduction</h3>
 
                 <p>The development of
-                <a class = normal href = /content/ios_mission target = _blank>io's mission</a>
+                <a class = normal href = /content/ios_mission target = _blank>Io's Mission</a>
                 ran me into a lot of challenges. I was unsure - even when I'd
                 been making it for almost a year - whether I'd really be able to
                 pull it off.
@@ -419,7 +419,7 @@ <h4 id = step3>STEP 3: Coding The Transitioning Extravaganza</h4>
 <pre class = code>hero[arr[i]] = oldPart + (dist * (.5 + Math.cos(transition * Math.PI + Math.PI) * .5))</pre>
 
                 <p>To discover more pointless details from
-                <a class = normal href = /content/ios_mission target = _blank>io's mission</a>,
+                <a class = normal href = /content/ios_mission target = _blank>Io's Mission</a>,
                 check out my <a class = normal href = making_games_the_bits_that_nobody_notices>next article</a>.</p>
             </div>
 

content/ios_mission.html

@@ -8,7 +8,7 @@
         <script async src = 'https://www.googletagmanager.com/gtag/js?id=G-2MDQ9F697V'></script>
         <script src = /js/analytics.js></script>
         <script src = /js/main.js></script>
-        <title>io's mission | Joachim Ford</title>
+        <title>Io's Mission | Joachim Ford</title>
         <link rel = stylesheet href = /main.css>
         <link rel = icon type = image/x-icon  href = /favs/favicon.ico>
 
@@ -51,7 +51,7 @@
 
         <section class = main>
             <span class = date>16.12.2023</span>
-            <h1>io's mission</h1>
+            <h1>Io's Mission</h1>
 
             <div class = big>
                 <a href = /ios-mission target = _blank>
@@ -62,7 +62,7 @@ <h1>io's mission</h1>
 
             <div class = demo>
                 <b>Help Io climb the tower before his friends are thrown into the dungeons!
-                io's mission is a fully-featured platform adventure
+                Io's Mission is a fully-featured platform adventure
                 where Io saves his friends from The Great Ominous.
                 <p></p>
                 The runtime for this game is about half an hour, but it saves your
@@ -81,7 +81,7 @@ <h1>io's mission</h1>
                 <p>The entire source code for this game is huge. 
                 The source code for <a class = normal href = /content/the_mitigator.html target = _blank>The Mitigator</a> was just over 100kb,
                 <a class = normal href = /content/snakes_and_ladders.html target = _blank>Snakes And Ladders</a> was about 200kb,
-                but io's mission adds up to almost 1000kb.
+                but Io's Mission adds up to almost 1000kb.
                 Of course, a lot of this figure is taken up by the sound files, but there's still a lot of hand-written code
                 in there - about half of it.
                 In relatable terms, this game is over half a million characters long.</p>
@@ -103,7 +103,7 @@ <h3>Things I Learned</h3>
                 the aim? How can I make it fun to play?</p>
             </div>
             <div class = demo>
-                <p>You can read more about how I made <b>io's mission</b>
+                <p>You can read more about how I made <b>Io's Mission</b>
                 in the articles below. You can also take a
                 look at the source code if you're interested!</p>
 

games.html

@@ -41,7 +41,7 @@ <h3>Squirtcopter</h3>
 
             <a class = demo href = content/ios_mission>
                 <img class = tiny src = images/ios_mission.png>
-                <h3>io's Mission</h3>
+                <h3>Io's Mission</h3>
                 <span class = description>
                     <p>Drillo has been captured by The Great Ominous!
                     Io's Mission is a fully-featured platform adventure where Io quests to

index.html

@@ -260,7 +260,7 @@
                 }
                 makeNewImage('squirtcopter_big', '/content/squirtcopter', '#756')
                 makeNewImage('ios_mission_big', '/content/ios_mission', '#69a')
-                makeNewImage('bg2', '/content/canvas_craft', '#400')
+                // makeNewImage('bg2', '/content/canvas_craft', '#400')
                 makeNewImage('snakes_and_ladders_big', '/content/snakes_and_ladders', '#8ca')
 
                 const booms = [
@@ -278,22 +278,21 @@
 
                     {name: 'Switch', time: 750},
 
-                    {name: 'CANVASCRAFT', time: 840, x: 0, y: -.01, size: .03, expire: 300},
-                    {name: '"Where Craft and Code Collide"', time: 845, x: 0, y: .07, size: .01, expire: 285},
-                    {name: 'canvas', time: 900, x: 0, y: .13, size: .01, expire: 2},
-                    {name: 'canvas-craft', time: 905, x: 0, y: .13, size: .01, expire: 10},
-                    {name: 'canvas-craft.github', time: 912, x: 0, y: .13, size: .01, expire: 2},
-                    {name: 'canvas-craft.github.io', time: 925, x: 0, y: .13, size: .01, expire: 185},
+                    {name: 'SNAKES', time: 850, x: 0, y: -.01, size: .025, expire: 2},
+                    {name: 'SNAKES AND', time: 855, x: 0, y: -.01, size: .025, expire: 320},
+                    {name: 'LADDERS', time: 860, x: .2, y: .07, size: .025, expire: 320},
+                    {name: 'Defeat the X-Ray Orb!', time: 930, x: 0, y: .13, size: .01, expire: 240},
 
-                    {name: 'Switch', time: 1150},
+                    {name: 'Switch', time: 1200}
+                ]
 
-                    {name: 'SNAKES', time: 1250, x: 0, y: -.01, size: .025, expire: 2},
-                    {name: 'SNAKES AND', time: 1255, x: 0, y: -.01, size: .025, expire: 320},
-                    {name: 'LADDERS', time: 1260, x: .2, y: .07, size: .025, expire: 320},
-                    {name: 'Defeat the X-Ray Orb!', time: 1330, x: 0, y: .13, size: .01, expire: 240},
 
-                    {name: 'Switch', time: 1600}
-                ]
+                // {name: 'CANVASCRAFT', time: 840, x: 0, y: -.01, size: .03, expire: 300},
+                // {name: '"Where Craft and Code Collide"', time: 845, x: 0, y: .07, size: .01, expire: 285},
+                // {name: 'canvas', time: 900, x: 0, y: .13, size: .01, expire: 2},
+                // {name: 'canvas-craft', time: 905, x: 0, y: .13, size: .01, expire: 10},
+                // {name: 'canvas-craft.github', time: 912, x: 0, y: .13, size: .01, expire: 2},
+                // {name: 'canvas-craft.github.io', time: 925, x: 0, y: .13, size: .01, expire: 185},
 
                 addEventListener('resize', resize)
                 resize()

news.html

@@ -79,7 +79,7 @@ <h2>Squirtcopter</h2>
             <span class = date>30.12.2023</span>
             <div class = demo>
                 <div>
-                    <h2>io's mission</h2>
+                    <h2>Io's Mission</h2>
                     <span class = bio>The New Online Adventure Game</span>
                 </div>