From 311df1d170a59252691a5938541aa3d2e22067cc Mon Sep 17 00:00:00 2001 From: Andrew Lee Date: Sun, 13 Sep 2026 16:36:23 -0400 Subject: Revamped history page; removed shifter easter egg --- src/components/Shifter.tsx | 99 ----------------------------- src/components/Shifter/Sidebar.tsx | 74 --------------------- src/components/Shifter/Window/Borders.tsx | 0 src/components/Shifter/Window/Buttons.tsx | 0 src/components/Shifter/Window/TitleBar.tsx | 6 -- src/components/Shifter/Window/TitleText.tsx | 0 src/components/ToggleShifter.tsx | 26 -------- 7 files changed, 205 deletions(-) delete mode 100644 src/components/Shifter.tsx delete mode 100644 src/components/Shifter/Sidebar.tsx delete mode 100644 src/components/Shifter/Window/Borders.tsx delete mode 100644 src/components/Shifter/Window/Buttons.tsx delete mode 100644 src/components/Shifter/Window/TitleBar.tsx delete mode 100644 src/components/Shifter/Window/TitleText.tsx delete mode 100644 src/components/ToggleShifter.tsx (limited to 'src/components') diff --git a/src/components/Shifter.tsx b/src/components/Shifter.tsx deleted file mode 100644 index 940e6f0..0000000 --- a/src/components/Shifter.tsx +++ /dev/null @@ -1,99 +0,0 @@ -import React, { useState, useRef } from 'react'; -import { sidebarContent } from './Shifter/Sidebar'; -import '../styles/shifter.css'; - -export default function Shifter() { - const [sidebar, setSidebar] = useState(0); - const [position, setPosition] = useState({ - x: window.innerWidth / 2 - 350, - y: window.innerHeight / 2 - 250 - }); - const [isDragging, setIsDragging] = useState(false); - const dragRef = useRef({ startX: 0, startY: 0 }); - - function changeSidebar(window: number) { - setSidebar(window); - } - - function applyButton() { - - } - - function closeButton() { - - } - - function testOption() { - console.log('Colour changed to red') - - document.documentElement.style.setProperty( - '--titlebar-colour', - 'red' - ); - - localStorage.setItem("--titlebar-colour", "red"); - - } - - const handleMouseDown = (e: React.MouseEvent) => { - e.preventDefault(); - setIsDragging(true); - dragRef.current = { - startX: e.clientX - position.x, - startY: e.clientY - position.y - }; - }; - - React.useEffect(() => { - if (isDragging) { - const handleMouseMoveWrapper = (e: MouseEvent) => { - setPosition({ - x: e.clientX - dragRef.current.startX, - y: e.clientY - dragRef.current.startY - }); - }; - - const handleMouseUpWrapper = () => { - setIsDragging(false); - }; - - window.addEventListener('mousemove', handleMouseMoveWrapper); - window.addEventListener('mouseup', handleMouseUpWrapper); - - return () => { - window.removeEventListener('mousemove', handleMouseMoveWrapper); - window.removeEventListener('mouseup', handleMouseUpWrapper); - }; - } - }, [isDragging]); - - return ( - <> -
-
-
Shifter
-
-
closeButton()}>
-
-
-
-
- - applyButton()}>Apply Changes -
-
- {sidebarContent(sidebar)} -
-
-
- - ) -} diff --git a/src/components/Shifter/Sidebar.tsx b/src/components/Shifter/Sidebar.tsx deleted file mode 100644 index adb211f..0000000 --- a/src/components/Shifter/Sidebar.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import { cssVariables } from '../../scripts/variables'; - -function resetSettings() { - cssVariables.map((x) => { - if (!x) return; - localStorage.removeItem(x); - document.documentElement.style.removeProperty(x); - }); -} - -export function sidebarContent(sidebar: number): React.ReactNode { - switch (sidebar) { - case 0: - return ( -
-
-

Welcome to the Shifter!

-

The shifter is an application that allows you to modify various features in ShiftOS. - Initially the user interface of ShiftOS is very dull however you can use the Shifter and - various sub programs within the Shifter such as the "Colour Picker" to improve the - appearance of ShiftOS.

-

The basic process of modifying your ShiftOS interface is very simple. You first choose a - main category on the left which will bring up a list of sub categories. Next select a - sub category to display your list of customization options. Once you have modified the - appropriate settings click Apply Changes to confirm your choices.

-
-
-

You can earn codepoints using the Shifter!

-

That's right! Simply by customizing your ShiftOS interface you can earn as many - codepoints as you like. The amount of codepoints you earn will be calculated and - displayed the moment you press "Apply Changes". The more time you spend customizing the - more codepoints you will earn!

-
-
- ) - case 1: - return ( -
-
-
-
-
Template
-
-
-
-
-
- -
-

Window Settings

-

Welcome to the windows settings panel. Here you can modify the appearance of the controls that are displayed on your open windows. - Just select a sub option to the left to get started!

-

The preview window above will track your modifications live until you click "Apply Changes".

-
-
-
- ) - case 2: - return ( -
-

Global Settings Reset!

-

After spending hours customizing ShiftOS you may want to reset all settings to their default values so you can have a clean slate. - Remember that once you reset your settings you can't undo your actions so only do so if you truly want to abandon all the customizations you have made to ShiftOS.

- resetSettings()}>Reset All Settings -

Warning! A Global Reset Is Irreversible!

-
- ) - } -} diff --git a/src/components/Shifter/Window/Borders.tsx b/src/components/Shifter/Window/Borders.tsx deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/Shifter/Window/Buttons.tsx b/src/components/Shifter/Window/Buttons.tsx deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/Shifter/Window/TitleBar.tsx b/src/components/Shifter/Window/TitleBar.tsx deleted file mode 100644 index 6b3fa70..0000000 --- a/src/components/Shifter/Window/TitleBar.tsx +++ /dev/null @@ -1,6 +0,0 @@ -function setTitleBar(type: number, b: any) { - switch (type) { - case 0: - return localStorage.setItem("--titlebar-colour", b); - } -} diff --git a/src/components/Shifter/Window/TitleText.tsx b/src/components/Shifter/Window/TitleText.tsx deleted file mode 100644 index e69de29..0000000 diff --git a/src/components/ToggleShifter.tsx b/src/components/ToggleShifter.tsx deleted file mode 100644 index 725a8cc..0000000 --- a/src/components/ToggleShifter.tsx +++ /dev/null @@ -1,26 +0,0 @@ -import Shifter from './Shifter.tsx'; -import { useEffect, useState } from "react"; - -export default function ToggleShifter() { - const [isShowingShifter, setShowingShifter] = useState(false); - - useEffect(() => { - const handleKeyDown = (event: KeyboardEvent) => { - if (event.key === "s") { - setShowingShifter(prev => !prev); - } - }; - - window.addEventListener("keydown", handleKeyDown); - - return () => { - window.removeEventListener("keydown", handleKeyDown); - }; - }, []); - - return ( - <> - {isShowingShifter && } - - ); -} -- cgit v1.2.3