first three beyond canon flashes formatting review

1 files changed, 129 insertions, 55 deletions

diff --git a/flashes.yaml b/flashes.yaml
index dd10a02c..44c47abc 100644
--- a/flashes.yaml
+++ b/flashes.yaml
@@ -2505,7 +2505,9 @@ Commentary: |-
 
     As some of you may have already heard, this particular page wasn’t initially going to be a whole sound page. Actually, the writer of this particular update, [[artist:miles]], said he originally envisioned this would be a short gif LOL. But the more I worked on boarding this particular sequence, the fancier it got. It felt appropriate that it’d be a little Epic and Mysterious. “What does this machine do?! What happened to Vriska?! What’s happening?!?!?” Need to build up that tension!
 
-    <img src="media/misc/hsbc-653/storyboard.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-653/storyboard.png" width="450">
+    </figure>
 
     <b>Kim:</b> I approached boarding this sequence like I would with any traditional storyboard for animation! Noting all the actions, the number of shots, the camera movements, etc. Usually I would make a rough animatic before I’d start animating, but considering this sequence utilized a mix of both After Effects and traditional hand-drawn animation– I put this together a bit more unorthodox.
 
@@ -2513,7 +2515,9 @@ Commentary: |-
 
     What I HAD to hand-animate, though, was the actual Vriska warp as she’s flying into the portal, the sand in the timer, and the fire. If I hadn’t, any preset I could find only seemed odd looking...
 
-    <img src="media/misc/hsbc-653/ae.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-653/ae.png" width="450">
+    </figure>
 
     <b>Kim:</b> If it’s of any interest to y’all, fun fact, most of the assets and hand-animated sequences were done in Clip Studio Paint. Here’s a peek of how it looks behind the curtain! While I can’t speak for Andrew’s animation process– I think what may be an interesting tidbit for people outside of the animation field, usually in animation there’s a lot of extra bleed room outside of the camera! Some secret little things and details you don’t see in the final animation itself... 👁
 
@@ -2521,25 +2525,35 @@ Commentary: |-
 
     Looking at this screencap, not gonna lie, my file organization for this sequence is a little insane but I Made It Work LOL.
 
-    <img src="media/misc/hsbc-653/vriska-warp.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-653/vriska-warp.gif" width="450">
+    </figure>
 
     <b>[[artist:chumi|Chumi:]]</b> AHHH
 
     <b>Kim:</b> Here’s the Vriska warp isolated without all the crazy camera transitions and whatnot. It happens a little fast though, doesn’t it? It’s okay, it’s supposed to happen very quickly, but you may have missed the funny little warped Vriska faces that briefly show just before she disappears LOL. Here’s the warp slowed down for your convenient observation. :-)
 
-    <img src="media/misc/hsbc-653/vriska-warp-slow.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-653/vriska-warp-slow.gif" width="450">
+    </figure>
 
     <b>Kim:</b> “Wait a minute, wasn’t it a wider shot when Vriska was warped into the Point?” Good observation theoretical asker! I did a sneaky little camera trick actually! When the camera zooms outward, it happens very quickly that I swap the background out for the wide shot.
 
-    <img src="media/misc/hsbc-653/zoom.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-653/zoom.gif" width="450">
+    </figure>
 
     <b>Kim:</b> It happens so seamlessly you don’t even notice it, right? Here it is again at 20% speed. 👀
 
-    <img src="media/misc/hsbc-653/zoom-slow.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-653/zoom-slow.gif" width="450">
+    </figure>
 
     <b>Kim:</b> Call that Movie Magic, babey....!!!!
 
-    <img src="media/misc/hsbc-653/rough.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-653/rough.gif" width="450">
+    </figure>
 
     <b>Kim:</b> This is the only rough animation I still have for this whole sequence LOL. I’m still pretty proud of this shot tbh! The camera working upwards revealing the activating flame, the hourglass clicking into place, the focus shift onto “what will this timer do?” then the PSYCHE! mwah love it.
 
@@ -2563,7 +2577,9 @@ Commentary: |-
 
     It’s been so, so cool to see the multimedia aspect of Homestuck kick way the fuck back into gear.  We get one crazy flash of the OUTSIDE of an esoteric singularity realm, now we get one of the INSIDE?  Are you kidding me?  Never let it be said that we don’t spoil you.
 
-    <img src="media/misc/hsbc-656/horses.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-656/horses.png" width="450">
+    </figure>
 
     <b>MILES:</b> Here, Vriska finds herself in a locale that is all-too-familiar, yet eerily different.  This bit actually WAS conceived as an [S] page from the getgo, as we really wanted to sell the mysterious, haunting nature of this transition, and James and Kim did a fantastic job with the sight and soundscapes.  I love the wistful, spacious vibe of it all.  I also knew for sure that if we were going to find ourselves in yet another purgatorial, Silent Hill-type situation, those enigmatic Homestuck Horses were going to need to show up again, in all their spectral majesty.  Horses, as you and Vriska well know, are extremely important staples of Homestuckian metaphysics.  Something deep is afoot here.  Or ahoof, I guess.
 
@@ -2573,21 +2589,31 @@ Commentary: |-
 
     <b>[[artist:kim-quach|Kim:]]</b> AND NOW... It is onto the next flash animation! This one’s actually pretty short since there’s not as many moving parts compared to the last one. Since this one’s a bit more standard, I was able to put together a rough animatic for this one. That way, I can pass the rough animatic down to James, our musician, so he could figure out the audio timing.
 
-    <img src="media/misc/hsbc-656/animatic.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-656/animatic.gif" width="450">
+    </figure>
 
     <b>Kim:</b> Ya like seeing the temporary assets I used for this? LOL
 
-    <img src="media/misc/hsbc-656/eyes.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-656/eyes.gif" width="450">
+    </figure>
 
     <b>Kim:</b> I don’t usually do this kind of animation that often where it requires a lot more puppeteering, and splitting up parts to animate as separate assets.. Puppeteering I still consider a new type of animation (even though it’s not by now; I know, I know–!) I was trained in traditional paper animation and hand-drawn digital animation, but I’m fascinated by getting to know how new animation methods work (like Live2D, After Effects, and Adobe Animate) and using this as an opportunity to train myself in them!
 
-    <img src="media/misc/hsbc-656/fullbody.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-656/fullbody.png" width="450">
+    </figure>
 
     <b>Kim:</b> Kim: This shot of Vriska actually has a whole fullbody hiding in the bleed–! I wanted to lowkey reference this panel and type of Hero Mode style below for this shot in particular, since the poses were quite similar, hehe.
 
-    <img src="media/misc/hsbc-656/reference.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-656/reference.gif" width="425">
+    </figure>
 
-    <img src="media/misc/hsbc-656/zoomout.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-656/zoomout.png" width="450">
+    </figure>
 
     <b>Kim:</b> After watching the final version of the flash, does looking behind the curtains of it feel like forbidden information to you guys?
 
@@ -2624,13 +2650,13 @@ Commentary: |-
 
     <b>[[artist:james-roach|JAMES:]]</b> Yeah, damn. When We first envisioned this it was sort of just a daring dream. We didn’t even know if it was possible.
 
-    <img src="media/misc/hsbc-666/dream.png" width="500">
+    <img src="media/misc/hsbc-666/dream.png" width="525">
 
     <b>JAMES:</b> This stemmed from a somewhat unanimous desire to see talksprites again. I wanted to try something that felt familiar, but was something new. I wanted to try and push it just to see if it would be cool. And, you know what it kind of is!
 
     My section in this, (dubbed internally as part one, but is effectively just the prologue) is pretty brief. Looking back in the work chat, It seems kind of insane to me now that I could advise Floral about anything writing-wise, but early on she asked for my advice about word-count.
 
-    <img src="media/misc/hsbc-666/advice.png" width="500">
+    <img src="media/misc/hsbc-666/advice.png" width="525">
 
     <b>JAMES:</b> Bro really said “write less”
 
@@ -2638,7 +2664,7 @@ Commentary: |-
 
     <b>MILES:</b> I’m actually glad you did, though, because it reminded me NOT to do that for once with my part that’s coming down the line.  For once, TEMPORARILY, Miles was able to remember to shut the fuck up... and also all the words you guys wrote are amazing.  As a chronic over-expositor, I’m always pro-more-words.
 
-    <img src="media/misc/hsbc-666/nothingwrong.png" width="500">
+    <img src="media/misc/hsbc-666/nothingwrong.png" width="450">
 
     <b>JAMES:</b> This has sort of taken off as a whole thing, and part of me knew it might. I made a corny post on tumblr about it (the site where you go to make your corniest posts) and it's actually a little nuts how many people will come and explain Homestuck to me. I’ll admit that at first I didn’t care that much about Vriska, beyond the fact that she was an important character with a lot of nuance and plot relevance. Obviously that has changed. Once you are on the other side of things you can’t help but love these little freaks.
 
@@ -2652,7 +2678,7 @@ Commentary: |-
 
     <b>MILES:</b> Not to pop in at the end of all this with some fuck shit but maybe it’s good she did all that wrong.  Maybe it was funny.
 
-    <img src="media/misc/hsbc-666/butnotmany.png" width="500">
+    <img src="media/misc/hsbc-666/butnotmany.png" width="450">
 
     <b>JAMES:</b> One of my favorite bits is having someone apologize for things the other person has no clue they did. The more ridiculous the better. I wanted it to seem like Vriska has been sitting there for hours apologizing for ridiculous things you know she isn’t really that sorry for.
 
@@ -2660,11 +2686,11 @@ Commentary: |-
 
     I wanted to give Vriska that energy. She is genuinely trying to make amends but at this points it's because she HAS to. She sort of can’t really help getting a few of these in there.
 
-    <img src="media/misc/hsbc-666/whatwillyoudo.png" width="500">
+    <img src="media/misc/hsbc-666/whatwillyoudo.png" width="450">
 
     <b>JAMES:</b> I love this bit of Vriska thinking, “Ah, that's the solution. I need to tell him he was right.” Especially because she <i>just</i> did this a few days ago from her perspective and it made Tavros so happy to hear it he did like three to four separate little dances. This breaks her.
 
-    <img src="media/misc/hsbc-666/ohok.png" width="500">
+    <img src="media/misc/hsbc-666/ohok.png" width="450">
 
     <b>JAMES:</b> I like this sequence because it shows a few things. Vriska tells Tavros she’s ignoring what he said to establish a sort of social dominance. She then graciously offers to follow Tavros’s advice, which she just claimed to be ignoring. She then basically just does what she wants anyway, steamrolling Tavros’s ideas  in the process, but still manages to insult him by saying that his idea (which is actually just her idea that she’s framing as his) is actually really simple and stupid. She needs that. She needs it to be Tavros’s idea because there’s no way someone as clever as her would take this long to come up with such a simple idea. She then Immediately takes ownership of the idea back, by stating that it really was just that easy all along. Everything is easy for someone as strong and smart as her. Duh. She spends the next few lines then looking for affirmation from Tavros. It’s just that easy isn’t it? Isn’t it Tavros? It’s easy. Agree with me.
 
@@ -2672,7 +2698,7 @@ Commentary: |-
 
     <b>JAMES:</b> He’s kind of just happy to be included.
 
-    <img src="media/misc/hsbc-666/purrppets.png" width="500">
+    <img src="media/misc/hsbc-666/purrppets.png" width="450">
 
     <b>FLORAL:</b> I was trying to do a lot with these lines. It’s easy to assign Davepeta the ultimate therapist role and have them say all the right things BUT.
 
@@ -2682,39 +2708,39 @@ Commentary: |-
 
     So for me, it was important to bring up this kind of insight which I feel could only be had between Davepeta and Vriska. Talking with someone you literally have no personal baggage with but you can’t relate to either. I’m super nitpicky about things like this because, to me, it makes the difference between two people talking a situation through and a protagonist talking to a “go this way” sign.
 
-    <img src="media/misc/hsbc-666/prey.png" width="500">
+    <img src="media/misc/hsbc-666/prey.png" width="450">
 
     <b>FLORAL:</b> AND YET AFTER ALL THAT the irony is that Davepeta does advise Vriska in exactly what she needed to hear! Alternia was a planet steeped in death but one thing Vriska (and Karkat and TEREZI to a degree) internalized that the other trolls may not have is that death is a losing state. Their whole self worth is tied to it. Everyone needs to prove they deserve to live.
 
     This idea of death existing outside of personal humiliation and failure is so outside of Vriska’s world view, no wonder she didn’t put two and two together.
 
-    <img src="media/misc/hsbc-666/class.png" width="500">
+    <img src="media/misc/hsbc-666/class.png" width="450">
 
     <b>FLORAL:</b> While writing, this was the version of Tavros I referenced the most, which is kind of hard because we only see him in one flashback but I really wanted to capture this whimsy he had before his life got kind of miserable. I also thought about how he approached his planets quests, dude likes the grind! He’s the type of kid that wants to stick as closely to the rules as possible because the rules are there to make things fun! This isn’t the Tavros that was paralyzed, or traumatized, or became a gollum reference.
 
     And that’s important, because again none of this is about saying sorry, or making amends, we’re here to deconstruct the root of the issue.
 
-    <img src="media/misc/hsbc-666/loop.png" width="500">
+    <img src="media/misc/hsbc-666/loop.png" width="450">
 
     <b>FLORAL:</b> One detail I haven’t seen anybody comment on but personally tickled me was the implication that not only has Vriska aged a couple years outside the Hell Chamber, but also spent substantial amounts of time inside of it too, just to have it all erased. It’s an Inception situation, which makes the fact she never once asked Tavros what he wanted to do soooooo funny to me.
 
-    <img src="media/misc/hsbc-666/frustrating.png" width="500">
+    <img src="media/misc/hsbc-666/frustrating.png" width="450">
 
     <b>FLORAL:</b> All Vriska does in Act 5 is try to get boys to win at some game, whether it’s SBURB or against Terezi. I think a lot of people see Vriska as some kind of sadist? But the reality is she cares very deeply for people, it’s not just about HER winning, it’s satisfying to her to see other people become stronger too. She just doesn’t grasp that her “end justifies the means” mentality isn’t universally recognized. There’s also nothing objective about her values either, but because they are based in survival they feel objective.
 
     Don’t you know how the world works Nitram? Don’t you know what’s waiting for you?
 
-    <img src="media/misc/hsbc-666/indifferent.png" width="500">
+    <img src="media/misc/hsbc-666/indifferent.png" width="450">
 
     <b>FLORAL:</b> It was fun finding ways to get Aradiabot to piss Vriska off, which we know is usually not caring enough. Vriska really is just so mad nobody gaf. That’s why the original Aradiabot beatdown was such a sense of catharsis for both of them. Vriska was just so happy to see Aradia CARE, that she wasn’t broken and unreachable forever. Facing indifference really makes some people feel truly powerless.
 
     It’s one thing I really appreciate about Vriska’s writing in the original HS, that she is desperate for connection even if it’s through violence. In a lot of ways, it feels like violence is the thing most comfortable to her. It’s insightful and true to a lot of peoples experiences.
 
-    <img src="media/misc/hsbc-666/lighttime.png" width="500">
+    <img src="media/misc/hsbc-666/lighttime.png" width="450">
 
     <b>FLORAL:</b> If there is a way for me to tie in aspects.... by god I’ll do it. Especially if it means highlighting my favorite part of the Time aspect, it’s theme’s surrounding death and decay. It’s a perfect contrast to Light, in a lot of ways. Light empowers it’s players, makes them believe they have the tools to control outcomes. But Time... that’s untouchable. It’s a constraint more than anything, an oppressive force, just like irl. The outcome is the same for everyone, and there’s no stopping that. It’s set.
 
-    <img src="media/misc/hsbc-666/8ut.png" width="500">
+    <img src="media/misc/hsbc-666/8ut.png" width="450">
 
     <b>FLORAL:</b> This part to me was one of the most important things to get across in this chapter, to really sell the nuance of this situation. It’s all about acceptance, and that acceptance had to be tested and followed through with. No guilting or being down on herself about being a trash hag, unable to change Aradiabot’s mind.
 
@@ -2724,7 +2750,7 @@ Commentary: |-
 
     <b>JAMES:</b> This really is such an important lesson to learn in your own life, you know? There are always gonna be people that don’t hate you but they just aren’t that interested in you in a meaningful way. You just gotta be ok with it.
 
-    <img src="media/misc/hsbc-666/justyou.png" width="500">
+    <img src="media/misc/hsbc-666/justyou.png" width="450">
 
     <b>FLORAL:</b> We got a good bit of catharsis at the end of a lot of hard truths! YAHOO! There is something foreboding too though, because while a lot of people consider getting better for other people, self improvement is pretty isolating. And doing something for yourself, is sometimes the hardest part of journey’s like this.
 
@@ -2744,25 +2770,40 @@ Commentary: |-
 
     <b>Kim:</b> The sprites for this section were delegated to different artists amongst the art team! Before we get into the actual sprite art of it though, we first all had to decide on a general style direction for the sprites to follow. As the Art Director and, of course, the artist of the sprites that’ll be recurring the most throughout the novel (Vriska’s!) I did several passes on how these sprites could have possibly looked like.
 
-    <img src="media/misc/hsbc-666/vriska-sketch.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/vriska-sketch.png" width="525">
+    </figure>
 
     <b>Kim:</b> The style took several different turns until we arrived at the one closer you see in the game itself! We wanted something that felt evolved but reminiscent of the previous <i>Homestuck</i> talksprites. Something not too anime cutesy, but still felt familiar to the comic’s style–something balanced between Guardian mode yet that classic <i>Homestuck</i> cartooniness. Looking at the final sprites, you can tell we were all really drawn to <i>Homestuck</i>’s classic bug-eyed-ness too LOL. Another particular stylistic detail that I’m particularly fond of is that pixel “scratchiness” and ink-like feel of the pen tool, keeping the sprites a little “sketchy” and not too tight.
 
-    <img src="media/misc/hsbc-666/vriska1-1.gif" width="223"> <img src="media/misc/hsbc-666/vriska1-2.gif" width="223"> <img src="media/misc/hsbc-666/vriska1-3.gif" width="223">
+    <figure class="three-columns">
+    <img src="media/misc/hsbc-666/vriska1-1.gif" width="170">
+    <img src="media/misc/hsbc-666/vriska1-2.gif" width="160">
+    <img src="media/misc/hsbc-666/vriska1-3.gif" width="170">
+    </figure>
 
     <b>Kim:</b> As you can see from the prior sketches we opted for a more neutral and universal pose so that we could economically make other expression variants! I initially was thinking of referencing her old Alterniabound sprite, but Vriska being thrown into this hell hole is a bit more miffed than she is her usual sassier self.
 
     There was also an alt expression of her smiling in her god tier outfit too, but I suppose it didn’t make it into the final cut! You guys can have it here as a bonus LOL.
 
+    <figure>
     <img src="media/misc/hsbc-666/vriska1-4.gif" width="223">
+    </figure>
 
     <b>Kim:</b> Enjoy these other unique poses!
 
-    <img src="media/misc/hsbc-666/vriska1-5.gif" width="223">
+    <figure class="two-columns">
+    <img src="media/misc/hsbc-666/vriska1-5.gif" width="216">
+    <img src="media/misc/hsbc-666/vriska1-6.gif" width="300">
+    </figure>
 
     <b>[[artist:floralmarsupial|Floral]], <i>doesn't usually go here:</i></b> This was the first update I was able to do some real art on (outside of my silly little thumbnails) and I decided to take on Tavros for the talksprites.
 
-    <img src="media/misc/hsbc-666/tavros1.gif" width="194"> <img src="media/misc/hsbc-666/tavros2.gif" width="194"> <img src="media/misc/hsbc-666/tavros3.gif" width="194">
+    <figure class="three-columns">
+    <img src="media/misc/hsbc-666/tavros1.gif" width="180">
+    <img src="media/misc/hsbc-666/tavros2.gif" width="180">
+    <img src="media/misc/hsbc-666/tavros3.gif" width="180">
+    </figure>
 
     <b>Floral:</b> Going into it, I wanted his talksprite to capture a small part of the Alterniabound sprite charm while falling in line with our style sensibilities. I put some brain power into it, and the baby head with far apart eyes ended up being key to the whole thing.
 
@@ -2776,9 +2817,11 @@ Commentary: |-
 
     <b>James:</b> Chumi is like an expert at panel edits at this point. I keep asking her to do them.
 
-    <img src="media/misc/hsbc-666/fight1.png" width="500">
-    <img src="media/misc/hsbc-666/fight2.png" width="500">
-    <img src="media/misc/hsbc-666/fight3.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/fight1.png" width="450">
+    <img src="media/misc/hsbc-666/fight2.png" width="450">
+    <img src="media/misc/hsbc-666/fight3.png" width="450">
+    </figure>
 
     <b>Chumi:</b> Of course, these are references to the Eridan vs Kanaya fight. When drawing Tavros, I was looking up a lot of javelin-throwing pictures and thinking “Man this kid must be strong as hell to throw a lance one-handed” LMAO.
 
@@ -2788,7 +2831,9 @@ Commentary: |-
 
     <b>Floral:</b> The shapes Chumi uses in this silhouette are so chef kiss!! I just love how they read right after the other, the motion is so clear.
 
-    <img src="media/misc/hsbc-666/dead.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/dead.png" width="450">
+    </figure>
 
     <b>Chumi:</b> This CG is an edit of Vriska dying on LOMAP before going God Tier. Her expression was changed so she’s smiling because this “skewering-before-falling-off-a-cliff’ was her plan all along! Too bad it didn't work out as she hoped.
 
@@ -2800,13 +2845,18 @@ Commentary: |-
 
     <b>Kim:</b> And this brings us onto part TWO!!!! (Or is this technically Chapter 1 since the first bit is technically the Prologue? Whatever, ANYWAY–)
 
-    <img src="media/misc/hsbc-666/vriska-year2.png" width="500">
-
-    <i>Year 2 Vriska Concept Art by Kim Quach</i>
+    <figure>
+    <img src="media/misc/hsbc-666/vriska-year2.png" width="425">
+    <figcaption>Year 2 Vriska Concept Art by [[artist:kim-quach]]</figcaption>
+    </figure>
 
     <b>Kim:</b> It’s now been two years since Vriska has been tromping around this hell space... We wanted to show she’s kind of gotten a little “comfortable” being stuck around here. Or rather, just kind of given into the fact this wasn’t gonna be an easy in-and-out situation as she thought it was going to be and has probably gotten tired of wearing her god tier garb. She’s got her hair tied up, jacket tied around her waist– yeah, she’s gonna be here a long time.
 
-    <img src="media/misc/hsbc-666/vriska2-1.gif" width="223"> <img src="media/misc/hsbc-666/vriska2-2.gif" width="223"> <img src="media/misc/hsbc-666/vriska2-3.png" width="223">
+    <figure class="three-columns">
+    <img src="media/misc/hsbc-666/vriska2-1.gif" width="190">
+    <img src="media/misc/hsbc-666/vriska2-2.gif" width="175">
+    <img src="media/misc/hsbc-666/vriska2-3.png" width="175">
+    </figure>
 
     <b>Kim:</b> And it looks like she’s not all jazzed about that either LMFAO.
 
@@ -2814,14 +2864,18 @@ Commentary: |-
 
     <b>Chumi:</b> The second and third sprites are so expressive and funny... Girl you are stuck in hell!!!!
 
+    <figure>
     <img src="media/misc/hsbc-666/vriska2-4.gif" width="348">
+    </figure>
 
     <b>Kim:</b> I’m a little sad a good chunk of it gets cut off by the edge within the game because I love the motion her ponytail adds to this sprite, but you guys can appreciate it in full here LOL.
 
     <b>Floral:</b> Everything about this design really is so so good and when I saw this sprite for the first time I went full on heart eyes. The way you can feel her trying to laugh it off and struggle with whether or not to use her powers. It all comes through so clearly!
 
-    <img src="media/misc/hsbc-666/bg1.png" width="500">
-    <img src="media/misc/hsbc-666/bg2.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/bg1.png" width="450">
+    <img src="media/misc/hsbc-666/bg2.png" width="450">
+    </figure>
 
     <b>Haven:</b> I got to do the backgrounds for Vriska’s first two stages. I gave them both black outlines to lend a bit of a video game-like feel to them.
 
@@ -2829,12 +2883,18 @@ Commentary: |-
 
     <b>Floral:</b> I’m always impressed by Haven’s work and these backgrounds are so awesome, there’s a real coherency to them if that makes sense? Everything works in harmony from the colors to the forms and I love looking at them!
 
-    <img src="media/misc/hsbc-666/aradia1.png" width="500">
-    <img src="media/misc/hsbc-666/aradia2.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/aradia1.png" width="425">
+    <img src="media/misc/hsbc-666/aradia2.png" width="475">
+    </figure>
 
     <b>Haven:</b> I also got to do Aradiabot sprites! Here’s my initial sketches
 
-    <img src="media/misc/hsbc-666/aradia3.gif" width="257"> <img src="media/misc/hsbc-666/aradia4.gif" width="257"> <img src="media/misc/hsbc-666/aradia5.gif" width="257">
+    <figure class="three-columns">
+    <img src="media/misc/hsbc-666/aradia3.gif" width="185">
+    <img src="media/misc/hsbc-666/aradia4.gif" width="185">
+    <img src="media/misc/hsbc-666/aradia5.gif" width="185">
+    </figure>
 
     <b>Haven:</b> And the final sprites themselves.
 
@@ -2842,26 +2902,34 @@ Commentary: |-
 
     <b>Floral:</b> Actually gasped when I saw these for the first time like SHEEEESH so good.
 
-    <img src="media/misc/hsbc-666/aradiahand.jpg" width="500">
-    <img src="media/misc/hsbc-666/aradiahand2.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/aradiahand.jpg" width="450">
+    <img src="media/misc/hsbc-666/aradiahand2.png" width="450">
+    </figure>
 
-    <b>Andi:</b> This drawing was especially sentimental for me to draw. Make Her Pay feels so sooooo far away, yet Vriska finds herself in this position again, with her fated frenemy. This holds the essence of when Aradiabot socked her in the face, but instead of violence, she holds out her hand to escort Vriska to the next phase.
+    <b>Andi:</b> This drawing was especially sentimental for me to draw. [[flash:2578|Make Her Pay]] feels so sooooo far away, yet Vriska finds herself in this position again, with her fated frenemy. This holds the essence of when Aradiabot socked her in the face, but instead of violence, she holds out her hand to escort Vriska to the next phase.
 
     <b>Floral:</b> Amazing!
 
-    <img src="media/misc/hsbc-666/aradiagrab.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/aradiagrab.gif" width="425">
+    </figure>
 
     <b>Andi:</b> Funnily enough, this staging actually wasn’t intentional when I first drew it in the sketch phase. It was a coincidence that it was so reminiscent of this scene. But still, I think sometimes we artists have a visual library we can pull from and I think I was subconsciously remembering this as I was drawing it. I fully leaned into it once the drawing was almost finished. I think it’s a very poetic visual. These are Vriska’s core memories and I think reliving them the way she has to is very important.
 
     <b>Kim:</b> I’m honestly so glad you leaned into the visual callback of it... Taking this moment that was once (of many) a brutal moment of Vriska’s life, but this time it is now a moment of kindness... an extending open hand instead of a tightened fist. IT’S POETIC!! IT’S BEAUTIFUL!!!
 
-    <img src="media/misc/hsbc-666/questcoon.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/questcoon.png" width="450">
+    </figure>
 
     <b>Floral:</b> Enter the questcoon! I was trying to not be too precious with this background since I could the structure of it would drive me fucking crazy if I did. So instead I picked a picture of a domed amphitheater and layered rock textures on top of each other over and over again to get something that felt naturally chaotic.
 
-    <img src="media/misc/hsbc-666/godtier.jpg" width="500">
-    <img src="media/misc/hsbc-666/godtier2.png" width="500">
-    <img src="media/misc/hsbc-666/godtier3.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/godtier.jpg" width="450">
+    <img src="media/misc/hsbc-666/godtier2.png" width="450">
+    <img src="media/misc/hsbc-666/godtier3.png" width="450">
+    </figure>
 
     <b>Chumi:</b> Gettin’ a lil’ emotion just looking at these CGs again. It’s a really tender moment.
 
@@ -2871,13 +2939,17 @@ Commentary: |-
 
     <b>Floral:</b> Andi once again absolutely delivered with these CGs and completely sold the scene from the gentle warmth coming off the rocks and all the facial expressions and EVERYTHING.
 
-    <img src="media/misc/hsbc-666/levelcomplete.gif" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/levelcomplete.gif" width="450">
+    </figure>
 
     <b>Floral:</b> And to kick off the end of chapter 2, we are bringing back echeladders YAHOOO!! I was in charge of the UI assets and surprisingly this one took the longest. There’s something about these pages that capture a certain vibe and I was really hoping to make people feel nostalgic for it.
 
     We created a “Hell Tier Puns” document between everyone to try and accumulate enough titles, “Dante Basco’s Inferno” in particular getting a good giggle out of me. “8oundary Respecter” of course was the perfect tier to end for this section.
 
+    <figure>
     <img src="media/misc/hsbc-666/vriskasprite.png" width="225">
+    </figure>
 
     <b>Kim:</b> We even made a new little sprite for Year 2 Vriska just for the echeladder LOL.
 
@@ -2885,7 +2957,9 @@ Commentary: |-
 
     <b>Andi:</b> And now..... DAVEPETA!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
 
-    <img src="media/misc/hsbc-666/davepeta.png" width="500">
+    <figure>
+    <img src="media/misc/hsbc-666/davepeta.png" width="525">
+    </figure>
 
     <b>Chumi:</b> Davepeta... We are winning!!!