docs: add more info to tag event

docs/.vitepress/theme/custom.css

@@ -6,4 +6,37 @@
 :root {
     --vp-font-family-mono: 'Fira Code', monospace;
     --vp-code-line-height: 1.35;
-}
+}
+
+.medium-zoom-overlay {
+    z-index: 999;
+}
+
+.medium-zoom-image {
+    z-index: 1000;
+}
+
+.vp-doc ul {
+    list-style: disc;
+}
+
+.vp-doc ul ul {
+    list-style: circle;
+}
+
+.vp-doc ul ul ul {
+    list-style: square;
+}
+
+.vp-doc ul ul ul ul {
+    list-style: square;
+    /* Create open square effect by adding a border and transparent background */
+    list-style: none;
+}
+
+.vp-doc ul ul ul ul li::before {
+    content: "□";
+    display: inline-block;
+    width: 1em;
+    margin-left: -1em;
+}

docs/.vitepress/theme/index.ts

@@ -7,11 +7,20 @@ import './custom.css'
 // import {NolebaseInlineLinkPreviewPlugin} from '@nolebase/vitepress-plugin-inline-link-preview/client';
 import '@fontsource/fira-code'
 
+import { onMounted } from 'vue';
+
 // export default DefaultTheme
 
+import mediumZoom from 'medium-zoom';
+
 export default {
     ...DefaultTheme,
     enhanceApp({app}) {
         app.component('GithubSnippet', GithubSnippet)
-    }
+    },
+    setup() {
+        onMounted(() => {
+            mediumZoom('[data-zoomable]', { background: 'var(--vp-c-bg)' });
+        });
+    },
 };

docs/tag/introduction.md

@@ -1,3 +1,45 @@
 # 10,000 Player PvP Event
 
-TODO
+Our pilot event is a 10,000 player PvP battle to break the Guinness World Record for the largest PvP battle ever.
+
+We're partnering with [TheMisterEpic](https://www.youtube.com/channel/UCJiFgnnYpwlnadzTzhMnX_Q) to run an initial
+proof-of-concept event with around 2k players. Following its success, we'll host the full-scale 10,000 player PvP battle
+alongside numerous YouTubers and streamers.
+
+## Inspiration
+
+- [Diep.io Tag](https://diepio.fandom.com/wiki/Tag)
+- Hypixel *The Pit*
+
+## Teams
+
+When players join the game, they are assigned to a team.
+
+- Red team
+- Blue team
+- Green team
+- Yellow team
+
+Teams are designated by their boot color.
+
+Their goal is to gather resources and kill all other players on opposing teams to increase their XP points.
+
+When a player is killed
+
+- the killed player respawns with $1/3$ of their XP points
+- the killer receives $1/2$ of the XP points
+    - this is to make sure that killing players is not inflationary; $1/3 + 1/2 < 1$.
+
+## Classes
+
+![classes.png](classes.png){data-zoomable}
+
+There is an upgrade tree. Everyone starts out as the stick class, which is the most basic class.
+
+
+
+
+
+
+
+

package.json

@@ -8,6 +8,7 @@
     "@nolebase/vitepress-plugin-inline-link-preview": "^2.10.0",
     "markdown-it-footnote": "^4.0.0",
     "markdown-it-mathjax3": "^4.3.2",
+    "medium-zoom": "^1.1.0",
     "mermaid": "^11.4.0",
     "vitepress": "^1.5.0",
     "vitepress-plugin-mermaid": "^2.0.17"