Add back to top button on all pages!

Author: Fernando-A-Rocha

web/src/components/BackToTopButton.astro

@@ -0,0 +1,43 @@
+---
+---
+
+<button id="backToTop" aria-label="Back to top">&uarr;</button>
+
+<script>
+  const btn = document.getElementById('backToTop');
+  if (!btn) {
+    throw new Error('Back to top button not found');
+  }
+  window.addEventListener('scroll', () => {
+    btn.style.display = window.scrollY > 300 ? 'flex' : 'none';
+  });
+  btn.addEventListener('click', () => {
+    window.scrollTo({ top: 0, behavior: 'smooth' });
+  });
+</script>
+
+<style>
+    #backToTop {
+        position: fixed;
+        bottom: 1.5rem;
+        right: 1.5rem;
+        padding: 0.5rem 0.75rem;
+        font-size: 2rem;
+        width: 3rem;
+        height: 3rem;
+        border: none;
+        border-radius: 9999px;
+        cursor: pointer;
+        display: none;
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+        z-index: 1000;
+        align-items: center;
+        justify-content: center;
+        background: var(--sl-color-accent-high);
+        color: var(--sl-color-black);
+    }
+    #backToTop:hover {
+        background: var(--sl-color-accent);
+        color: var(--sl-color-white);
+    }
+</style>

web/src/data/animations.ts

@@ -2795,13 +2795,13 @@ export const animationDescriptions: Record<string, string> = {
   "RAP_C_Loop": "Rapping animation loop",
   "Carhit_Hangon": "Cop hanging on a windshield",
   "Carhit_Tumble": "Cop hanging on a windshield",
-  "donutdrop": "Blank animation",
-  "Fen_Choppa_L1": "Blank animation",
-  "Fen_Choppa_L2": "Blank animation",
-  "Fen_Choppa_L3": "Blank animation",
-  "Fen_Choppa_R1": "Blank animation",
-  "Fen_Choppa_R2": "Blank animation",
-  "Fen_Choppa_R3": "Blank animation",
+  "donutdrop": "",
+  "Fen_Choppa_L1": "",
+  "Fen_Choppa_L2": "",
+  "Fen_Choppa_L3": "",
+  "Fen_Choppa_R1": "",
+  "Fen_Choppa_R2": "",
+  "Fen_Choppa_R3": "",
   "Hangon_Stun_loop": "Stunned while hanging on a windshield",
   "Hangon_Stun_Turn": "Turning while hanging on a windshield",
   "MD_BIKE_2_HANG": "Tumbling and hanging on a car's bumper",
@@ -2841,20 +2841,20 @@ export const animationDescriptions: Record<string, string> = {
   "bng_wndw": "Banging on a window",
   "bng_wndw_02": "Talking through a window",
   "Case_pickup": "Picking up a case",
-  "door_jet": "Blank animation",
+  "door_jet": "",
   "GRAB_L": "Grabbing from the left",
   "GRAB_R": "Grabbing from the right",
   "Hiker_Pose": "Signalling for a taxi from the right",
   "Hiker_Pose_L": "Signalling for a taxi from the left",
   "Idle_Chat_02": "Idle chat",
   "KAT_Throw_K": "Throwing a katana and challenging to a fight",
-  "KAT_Throw_O": "Blank animation",
+  "KAT_Throw_O": "",
   "KAT_Throw_P": "Getting a katana and preparing for a fight",
-  "PASS_Rifle_O": "Blank animation",
+  "PASS_Rifle_O": "",
   "PASS_Rifle_Ped": "Passing a rifle",
   "PASS_Rifle_Ply": "Receiving a rifle",
   "pickup_box": "Picking up a box",
-  "Plane_door": "Blank animation",
+  "Plane_door": "",
   "Plane_exit": "CJ's plane exit animation",
   "Plane_hijack": "Hijacking a plane",
   "Plunger_01": "Detonating a bomb with a plunger",
@@ -2866,8 +2866,8 @@ export const animationDescriptions: Record<string, string> = {
   "Seat_talk_01": "Talking while sitting down",
   "Seat_talk_02": "Talking while sitting down",
   "SEAT_watch": "Checking watch while sitting down",
-  "smalplane_door": "Blank animation",
-  "smlplane_door": "Blank animation",
+  "smalplane_door": "",
+  "smlplane_door": "",
   "MTB_back": "mtn, mountain, bike, bicycle",
   "MTB_bunnyhop": "Muntain bike bunny hop",
   "MTB_drivebyFT": "Mountain bike drive by front",
@@ -3294,24 +3294,24 @@ export const animationDescriptions: Record<string, string> = {
   "POOL_ChalkCue": "Chalking pool cue",
   "POOL_Idle_Stance": "Idle with a pool cue",
   "POOL_Long_Shot": "Pool long shot",
-  "POOL_Long_Shot_O": "Blank animation",
+  "POOL_Long_Shot_O": "",
   "POOL_Long_Start": "Start of long shot pool",
-  "POOL_Long_Start_O": "Blank animation",
+  "POOL_Long_Start_O": "",
   "POOL_Med_Shot": "Medium pool shot",
-  "POOL_Med_Shot_O": "Blank animation",
+  "POOL_Med_Shot_O": "",
   "POOL_Med_Start": "Start of medium pool shot",
-  "POOL_Med_Start_O": "Blank animation",
+  "POOL_Med_Start_O": "",
   "POOL_Place_White": "Placing the white ball",
   "POOL_Short_Shot": "Short pool shot",
-  "POOL_Short_Shot_O": "Blank animation",
+  "POOL_Short_Shot_O": "",
   "POOL_Short_Start": "Start of short pool shot",
-  "POOL_Short_Start_O": "Blank animation",
+  "POOL_Short_Start_O": "",
   "POOL_Walk": "Pool walking",
   "POOL_Walk_Start": "Start of pool walking",
   "POOL_XLong_Shot": "Extra long pool shot",
-  "POOL_XLong_Shot_O": "Blank animation",
+  "POOL_XLong_Shot_O": "",
   "POOL_XLong_Start": "Start of extra long pool shot",
-  "POOL_XLong_Start_O": "Blank animation",
+  "POOL_XLong_Start_O": "",
   "WINWASH_Start": "Washing window at an intersection",
   "WINWASH_Wash2Beg": "Washing window at an intersection",
   "python_crouchfire": "Deagle crouch fire",
@@ -3564,61 +3564,61 @@ export const animationDescriptions: Record<string, string> = {
   "TANK_getin_LHS": "Getting into a tank from the left",
   "TANK_getout_LHS": "Getting out of a tank from the left",
   "TANK_open_LHS": "Opening the tank hatch from the left",
-  "TAT_ArmL_In_O": "Bugged animation",
+  "TAT_ArmL_In_O": "",
   "TAT_ArmL_In_P": "Pulling left sleeve down",
   "TAT_ArmL_In_T": "Examining tattoo on left lower arm",
-  "TAT_ArmL_Out_O": "Bugged animation",
+  "TAT_ArmL_Out_O": "",
   "TAT_ArmL_Out_P": "Pulling left sleeve up",
   "TAT_ArmL_Out_T": "Stopping to examine tattoo",
-  "TAT_ArmL_Pose_O": "Bugged animation",
+  "TAT_ArmL_Pose_O": "",
   "TAT_ArmL_Pose_P": "Posing with left shoulder out",
   "TAT_ArmL_Pose_T": "Posing with left arm stretched out",
-  "TAT_ArmR_In_O": "Bugged animation",
+  "TAT_ArmR_In_O": "",
   "TAT_ArmR_In_P": "Pulling right sleeve down",
   "TAT_ArmR_In_T": "Examining tattoo on right lower arm",
-  "TAT_ArmR_Out_O": "Bugged animation",
+  "TAT_ArmR_Out_O": "",
   "TAT_ArmR_Out_P": "Pulling right sleeve up",
   "TAT_ArmR_Out_T": "Stopping to examine tattoo",
-  "TAT_ArmR_Pose_O": "Bugged animation",
+  "TAT_ArmR_Pose_O": "",
   "TAT_ArmR_Pose_P": "Posing with right shoulder out",
   "TAT_ArmR_Pose_T": "Posing with right arm stretched out",
-  "TAT_Back_In_O": "Bugged animation",
+  "TAT_Back_In_O": "",
   "TAT_Back_In_P": "Posing with back",
   "TAT_Back_In_T": "Posing with back",
-  "TAT_Back_Out_O": "Bugged animation",
+  "TAT_Back_Out_O": "",
   "TAT_Back_Out_P": "Admiring back tattoo",
   "TAT_Back_Out_T": "End of admiring back tattoo animation",
-  "TAT_Back_Pose_O": "Bugged animation",
+  "TAT_Back_Pose_O": "",
   "TAT_Back_Pose_P": "Posing with back",
   "TAT_Back_Pose_T": "Posing with back",
   "TAT_Back_Sit_In_P": "Correcting position while sitting",
   "TAT_Back_Sit_Loop_P": "Sitting loop",
   "TAT_Back_Sit_Out_P": "End of sitting loop",
-  "TAT_Bel_In_O": "Bugged animation",
+  "TAT_Bel_In_O": "",
   "TAT_Bel_In_T": "Posing with back",
-  "TAT_Bel_Out_O": "Bugged animation",
+  "TAT_Bel_Out_O": "",
   "TAT_Bel_Out_T": "End of back tattoo animation",
-  "TAT_Bel_Pose_O": "Bugged animation",
+  "TAT_Bel_Pose_O": "",
   "TAT_Bel_Pose_T": "Getting tattoo on the chest",
-  "TAT_Che_In_O": "Bugged animation",
+  "TAT_Che_In_O": "",
   "TAT_Che_In_P": "Start of tattoo animation",
   "TAT_Che_In_T": "Start of tattoo animation",
-  "TAT_Che_Out_O": "Bugged animation",
+  "TAT_Che_Out_O": "",
   "TAT_Che_Out_P": "Admiring chest tattoo",
   "TAT_Che_Out_T": "End of chest tattoo",
-  "TAT_Che_Pose_O": "Bugged animation",
+  "TAT_Che_Pose_O": "",
   "TAT_Che_Pose_P": "Posing with chest tattoo",
   "TAT_Che_Pose_T": "Tattooing a body part",
-  "TAT_Drop_O": "Bugged animation",
-  "TAT_Idle_Loop_O": "Bugged animation",
+  "TAT_Drop_O": "",
+  "TAT_Idle_Loop_O": "",
   "TAT_Idle_Loop_T": "Sitting on a chair loop",
-  "TAT_Sit_In_O": "Bugged animation",
+  "TAT_Sit_In_O": "",
   "TAT_Sit_In_P": "Walking and sitting on a chair",
   "TAT_Sit_In_T": "Tattoo artist getting a customer",
-  "TAT_Sit_Loop_O": "Bugged animation",
+  "TAT_Sit_Loop_O": "",
   "TAT_Sit_Loop_P": "Browsing for tattoos",
   "TAT_Sit_Loop_T": "Waiting for tattoo order",
-  "TAT_Sit_Out_O": "Bugged animation",
+  "TAT_Sit_Out_O": "",
   "TAT_Sit_Out_P": "Getting off the chair and walking",
   "TAT_Sit_Out_T": "Tattoo artist wishing customer well",
   "TEC_crouchfire": "Tec9 crouch fire",

web/src/overrides/Pagination.astro

@@ -1,6 +1,8 @@
 ---
 import { CardGrid } from '@astrojs/starlight/components';
 import IconLinkCard from '@src/components/IconLinkCard.astro';
+
+import BackToTopButton from '@src/components/BackToTopButton.astro';
 ---
 <div data-pagefind-ignore>
     <CardGrid>
@@ -51,4 +53,6 @@ import IconLinkCard from '@src/components/IconLinkCard.astro';
 
     </CardGrid>
 
-</div>
+</div>
+
+<BackToTopButton />

web/src/pages/Incomplete_Pages.astro

@@ -2,6 +2,8 @@
 import StarlightPage from '@astrojs/starlight/components/StarlightPage.astro';
 import { getUnfinishedPages } from '@src/utils/general';
 
+import NoteBox from '@src/components/NoteBox.astro';
+
 const unfinishedFunctions = getUnfinishedPages('functions');
 const unfinishedEvents = getUnfinishedPages('events');
 ---
@@ -17,6 +19,10 @@ const unfinishedEvents = getUnfinishedPages('events');
     class="guidelines-link">Contribution guidelines</a></p>
 
 <h3>Unfinished Function Pages</h3>
+<NoteBox type="info">
+    We are working on migrating these pages from <code>wiki.multitheftauto.com</code> using <strong>web scraping</strong>.
+    <br>Stay up to date with the progress using our Development Discord server.
+</NoteBox>
 <section data-pagefind-ignore>
     {unfinishedFunctions.length === 0 ? (
         <p>There are currently no unfinished function pages 😄</p>