aboutsummaryrefslogtreecommitdiff
path: root/docker/nginx/sites/www/src/main.ts
diff options
context:
space:
mode:
authorYuqian Yang <crupest@crupest.life>2025-02-22 18:11:35 +0800
committerYuqian Yang <crupest@crupest.life>2025-02-23 01:36:11 +0800
commit1e9b2436eaffa4130f6a69c3a108f6feb9dd4ac8 (patch)
tree585b6124b0100371b4bd8a291c4a59fbb5fbf1fe /docker/nginx/sites/www/src/main.ts
parenta931457d61b053682d5e89a0cfb411e43e5e21c7 (diff)
downloadcrupest-1e9b2436eaffa4130f6a69c3a108f6feb9dd4ac8.tar.gz
crupest-1e9b2436eaffa4130f6a69c3a108f6feb9dd4ac8.tar.bz2
crupest-1e9b2436eaffa4130f6a69c3a108f6feb9dd4ac8.zip
feat(services): refactor structure.
Diffstat (limited to 'docker/nginx/sites/www/src/main.ts')
-rw-r--r--docker/nginx/sites/www/src/main.ts47
1 files changed, 0 insertions, 47 deletions
diff --git a/docker/nginx/sites/www/src/main.ts b/docker/nginx/sites/www/src/main.ts
deleted file mode 100644
index 09e8661..0000000
--- a/docker/nginx/sites/www/src/main.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import "./style.css";
-
-class Emotion {
- static opposite_map = new Map<Emotion, Emotion>();
-
- constructor(public readonly name: string) {
- }
-
- get opposite(): Emotion {
- return Emotion.opposite_map.get(this)!;
- }
-
- get element(): HTMLDivElement {
- return document.querySelector<HTMLDivElement>(`.slogan.${this.name}`)!
- }
-
- get elementHeight(): number {
- return this.element.clientHeight;
- }
-
- apply() {
- localStorage.setItem(emotionKey, this.name);
- document.body.dataset.emotion = this.name;
- document.body.style.paddingTop = `${this.elementHeight}px`;
- }
-}
-
-const happy = new Emotion("happy")
-const angry = new Emotion("angry")
-Emotion.opposite_map.set(happy, angry)
-Emotion.opposite_map.set(angry, happy)
-
-const emotionKey = "emotion";
-const savedEmotionName = localStorage.getItem(emotionKey) ?? happy.name;
-
-for (const emotion of [happy, angry]) {
- if (emotion.name == savedEmotionName) {
- emotion.apply();
- }
- emotion.element.addEventListener("click", () => {
- emotion.opposite.apply();
- });
-}
-
-setTimeout(() => {
- document.body.style.transition = "padding-top 0.8s";
-});