aboutsummaryrefslogtreecommitdiff
path: root/src/components/Shifter
diff options
context:
space:
mode:
authorAndrew Lee <andrew@alee14.me>2026-09-13 16:36:23 -0400
committerAndrew Lee <andrew@alee14.me>2026-09-13 16:36:23 -0400
commit311df1d170a59252691a5938541aa3d2e22067cc (patch)
tree94efd1ce0cf55edf96b44014e35b49ea8670394a /src/components/Shifter
parentd9b5c7c7cd328217435aef751fbf277fff44b769 (diff)
downloadshiftos-archive-website-311df1d170a59252691a5938541aa3d2e22067cc.tar.gz
shiftos-archive-website-311df1d170a59252691a5938541aa3d2e22067cc.tar.bz2
shiftos-archive-website-311df1d170a59252691a5938541aa3d2e22067cc.zip
Revamped history page; removed shifter easter egg
Diffstat (limited to 'src/components/Shifter')
-rw-r--r--src/components/Shifter/Sidebar.tsx74
-rw-r--r--src/components/Shifter/Window/Borders.tsx0
-rw-r--r--src/components/Shifter/Window/Buttons.tsx0
-rw-r--r--src/components/Shifter/Window/TitleBar.tsx6
-rw-r--r--src/components/Shifter/Window/TitleText.tsx0
5 files changed, 0 insertions, 80 deletions
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 (
- <section className="welcome">
- <div className="shifter-welcome">
- <h1>Welcome to the Shifter!</h1>
- <p>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.</p>
- <p>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.</p>
- </div>
- <div className="shifter-codepoints">
- <h2>You can earn codepoints using the Shifter!</h2>
- <p>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!</p>
- </div>
- </section>
- )
- case 1:
- return (
- <section className="windows">
- <div className="template">
- <div className="window" style={{ paddingBottom: 103 }}>
- <div className="titlebar">
- <div className="titlebar-text">Template</div>
- <div className="titlebar-buttons"></div>
- </div>
- </div>
- </div>
- <div className="shifter-window-sidebar">
- <aside className="shifter-window-buttons">
- <a className="window-shifter-button" onClick={() => console.log("Title Bar")}>Title Bar</a>
- <a className="window-shifter-button" onClick={() => console.log("Title Text")}>Title Text</a>
- <a className="window-shifter-button" onClick={() => console.log("Buttons")}>Buttons</a>
- <a className="window-shifter-button" onClick={() => console.log("Borders")}>Borders</a>
- </aside>
- <div className="window-setting-main">
- <h3>Window Settings</h3>
- <p>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!</p>
- <p>The preview window above will track your modifications live until you click "Apply Changes".</p>
- </div>
- </div>
- </section>
- )
- case 2:
- return (
- <section className="reset">
- <h1>Global Settings Reset!</h1>
- <p>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.</p>
- <a className="reset-button" onClick={() => resetSettings()}>Reset All Settings</a>
- <p><b>Warning! A Global Reset Is Irreversible!</b></p>
- </section>
- )
- }
-}
diff --git a/src/components/Shifter/Window/Borders.tsx b/src/components/Shifter/Window/Borders.tsx
deleted file mode 100644
index e69de29..0000000
--- a/src/components/Shifter/Window/Borders.tsx
+++ /dev/null
diff --git a/src/components/Shifter/Window/Buttons.tsx b/src/components/Shifter/Window/Buttons.tsx
deleted file mode 100644
index e69de29..0000000
--- a/src/components/Shifter/Window/Buttons.tsx
+++ /dev/null
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
--- a/src/components/Shifter/Window/TitleText.tsx
+++ /dev/null