arthur/website-documentation
1
0
Fork 0
mirror of https://github.com/DiscordFactory/website-documentation.git synced 2026-02-02 09:57:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

🚧 Work in progress

Browse Source
This commit is contained in:
Freeze455
2021-08-17 09:55:08 +02:00
parent 247b90b451
commit 19a6327297
2 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/CollapseDemo.vue → src/components/CodeDemo.vue
View File

@@ -1,11 +1,11 @@
<template> <template>
<div class="flex space-x-5"> <div class="px-5 sm:px-0 flex flex-col sm:flex-row space-y-5 sm:space-y-0 sm:space-x-5">
<div class="w-1/2"> <div class="sm:w-1/2">
<Collapse <Collapse
:items="collapseHighlighting" :items="collapseHighlighting"
@handleChange="handleChange" /> @handleChange="handleChange" />
</div> </div>
<div class="flex w-1/2 bg-[#263238] rounded-lg overflow-hidden"> <div class="flex sm:w-1/2 bg-[#263238] rounded-lg overflow-hidden">
<transition <transition
enter-active-class="transition ease-out duration-300" enter-active-class="transition ease-out duration-300"
enter-from-class="transform opacity-0" enter-from-class="transform opacity-0"

12
src/templates/modules/default/Home.vue
View File

@@ -22,12 +22,18 @@
</div> </div>
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-900 py-20"> <div class="bg-white dark:bg-gray-900 py-10 sm:pt-14 sm:pb-32">
<div class="max-w-8xl mx-auto"> <div class="max-w-8xl mx-auto">
<Hightlight /> <Hightlight />
</div> </div>
</div> </div>
<div class="bg-white dark:bg-gray-900 py-10"> <div class="bg-white dark:bg-gray-900 py-10 space-y-20">
<div class="px-5 sm:px-0 text-center md:max-w-3xl md:mx-auto md:px-12">
<h2 class="text-gray-800 dark:text-gray-200 text-3xl sm:text-4xl font-title font-semibold md:text-6xl">All discord.js features in one place</h2>
<p class="text-lg mt-8 text-gray-500 md:text-xl">
AdonisJS is not a minimalist framework. To give your projects a head start, we pack many baseline features within the core of the framework.
</p>
</div>
<div class="max-w-6xl mx-auto"> <div class="max-w-6xl mx-auto">
<CollapseDemo /> <CollapseDemo />
</div> </div>
@@ -36,6 +42,6 @@
<script setup lang="ts"> <script setup lang="ts">
import Hightlight from '../../../components/Hightlight.vue' import Hightlight from '../../../components/Hightlight.vue'
import CollapseDemo from '../../../components/CollapseDemo.vue' import CollapseDemo from '../../../components/CodeDemo.vue'
</script> </script>