upd(index unicorn.html): Update images, keybinds and info

Update the images to reflect modern version of unicorn
Update the keybinds to show information on Cortile configuration
Update the homepage to show information about the autotiling, as it is a
major selling point

index.html

@@ -194,6 +194,16 @@ <h1 class="text-3xl text-center">Perfect for developers</h1>
  <img src="img/desktop/developers.webp" alt="" class="w-auto mt-4 lg:mt-0 shadow-2xl rounded-[0.65em]">
  </div>
 
+ <div class="mt-4 w-[95vw] container m-auto lg:w-[60vw] lg:grid lg:grid-cols-2">
+ <div class="bg-site-300 rounded-[0.65em] text-off-white p-4 shadow-2xl lg:mr-4">
+ <h1 class="text-3xl text-center">Adaptive to any workflow</h1>
+ <p class="mt-2">
+ Whether you prefer the traditional floating windows, or are a fanatic of tiling window managers, Unicorn is perfect for you. With optional auto-tiling you can easily toggle between floating and tiling at the press of a button.
+ </p>
+ </div>
+ <img src="img/desktop/tiling.webp" alt="" class="w-auto mt-4 lg:mt-0 shadow-2xl rounded-[0.65em]">
+ </div>
+
 <!-- Footer -->
 <hr class="w-[60vw] h-1 mx-auto my-4 bg-site-300 border-0 rounded">
 

unicorn.html

@@ -148,6 +148,24 @@ <h1 class="text-center text-off-white text-3xl mt-4">
  </p>
  </div>
 
+ <h1 class="text-center text-off-white text-3xl mt-4">
+ <span class="unicorn">Tiling</span> shortcuts.
+ </h1>
+
+ <div class="grid grid-cols-3 gap-4 mt-4 mb-4">
+ <p class="text-off-white mt-4">
+ <span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + Shift + M</span> - Turn window into parent
+ </p>
+
+ <p class="text-off-white mt-4">
+ <span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + Left</span> - Focus on the previous window
+ </p>
+
+ <p class="text-off-white mt-4">
+ <span class="bg-site-200 rounded-[0.25em] shadow-2xl p-2">Super + Right</span> - Focus on the next window
+ </p>
+ </div>
+
 </div>
 
 <!-- Footer -->