diff --git a/src/CONSTANT.ts b/src/CONSTANT.ts
index 77029b5..78b053a 100644
--- a/src/CONSTANT.ts
+++ b/src/CONSTANT.ts
@@ -1,3 +1,3 @@
 // export const API_BASE_URL = 'http://localhost:5000'
-// export const API_BASE_URL = 'http://localhost:18200'
-export const API_BASE_URL = 'https://gca-api.dustella.net:8443'
+export const API_BASE_URL = 'http://localhost:18200'
+// export const API_BASE_URL = 'https://gca-api.dustella.net:8443'
diff --git a/src/components/CoolBack.vue b/src/components/CoolBack.vue
deleted file mode 100644
index 151337e..0000000
--- a/src/components/CoolBack.vue
+++ /dev/null
@@ -1,111 +0,0 @@
-<script setup lang="ts">
-import type { P5I } from 'p5i'
-import { p5i } from 'p5i'
-import { onMounted, onUnmounted, ref } from 'vue'
-
-const el = ref<HTMLCanvasElement | null>(null)
-
-const {
-  mount,
-  unmount,
-  createCanvas,
-  background,
-  noFill,
-  stroke,
-  noise,
-  noiseSeed,
-  resizeCanvas,
-  cos,
-  sin,
-  TWO_PI,
-} = p5i()
-
-let w = window.innerWidth
-let h = window.innerHeight
-const offsetY = window.scrollY
-
-const SCALE = 200
-const LENGTH = 10
-const SPACING = 15
-
-function getForceOnPoint(x: number, y: number, z: number) {
-  // https://p5js.org/reference/#/p5/noise
-  return (noise(x / SCALE, y / SCALE, z) - 0.5) * 2 * TWO_PI
-}
-
-const existingPoints = new Set<string>()
-const points: { x: number, y: number, opacity: number }[] = []
-
-function addPoints() {
-  for (let x = -SPACING / 2; x < w + SPACING; x += SPACING) {
-    for (let y = -SPACING / 2; y < h + offsetY + SPACING; y += SPACING) {
-      const id = `${x}-${y}`
-      if (existingPoints.has(id))
-        continue
-      existingPoints.add(id)
-      points.push({ x, y, opacity: Math.random() * 0.5 + 0.5 })
-    }
-  }
-}
-
-function setup() {
-  createCanvas(w, h)
-  background('#ffffff')
-  stroke('#ccc')
-  noFill()
-
-  noiseSeed(+new Date())
-
-  addPoints()
-}
-
-function draw({ circle }: P5I) {
-  background('#ffffff')
-  const t = +new Date() / 10000
-
-  for (const p of points) {
-    const { x, y } = p
-    const rad = getForceOnPoint(x, y, t)
-    const length = (noise(x / SCALE, y / SCALE, t * 2) + 0.5) * LENGTH
-    const nx = x + cos(rad) * length
-    const ny = y + sin(rad) * length
-    stroke(180, 180, 180, (Math.abs(cos(rad)) * 0.5 + 0.5) * p.opacity * 255)
-    circle(nx, ny - offsetY, 1)
-  }
-}
-
-function restart() {
-  if (el.value)
-    mount(el.value, { setup, draw })
-}
-
-onMounted(() => {
-  restart()
-
-  useEventListener('resize', () => {
-    w = window.innerWidth
-    h = window.innerHeight
-    resizeCanvas(w, h)
-    addPoints()
-  })
-
-  // Uncomment to enable scroll-based animation
-  // Tho there is some lag when scrolling, not sure if it's solvable
-  // useEventListener('scroll', () => {
-  //   offsetY = window.scrollY
-  //   addPoints()
-  // }, { passive: true })
-})
-
-onUnmounted(() => {
-  unmount()
-})
-</script>
-
-<template>
-  <!-- <Paper> -->
-  <div relative h-100 class="overflow-hidden">
-    <div ref="el" pointer-events-none overflow-hidden />
-  </div>
-  <!-- </Paper> -->
-</template>
diff --git a/src/components/Paper.vue b/src/components/Paper.vue
deleted file mode 100644
index a5dadc5..0000000
--- a/src/components/Paper.vue
+++ /dev/null
@@ -1,79 +0,0 @@
-<script setup lang='ts'>
-import { useEventListener, useFullscreen } from '@vueuse/core'
-import { ref } from 'vue'
-import { useRoute } from 'vue-router'
-
-const route = useRoute()
-const fullscreen = useFullscreen(ref(document.querySelector('html')))
-
-// const isDark = useDark()
-
-useEventListener('keydown', (e) => {
-  if (document.activeElement === document.body) {
-    if (e.key === 'f') {
-      if (fullscreen.isFullscreen.value)
-        fullscreen.exit()
-      else
-        fullscreen.enter()
-    }
-  }
-})
-
-let no = route.path.slice(1)
-if (no.startsWith('x'))
-  no = no.slice(1)
-
-const shot = Boolean(route.query.shot)
-const hideFrame = Boolean(route.query.hideFrame !== undefined || route.query.full !== undefined)
-</script>
-
-<template>
-  <div class="paper" :class="{ shot }">
-    <div v-if="!shot && !hideFrame" class="nav font-mono">
-      <router-link to="/" class="link block pt-1 text-xl">
-        <carbon-chevron-left />
-      </router-link>
-    </div>
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-.nav {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  padding: 12px;
-}
-
-.bottom-nav {
-  position: fixed;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  padding: 8px 12px;
-}
-
-.shot .nav {
-  padding: 24px;
-}
-
-.shot .bottom-nav {
-  padding: 20px 24px;
-}
-
-.nav-links .next,
-.nav-links .prev {
-  opacity: 0;
-  transition: 0.3s all ease-in-out;
-  margin-top: -1.5em;
-  display: block;
-}
-
-.nav-links:hover .next,
-.nav-links:hover .prev {
-  opacity: 1;
-  margin-top: 0;
-}
-</style>
diff --git a/src/components/TestHeader.vue b/src/components/TestHeader.vue
deleted file mode 100644
index 69cb0d7..0000000
--- a/src/components/TestHeader.vue
+++ /dev/null
@@ -1,150 +0,0 @@
-<script setup lang="ts">
-import {
-  NavigationMenuContent,
-  NavigationMenuIndicator,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  NavigationMenuRoot,
-  NavigationMenuTrigger,
-  NavigationMenuViewport,
-} from 'radix-vue'
-import { ref } from 'vue'
-import NavigationMenuListItem from './NavigationMenuListItem.vue'
-
-const currentTrigger = ref('')
-</script>
-
-<template>
-  <NavigationMenuRoot
-    v-model="currentTrigger"
-    class="relative z-[1] mx-auto flex justify-center"
-  >
-    <NavigationMenuList class="center shadow-blackA7 m-0 flex list-none rounded-[6px] bg-white p-1 shadow-[0_2px_10px]">
-      <NavigationMenuItem>
-        <NavigationMenuTrigger
-          class="group text-grass11 flex select-none items-center justify-between gap-[2px] rounded-[4px] px-3 py-2 text-[15px] font-medium leading-none outline-none hover:bg-green3 focus:shadow-[0_0_0_2px] focus:shadow-green7"
-        >
-          Learn
-          <Icon
-            icon="radix-icons:caret-down"
-            class="text-green10 relative top-[1px] transition-transform duration-[250ms] ease-in group-data-[state=open]:-rotate-180"
-          />
-        </NavigationMenuTrigger>
-        <NavigationMenuContent
-          class="data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 w-full sm:w-auto"
-        >
-          <ul class="one grid m-0 list-none gap-x-[10px] p-[22px] sm:grid-cols-[0.75fr_1fr] sm:w-[500px]">
-            <li class="grid row-span-3">
-              <NavigationMenuLink as-child>
-                <a
-                  class="h-full w-full flex flex-col select-none justify-end rounded-[6px] from-green9 to-teal9 bg-gradient-to-b p-[25px] no-underline outline-none focus:shadow-[0_0_0_2px] focus:shadow-green7"
-                  href="/"
-                >
-                  <img
-                    class="w-16"
-                    src="https://www.radix-vue.com/logo.svg"
-                  >
-                  <div class="mb-[7px] mt-4 text-[18px] text-white font-medium leading-[1.2]">Radix Primitives</div>
-                  <p class="text-mauve4 text-[14px] leading-[1.3]">Unstyled, accessible components for Vue.</p>
-                </a>
-              </NavigationMenuLink>
-            </li>
-
-            <NavigationMenuListItem
-              href="https://stitches.dev/"
-              title="Stitches"
-            >
-              CSS-in-JS with best-in-class developer experience.
-            </NavigationMenuListItem>
-            <NavigationMenuListItem
-              href="/colors"
-              title="Colors"
-            >
-              Beautiful, thought-out palettes with auto dark mode.
-            </NavigationMenuListItem>
-            <NavigationMenuListItem
-              href="https://icons.radix-ui.com/"
-              title="Icons"
-            >
-              A crisp set of 15x15 icons, balanced and consistent.
-            </NavigationMenuListItem>
-          </ul>
-        </NavigationMenuContent>
-      </NavigationMenuItem>
-
-      <NavigationMenuItem>
-        <NavigationMenuTrigger
-          class="text-grass11 group flex select-none items-center justify-between gap-[2px] rounded-[4px] px-3 py-2 text-[15px] font-medium leading-none outline-none hover:bg-green3 focus:shadow-[0_0_0_2px] focus:shadow-green7"
-        >
-          Overview
-          <Icon
-            icon="radix-icons:caret-down"
-            class="text-green10 relative top-[1px] transition-transform duration-[250ms] ease-in group-data-[state=open]:-rotate-180"
-          />
-        </NavigationMenuTrigger>
-        <NavigationMenuContent class="data-[motion=from-start]:animate-enterFromLeft data-[motion=from-end]:animate-enterFromRight data-[motion=to-start]:animate-exitToLeft data-[motion=to-end]:animate-exitToRight absolute left-0 top-0 w-full sm:w-auto">
-          <ul class="grid m-0 list-none gap-x-[10px] p-[22px] sm:grid-flow-col sm:grid-rows-3 sm:w-[600px]">
-            <NavigationMenuListItem
-              title="Introduction"
-              href="/docs/primitives/overview/introduction"
-            >
-              Build high-quality, accessible design systems and web apps.
-            </NavigationMenuListItem>
-            <NavigationMenuListItem
-              title="Getting started"
-              href="/docs/primitives/overview/getting-started"
-            >
-              A quick tutorial to get you up and running with Radix Primitives.
-            </NavigationMenuListItem>
-            <NavigationMenuListItem
-              title="Styling"
-              href="/docs/primitives/guides/styling"
-            >
-              Unstyled and compatible with any styling solution.
-            </NavigationMenuListItem>
-            <NavigationMenuListItem
-              title="Animation"
-              href="/docs/primitives/guides/animation"
-            >
-              Use CSS keyframes or any animation library of your choice.
-            </NavigationMenuListItem>
-            <NavigationMenuListItem
-              title="Accessibility"
-              href="/docs/primitives/overview/accessibility"
-            >
-              Tested in a range of browsers and assistive technologies.
-            </NavigationMenuListItem>
-            <NavigationMenuListItem
-              title="Releases"
-              href="/docs/primitives/overview/releases"
-            >
-              Radix Primitives releases and their changelogs.
-            </NavigationMenuListItem>
-          </ul>
-        </NavigationMenuContent>
-      </NavigationMenuItem>
-
-      <NavigationMenuItem>
-        <NavigationMenuLink
-          class="text-grass11 block select-none rounded-[4px] px-3 py-2 text-[15px] font-medium leading-none no-underline outline-none hover:bg-green3 focus:shadow-[0_0_0_2px] focus:shadow-green7"
-          href="https://github.com/unovue/radix-vue"
-        >
-          Github
-        </NavigationMenuLink>
-      </NavigationMenuItem>
-
-      <NavigationMenuIndicator
-        class="transition-[all,transform_250ms_ease] data-[state=visible]:animate-fadeIn data-[state=hidden]:animate-fadeOut top-full z-[1] h-[10px] flex items-end justify-center overflow-hidden duration-200 data-[state=hidden]:opacity-0"
-      >
-        <div class="relative top-[70%] h-[10px] w-[10px] rotate-[45deg] rounded-tl-[2px] bg-white" />
-      </NavigationMenuIndicator>
-    </NavigationMenuList>
-
-    <div class="absolute left-0 top-full w-full flex perspective-[2000px] justify-center">
-      <NavigationMenuViewport
-        class="transition-[width,_height] data-[state=open]:animate-scaleIn data-[state=closed]:animate-scaleOut relative mt-[10px] h-[var(--radix-navigation-menu-viewport-height)] w-full origin-[top_center] overflow-hidden rounded-[10px] bg-white duration-300 sm:w-[var(--radix-navigation-menu-viewport-width)]"
-      />
-    </div>
-  </NavigationMenuRoot>
-</template>
diff --git a/src/components/TheFooter.vue b/src/components/TheFooter.vue
deleted file mode 100644
index 04d85e1..0000000
--- a/src/components/TheFooter.vue
+++ /dev/null
@@ -1,3 +0,0 @@
-<template>
-  <div />
-</template>
diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
deleted file mode 100644
index fc21180..0000000
--- a/src/components/TheHeader.vue
+++ /dev/null
@@ -1,78 +0,0 @@
-<script setup lang="ts">
-import {
-  NavigationMenu,
-  NavigationMenuContent,
-  NavigationMenuItem,
-  NavigationMenuLink,
-  NavigationMenuList,
-  NavigationMenuTrigger,
-  navigationMenuTriggerStyle,
-} from './ui/navigation-menu'
-
-const header_data: Record<string, { title: string, href: string }[]> = {
-  探空气球: [{
-    title: '重力波单次',
-    href: '/balloon/single',
-  }, {
-    title: '重力波统计',
-    href: '/balloon/year',
-  }],
-  流星雷达: [{
-    title: '潮汐波强度',
-    href: '/radar/v1',
-  }, {
-    title: '潮汐波时空变化',
-    href: '/radar/v2',
-  }],
-  Saber: [
-    {
-      title: '波动拟合图',
-      href: '/saber/plot_wave_fitting',
-    },
-    {
-      title: '日数据傅里叶变换分析',
-      href: '/saber/day_fft_ifft_plot',
-    },
-    {
-      title: '日周期波动能量分析',
-      href: '/saber/day_cycle_power_wave_plot',
-    },
-    {
-      // month_power_wave_plot
-      title: ' 月度波动能量分析',
-      href: '/saber/month_power_wave_plot',
-    },
-  ],
-}
-</script>
-
-<template>
-  <NavigationMenu class="mx-auto">
-    <NavigationMenuList>
-      <NavigationMenuItem>
-        <NavigationMenuLink href="/" :class="navigationMenuTriggerStyle()">
-          主页
-        </NavigationMenuLink>
-      </NavigationMenuItem>
-      <NavigationMenuItem v-for="(thisHeader, headers) in header_data" :key="headers">
-        <NavigationMenuTrigger>{{ headers }}</NavigationMenuTrigger>
-        <NavigationMenuContent>
-          <ul class="w-60 flex flex-col gap-3 p-6">
-            <li v-for="header in thisHeader" :key="header.href" class="row-span-3">
-              <NavigationMenuLink as-child>
-                <a
-                  class="block select-none rounded-md p-3 leading-none no-underline outline-none transition-colors space-y-1 focus:bg-accent hover:bg-accent focus:text-accent-foreground hover:text-accent-foreground"
-                  :href="header.href"
-                >
-                  <div class="text-sm font-medium leading-none">
-                    {{ header.title }}
-                  </div>
-                </a>
-              </NavigationMenuLink>
-            </li>
-          </ul>
-        </NavigationMenuContent>
-      </NavigationMenuItem>
-    </NavigationMenuList>
-  </NavigationMenu>
-</template>
diff --git a/src/components/TopHeader.vue b/src/components/TopHeader.vue
deleted file mode 100644
index e82c472..0000000
--- a/src/components/TopHeader.vue
+++ /dev/null
@@ -1,123 +0,0 @@
-<script setup lang="ts">
-import {
-  Menubar,
-  MenubarCheckboxItem,
-  MenubarContent,
-  MenubarItem,
-  MenubarMenu,
-  MenubarRadioGroup,
-  MenubarRadioItem,
-  MenubarSeparator,
-  MenubarShortcut,
-  MenubarSub,
-  MenubarSubContent,
-  MenubarSubTrigger,
-  MenubarTrigger,
-} from '~/components/ui/menubar'
-</script>
-
-<template>
-  <Menubar>
-    <MenubarMenu>
-      <MenubarTrigger>File</MenubarTrigger>
-      <MenubarContent>
-        <MenubarItem>
-          New Tab <MenubarShortcut>⌘T</MenubarShortcut>
-        </MenubarItem>
-        <MenubarItem>
-          New Window <MenubarShortcut>⌘N</MenubarShortcut>
-        </MenubarItem>
-        <MenubarItem disabled>
-          New Incognito Window
-        </MenubarItem>
-        <MenubarSeparator />
-        <MenubarSub>
-          <MenubarSubTrigger>Share</MenubarSubTrigger>
-          <MenubarSubContent>
-            <MenubarItem>Email link</MenubarItem>
-            <MenubarItem>Messages</MenubarItem>
-            <MenubarItem>Notes</MenubarItem>
-          </MenubarSubContent>
-        </MenubarSub>
-        <MenubarSeparator />
-        <MenubarItem>
-          Print... <MenubarShortcut>⌘P</MenubarShortcut>
-        </MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-    <MenubarMenu>
-      <MenubarTrigger>Edit</MenubarTrigger>
-      <MenubarContent>
-        <MenubarItem>
-          Undo <MenubarShortcut>⌘Z</MenubarShortcut>
-        </MenubarItem>
-        <MenubarItem>
-          Redo <MenubarShortcut>⇧⌘Z</MenubarShortcut>
-        </MenubarItem>
-        <MenubarSeparator />
-        <MenubarSub>
-          <MenubarSubTrigger>Find</MenubarSubTrigger>
-          <MenubarSubContent>
-            <MenubarItem>Search the web</MenubarItem>
-            <MenubarSeparator />
-            <MenubarItem>Find...</MenubarItem>
-            <MenubarItem>Find Next</MenubarItem>
-            <MenubarItem>Find Previous</MenubarItem>
-          </MenubarSubContent>
-        </MenubarSub>
-        <MenubarSeparator />
-        <MenubarItem>Cut</MenubarItem>
-        <MenubarItem>Copy</MenubarItem>
-        <MenubarItem>Paste</MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-    <MenubarMenu>
-      <MenubarTrigger>View</MenubarTrigger>
-      <MenubarContent>
-        <MenubarCheckboxItem>Always Show Bookmarks Bar</MenubarCheckboxItem>
-        <MenubarCheckboxItem checked>
-          Always Show Full URLs
-        </MenubarCheckboxItem>
-        <MenubarSeparator />
-        <MenubarItem inset>
-          Reload <MenubarShortcut>⌘R</MenubarShortcut>
-        </MenubarItem>
-        <MenubarItem disabled inset>
-          Force Reload <MenubarShortcut>⇧⌘R</MenubarShortcut>
-        </MenubarItem>
-        <MenubarSeparator />
-        <MenubarItem inset>
-          Toggle Fullscreen
-        </MenubarItem>
-        <MenubarSeparator />
-        <MenubarItem inset>
-          Hide Sidebar
-        </MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-    <MenubarMenu>
-      <MenubarTrigger>Profiles</MenubarTrigger>
-      <MenubarContent>
-        <MenubarRadioGroup value="benoit">
-          <MenubarRadioItem value="andy">
-            Andy
-          </MenubarRadioItem>
-          <MenubarRadioItem value="benoit">
-            Benoit
-          </MenubarRadioItem>
-          <MenubarRadioItem value="Luis">
-            Luis
-          </MenubarRadioItem>
-        </MenubarRadioGroup>
-        <MenubarSeparator />
-        <MenubarItem inset>
-          Edit...
-        </MenubarItem>
-        <MenubarSeparator />
-        <MenubarItem inset>
-          Add Profile...
-        </MenubarItem>
-      </MenubarContent>
-    </MenubarMenu>
-  </Menubar>
-</template>