Updated TAS-Battle

assets/scss/styles.scss

@@ -189,12 +189,23 @@ section {
 		margin: 40px;
 		width: 90vw;
 		max-width: 43em;
-
+		
 		.screenshot img {
 			width: 100%;
 			height: auto;
 			margin: 10px 0;
 		}
+
+		.screenshot-medium {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			img {
+				width: 50%;
+				height: auto;
+				margin: 10px 0;
+			}
+		}
 
 		h1 {
 			font-family: Asap-Condensed-SemiBold, sans-serif;

content/misc/history-corner/server-icon.md

@@ -19,10 +19,10 @@ Having a clock as an icon wasn't actually a bad idea, however "only" a clock see
 
 2 days after I created the server, I was invited to a CTM-Speedrunning Discord (which you can find in {{<newtablink "Discords" "/discord">}}),
 which had the following server icon:
-{{<figure class="screenshot" src="A potion2.png">}}
+{{<figure class="screenshot-medium" src="A potion2.png">}}
 
 I took some inspiration from that and in a few minutes I created this:
-{{<figure class="screenshot" src="Not stolen.png">}}
+{{<figure class="screenshot-medium" src="Not stolen.png">}}
 
 After presenting the idea, Pesud came up with the following:
 
@@ -32,7 +32,7 @@ And so, from here on out, our icon was decided.
 For anyone not getting the slowness potion, TASers mainly use slow motion and tickadvance to make our TASes...  
 
 So I came up with our first server icon:
-{{<figure class="screenshot" src="A potion3.png">}}
+{{<figure class="screenshot-medium" src="A potion3.png">}}
 
 Now, both of our discords actually had matching icons, which was cool to look at, at least if you were on both servers.
 
@@ -41,32 +41,32 @@ The other server soon noticed the matching icons and after a while the admin and
 They were making some changes to the speedrunning icon, by zooming in on the potion and then went out of their way to also do the same with the slowness potion, which was just wholesome.
 
 And henceforth, this slightly altered icon was the new one:
-{{<figure class="screenshot" src="A potion4.png">}}
+{{<figure class="screenshot-medium" src="A potion4.png">}}
 
 A year or so passed, then Gunther decided it was time to change the icon once more.
 
 This time it was a more simpler design without perspective and a blocky gradient in the background.
 
 And so, they once again sent me a slowness potion variant:
-{{<figure class="screenshot" src="potionagain.png">}}
+{{<figure class="screenshot-medium" src="potionagain.png">}}
 
 Now being used to the previous potions for over a year, this was quite a drastic change in colors... (Nowadays this looks really cursed to me)
 And so I took some liberties in changing a few things... First up, the color of the potion needs to be similar to the old one...
 
-{{<figure class="screenshot" src="A potion5.png">}}
+{{<figure class="screenshot-medium" src="A potion5.png">}}
 
 The speedrunning potion also had the same background, which didn't look to good in my opinion, when viewing it next to each other...  
 To fix this, I took the background and rotated it 180°
 
-{{<figure class="screenshot" src="A potion6.png">}}
+{{<figure class="screenshot-medium" src="A potion6.png">}}
 
 *And the rest is history*
 
 ## Splitting off
 
 Then another year passed and in 2020 Gunther switched to yet another potion design:
 
-{{<figure class="screenshot" src="ctm2.png">}}
+{{<figure class="screenshot-medium" src="ctm2.png">}}
 
 At that point, I have used the potion in various different places, so I refused to changing it again.
 And that is the story of how we had matching potions with the speedrunning guild.
@@ -76,21 +76,21 @@ As you may have seen, the previous icons were a bit low resolution.
 
 To fix this, I remade the icon as a vector and bumped up the quality.
 
-For now this is the offiacial icon I use everywhere:
+For now this is the official icon I use everywhere:
 
-{{<figure class="screenshot" src="A potion8.png">}}
+{{<figure class="screenshot-medium" src="A potion8.png">}}
 
-Later on, Pancake would create LoTASmod, our tools for Low optimzation TASes.
+Later on, Pancake would create LoTAS, our tools for Low optimzation TASes.
 
 I proposed the idea of using a splash potion as the icon, since Low Optimization/Low Accuracy is fitting with the theme of a splash potion:
 
-{{<figure class="screenshot" src="PotionLoTAS.png">}}
+{{<figure class="screenshot-medium" src="PotionLoTAS.png">}}
 
 ## The secret one
 1.14 introduced a new resourcepack with a new design for the potion.
 In preparation to switch, I made the following, but never went through with this design:
 
-{{<figure class="screenshot" src="A potion7.png">}}
+{{<figure class="screenshot-medium" src="A potion7.png">}}
 
 # Alterations
 We decided to split our different TAS categories in sections. TAS-Battle, TAS-Competition and TAS-Development
@@ -99,32 +99,32 @@ And each of these section got their own logo and color scheme.
 
 ## TAS-Battle
 As a strength potion
-{{<figure class="screenshot" src="PotionTB.png">}}
+{{<figure class="screenshot-medium" src="PotionTB.png">}}
 
 ## TAS-Competition
 As a luck potion
-{{<figure class="screenshot" src="PotionTC.png">}}
+{{<figure class="screenshot-medium" src="PotionTC.png">}}
 
 ## TAS-Development
 As a potion of harming  
 
 *... no comment*
-{{<figure class="screenshot" src="PotionC.png">}}
+{{<figure class="screenshot-medium" src="PotionC.png">}}
 
 # The funny ones
 Here we have a collection of icons used for different events and random ones...
 
 ## Halloween
-{{<figure class="screenshot" src="PotionHalloween.png">}}
+{{<figure class="screenshot-medium" src="PotionHalloween.png">}}
 
 ## April fools
-{{<figure class="screenshot" src="PotionYeetBG.png">}}
+{{<figure class="screenshot-medium" src="PotionYeetBG.png">}}
 
 of course LoTAS has one too:
 
-{{<figure class="screenshot" src="SplashPotionYeetBG.png">}}
+{{<figure class="screenshot-medium" src="SplashPotionYeetBG.png">}}
 
 # Animated
 And finally here is the animated version I made:
 
-{{<figure class="screenshot" src="Potion-Animation.gif">}}
+{{<figure class="screenshot-medium" src="Potion-Animation.gif">}}

content/tas-battle/installation.md

@@ -14,10 +14,9 @@ For that reason you need to install this mod yourself.
 1. Head over to https://fabricmc.net/use/installer/
 2. Click "Download for Windows". {{<figure class="screenshot" src="chrome_l3kI2GxWQa.png">}}
 3. Open the downloaded file.
-4. Select "1.17.1" inder Minecraft version. The loader version should be always kept at the newest {{<figure src="javaw_BJDvti0kUJ.png" class="screenshot">}}
+4. Select "1.19.4" as the Minecraft version. The loader version should be always kept at the newest {{<figure src="javaw_cbhrXLYhqa.png" class="screenshot">}}
 5. Next we need to download the required mods:
-	* Fabric API 1.17.1: https://www.curseforge.com/minecraft/mc-mods/fabric-api/files/3609590
-	* TAS-Battle: https://mgnet.work/tasbattle.jar
+	* TAS-Battle: https://data.mgnet.work/tasbattle/client.jar
 6. Put them into `.minecraft/mods/`.  
   **Remove mods from other Minecraft Versions from this folder, otherwise the game might not start!**
 7. Start the Minecraft launcher, select the correct profile and start the game.
@@ -30,11 +29,7 @@ the difference is, that you don't have to create a new instance, you can import
 
 If you have set up MultiMC and finished {{<newtablink "setting up your Minecraft account" "/tutorials/installation/setup_multimc/#adding-your-minecraft-account">}}, follow these steps to quickly import an instance:
 1. Click on "Add Instance" in the top left of MultiMC.
-2. Select "Import from zip" and paste `https://mgnet.work/TASBattle%201.17.1.zip` in the field. {{<figure class="screenshot" src="MultiMC_jRKvHJE0nc.png">}}
+2. Select "Import from zip" and paste `https://data.mgnet.work/tasbattle/TAS-Battle%20for%20MultiMC.zip` in the field. {{<figure class="screenshot" src="MultiMC_ifgO4jsO2p.png">}}
 (*You can also download it from the link and load it as a file from your PC*)
 3. Click OK and wait for it to download
-4. Start the instance by doubleclicking
-
-### Tip
-This instance comes with several other mods. Right-Clicking the instance and "Edit Instance", then loader mods lets you disable some of them by unticking the checkbox.
-{{<figure src="MultiMC_K7ofPIo5Cp.png" class="screenshot">}}
+4. Start the instance by doubleclicking