Content Customization

You can easily customize the content of your website by modifying the following directories:

Pages

The content displayed on your website pages can be found in the pages directory. Simply open the respective files to edit the text and layout as needed.

<template>
  <Container>
    <h1 class="text-gray-200 text-4xl text-center mb-8">Staff</h1>
    
    <!-- I recommend this page for finding colors: https://tailwindcss.com/docs/customizing-colors. I like the colors of shade "600" the most. -->

    <StaffGroup title="Management">
      <StaffMember name="Notch" rank="Owner" color="#dc2626" />
      <StaffMember name="jeb_" rank="Lead developer" color="#ca8a04" />
    </StaffGroup>

    <StaffGroup title="Moderators">
      <StaffMember name="Rushboe" rank="Moderator" color="#2563eb" />
      <StaffMember name="Steve" rank="Moderator" color="#2563eb" />
      <StaffMember name="C418" rank="Trial moderator" color="#0d9488" />
    </StaffGroup>
  </Container>
</template>

<script setup lang="ts">
useHead({
  title: 'Staff',
});
</script>

Components

For components like the header and footer, check the components directory. You can edit these files to change their appearance and content.

<template>
  <FooterComponent :socials="socials" />
</template>

<script lang="ts" setup>
const socials = [
  {
    title: 'Instagram',
    link: '#',
    icon: 'fa-brands fa-instagram',
  },
  {
    title: 'Youtube',
    link: '#',
    icon: 'fa-brands fa-youtube',
  },
  {
    title: 'Tiktok',
    link: '#',
    icon: 'fa-brands fa-tiktok',
  },
  {
    title: 'Discord',
    link: '#',
    icon: 'fa-brands fa-discord',
  },
];
</script>

Wiki Content

If you'd like to customize your Wiki’s content, refer to the Wiki Customization Guide for instructions on how to set up and edit your own Wiki.