first commit

.editorconfig

@@ -0,0 +1,13 @@
+# editorconfig.org
+root = true
+
+[*]
+indent_size = 2
+indent_style = space
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.env.example

@@ -0,0 +1,5 @@
+# Production license for @nuxt/ui-pro, get one at https://ui.nuxt.com/pro/purchase
+NUXT_UI_PRO_LICENSE=
+
+# Public URL, used for OG Image when running nuxt generate
+NUXT_PUBLIC_SITE_URL=

.gitignore

@@ -0,0 +1,27 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
+
+# VSC
+.history

.npmrc

@@ -0,0 +1 @@
+shamefully-hoist=true

README.md

@@ -0,0 +1,73 @@
+# BitSong Delegation DAO
+
+This is the official website for the BitSong Delegation DAO
+
+## Setup
+
+Make sure to install the dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm run dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm run build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm run preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```

app/app.config.ts

@@ -0,0 +1,68 @@
+export default defineAppConfig({
+  ui: {
+    primary: 'red',
+    gray: 'zinc',
+    footer: {
+      bottom: {
+        left: 'text-sm text-gray-500 dark:text-gray-400',
+        wrapper: 'border-t border-gray-200 dark:border-gray-800'
+      }
+    }
+  },
+  seo: {
+    siteName: 'BitSong Delegation DAO'
+  },
+  header: {
+    logo: {
+      alt: '',
+      light: '',
+      dark: ''
+    },
+    search: true,
+    colorMode: true,
+    links: [{
+      'icon': 'i-simple-icons-github',
+      'to': 'https://github.com/bitsongofficial',
+      'target': '_blank',
+      'aria-label': 'BitSong on GitHub'
+    }]
+  },
+  footer: {
+    credits: 'Copyright © 2024',
+    colorMode: false,
+    links: [{
+      'icon': 'i-heroicons-globe-alt',
+      'to': 'https://bitsong.io',
+      'target': '_blank',
+      'aria-label': 'BitSong Website'
+    }, {
+      'icon': 'i-simple-icons-discord',
+      'to': 'https://discord.bitsong.io',
+      'target': '_blank',
+      'aria-label': 'BitSong on Discord'
+    }, {
+      'icon': 'i-simple-icons-x',
+      'to': 'https://x.com/bitsongofficial',
+      'target': '_blank',
+      'aria-label': 'BitSong on X'
+    }, {
+      'icon': 'i-simple-icons-github',
+      'to': 'https://github.com/bitsongofficial',
+      'target': '_blank',
+      'aria-label': 'BitSong on GitHub'
+    }]
+  },
+  toc: {
+    title: 'Table of Contents',
+    bottom: {
+      title: 'Community',
+      edit: 'https://github.com/bitsongofficial/delegation-dao/edit/main/content',
+      links: [{
+        icon: 'i-heroicons-star',
+        label: 'Star on GitHub',
+        to: 'https://github.com/bitsongofficial/delegation-dao',
+        target: '_blank'
+      }]
+    }
+  }
+})

app/app.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import type { ParsedContent } from '@nuxt/content'
+
+const { seo } = useAppConfig()
+
+const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())
+const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', {
+  default: () => [],
+  server: false
+})
+
+useHead({
+  meta: [
+    { name: 'viewport', content: 'width=device-width, initial-scale=1' }
+  ],
+  link: [
+    { rel: 'icon', href: '/favicon.ico' }
+  ],
+  htmlAttrs: {
+    lang: 'en'
+  }
+})
+
+useSeoMeta({
+  titleTemplate: `%s - ${seo?.siteName}`,
+  ogSiteName: seo?.siteName
+  // ogImage: 'https://docs-template.nuxt.dev/social-card.png',
+  // twitterImage: 'https://docs-template.nuxt.dev/social-card.png',
+  // twitterCard: 'summary_large_image'
+})
+
+provide('navigation', navigation)
+</script>
+
+<template>
+  <div>
+    <NuxtLoadingIndicator />
+
+    <AppHeader />
+
+    <UMain class="min-h-[calc(90vh-var(--header-height))]">
+      <NuxtLayout>
+        <NuxtPage />
+      </NuxtLayout>
+    </UMain>
+
+    <AppFooter />
+
+    <ClientOnly>
+      <LazyUContentSearch :files="files" :navigation="navigation" />
+    </ClientOnly>
+
+    <UNotifications />
+  </div>
+</template>

app/components/AppFooter.vue

@@ -0,0 +1,23 @@
+<script setup lang="ts">
+const { footer } = useAppConfig()
+</script>
+
+<template>
+  <UFooter>
+    <template #left>
+      {{ footer.credits }}
+    </template>
+
+    <template #right>
+      <UColorModeButton v-if="footer?.colorMode" />
+
+      <template v-if="footer?.links">
+        <UButton
+          v-for="(link, index) of footer?.links"
+          :key="index"
+          v-bind="{ color: 'gray', variant: 'ghost', ...link }"
+        />
+      </template>
+    </template>
+  </UFooter>
+</template>

app/components/AppHeader.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import type { NavItem } from '@nuxt/content'
+
+const navigation = inject<NavItem[]>('navigation', [])
+
+const { header } = useAppConfig()
+</script>
+
+<template>
+  <UHeader>
+    <template #logo>
+      <template v-if="header?.logo?.dark || header?.logo?.light">
+        <UColorModeImage v-bind="{ class: 'h-6 w-auto', ...header?.logo }" />
+      </template>
+      <template v-else>
+        Delegation DAO
+      </template>
+    </template>
+
+    <template v-if="header?.search" #center>
+      <UContentSearchButton class="hidden lg:flex" />
+    </template>
+
+    <template #right>
+      <UContentSearchButton v-if="header?.search" :label="null" class="lg:hidden" />
+
+      <UColorModeButton v-if="header?.colorMode" />
+
+      <template v-if="header?.links">
+        <UButton v-for="(link, index) of header.links" :key="index"
+          v-bind="{ color: 'gray', variant: 'ghost', ...link }" />
+      </template>
+    </template>
+
+    <template #panel>
+      <UNavigationTree :links="mapContentNavigation(navigation)" />
+    </template>
+  </UHeader>
+</template>

app/components/OgImage/OgImageDocs.vue

@@ -0,0 +1,29 @@
+<script setup lang="ts">
+defineOptions({
+  inheritAttrs: false
+})
+
+defineProps({
+  title: {
+    type: String,
+    required: true
+  },
+  description: {
+    type: String,
+    required: true
+  }
+})
+</script>
+
+<template>
+  <div class="w-full h-full flex flex-col justify-center text-center bg-slate-900 p-8">
+    <div class="relative">
+      <h1 class="text-8xl mb-4 text-white">
+        {{ title }}
+      </h1>
+      <p class="text-5xl text-gray-200 leading-tight">
+        {{ description }}
+      </p>
+    </div>
+  </div>
+</template>

app/error.vue

@@ -0,0 +1,55 @@
+<script setup lang="ts">
+import type { ParsedContent } from '@nuxt/content'
+import type { NuxtError } from '#app'
+
+useSeoMeta({
+  title: 'Page not found',
+  description: 'We are sorry but this page could not be found.'
+})
+
+defineProps({
+  error: {
+    type: Object as PropType<NuxtError>,
+    required: true
+  }
+})
+
+useHead({
+  htmlAttrs: {
+    lang: 'en'
+  }
+})
+
+const { data: navigation } = await useAsyncData('navigation', () => fetchContentNavigation())
+const { data: files } = useLazyFetch<ParsedContent[]>('/api/search.json', {
+  default: () => [],
+  server: false
+})
+
+provide('navigation', navigation)
+</script>
+
+<template>
+  <div>
+    <AppHeader />
+
+    <UMain>
+      <UContainer>
+        <UPage>
+          <UPageError :error="error" />
+        </UPage>
+      </UContainer>
+    </UMain>
+
+    <AppFooter />
+
+    <ClientOnly>
+      <LazyUContentSearch
+        :files="files"
+        :navigation="navigation"
+      />
+    </ClientOnly>
+
+    <UNotifications />
+  </div>
+</template>