diff --git a/docs/components.d.ts b/docs/components.d.ts index 823c6587..d589be2a 100644 --- a/docs/components.d.ts +++ b/docs/components.d.ts @@ -12,6 +12,7 @@ declare module '@vue/runtime-core' { BrowserWindow: typeof import('./src/components/BrowserWindow.vue')['default'] CodeBlock: typeof import('./src/components/CodeBlock.vue')['default'] Features: typeof import('./src/components/Features.vue')['default'] + Footer: typeof import('./src/components/TheFooter.vue')['default'] Hero: typeof import('./src/components/Hero.vue')['default'] Installation: typeof import('./src/components/Installation.vue')['default'] KeyShortcut: typeof import('./src/components/KeyShortcut.vue')['default'] diff --git a/docs/src/App.vue b/docs/src/App.vue index 8e62f037..071ece90 100644 --- a/docs/src/App.vue +++ b/docs/src/App.vue @@ -1,48 +1,6 @@ diff --git a/docs/src/components/TheFooter.vue b/docs/src/components/TheFooter.vue new file mode 100644 index 00000000..365d0e3b --- /dev/null +++ b/docs/src/components/TheFooter.vue @@ -0,0 +1,26 @@ + diff --git a/docs/src/layouts/default.vue b/docs/src/layouts/default.vue index 7c2aa3f3..b614adbe 100644 --- a/docs/src/layouts/default.vue +++ b/docs/src/layouts/default.vue @@ -1,3 +1,24 @@ diff --git a/docs/src/layouts/docs.vue b/docs/src/layouts/docs.vue index f9512ede..8b78d188 100644 --- a/docs/src/layouts/docs.vue +++ b/docs/src/layouts/docs.vue @@ -12,14 +12,46 @@ const menu = [ diff --git a/docs/src/pages/guide/getting-started.md b/docs/src/pages/guide/getting-started.md index fa40b09b..06d2f669 100644 --- a/docs/src/pages/guide/getting-started.md +++ b/docs/src/pages/guide/getting-started.md @@ -1,8 +1,92 @@ --- -title: Getting started +title: Getting Started with Dozzle --- -Getting started +fringilla vel, aliquet nec, vulputate eget, arcu! In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium; +Integer tincidunt; Cras dapibus. Vivamus elementum semper nisi; Aenean vulputate +eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, +enim? Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus +viverra nulla ut metus varius laoreet? Quisque rutrum. Aenean imperdiet? Etiam +ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui. +Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula +eget dolor! Aenean massa. Cum sociis natoque penatibus et magnis dis parturient +montes, nascetur ridiculus mus; Donec quam felis, ultricies nec, pellentesque +eu, pretium quis, sem; Nulla consequat massa quis enim. Donec pede justo, +fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium! +Integer tincidunt! Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate +eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, +enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus! Phasellus +viverra nulla ut metus varius laoreet; Quisque rutrum? Aenean imperdiet? Etiam +ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui; +Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula +eget dolor. Aenean massa! Cum sociis natoque penatibus et magnis dis parturient +montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque +eu, pretium quis, sem! Nulla consequat massa quis enim! Donec pede justo, +fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo; Nullam dictum felis eu pede mollis pretium! + + +Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate +eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, +enim; Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus +viverra nulla ut metus varius laoreet. Quisque rutrum? Aenean imperdiet? Etiam +ultricies nisi vel augue; Curabitur ullamcorper ultricies nisi. Nam eget dui. +Lorem ipsum dolor sit amet, consectetuer adipiscing elit; Aenean commodo ligula +eget dolor; Aenean massa! Cum sociis natoque penatibus et magnis dis parturient +montes, nascetur ridiculus mus? Donec quam felis, ultricies nec, pellentesque +eu, pretium quis, sem; Nulla consequat massa quis enim? Donec pede justo, +fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo! Nullam dictum felis eu pede mollis pretium; +Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi. Aenean vulputate +eleifend tellus! Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, +enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus + +fringilla vel, aliquet nec, vulputate eget, arcu! In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium; +Integer tincidunt; Cras dapibus. Vivamus elementum semper nisi; Aenean vulputate +eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, +enim? Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus +viverra nulla ut metus varius laoreet? Quisque rutrum. Aenean imperdiet? Etiam +ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui. +Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula +eget dolor! Aenean massa. Cum sociis natoque penatibus et magnis dis parturient +montes, nascetur ridiculus mus; Donec quam felis, ultricies nec, pellentesque +eu, pretium quis, sem; Nulla consequat massa quis enim. Donec pede justo, + + +fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo? Nullam dictum felis eu pede mollis pretium! +Integer tincidunt! Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate +eleifend tellus; Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, + +enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus! Phasellus +viverra nulla ut metus varius laoreet; Quisque rutrum? Aenean imperdiet? Etiam +ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi; Nam eget dui; +Lorem ipsum dolor sit amet, consectetuer adipiscing elit? Aenean commodo ligula + +eget dolor. Aenean massa! Cum sociis natoque penatibus et magnis dis parturient +montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque +eu, pretium quis, sem! Nulla consequat massa quis enim! Donec pede justo, +fringilla vel, aliquet nec, vulputate eget, arcu; In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo; Nullam dictum felis eu pede mollis pretium! +Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi! Aenean vulputate +eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, +enim; Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus +viverra nulla ut metus varius laoreet. Quisque rutrum? Aenean imperdiet? Etiam + +ultricies nisi vel augue; Curabitur ullamcorper ultricies nisi. Nam eget dui. +Lorem ipsum dolor sit amet, consectetuer adipiscing elit; Aenean commodo ligula +eget dolor; Aenean massa! Cum sociis natoque penatibus et magnis dis parturient +montes, nascetur ridiculus mus? Donec quam felis, ultricies nec, pellentesque + +eu, pretium quis, sem; Nulla consequat massa quis enim? Donec pede justo, +fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, +imperdiet a, venenatis vitae, justo! Nullam dictum felis eu pede mollis pretium; +Integer tincidunt? Cras dapibus! Vivamus elementum semper nisi. Aenean vulputate +eleifend tellus! Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, +enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus meta: layout: docs diff --git a/docs/src/pages/guide/what-is-dozzle.md b/docs/src/pages/guide/what-is-dozzle.md index f8cb2915..5e235a2a 100644 --- a/docs/src/pages/guide/what-is-dozzle.md +++ b/docs/src/pages/guide/what-is-dozzle.md @@ -1,8 +1,14 @@ --- title: What is Dozzle? --- +# What is Dozzle? + +Dozzle is open-sourced project sponsored by Docker OSS. It is a log viewer designed to simplify the process of monitoring and debugging containers. It is a lightweight, web-based application that provides real-time log streaming, filtering, and searching capabilities through an intuitive user interface. + +Users can quickly and easily access logs generated by their Docker containers, making it an essential tool for debugging and troubleshooting applications running in a Docker environment. Out of the box, Dozzle supports JSON logs with intelligent color coding. + +Dozzle is easy to install and can be configured with minimal effort, making it an ideal solution for developers and system administrators looking for an efficient and user-friendly log viewer for their Docker environment. The tool is available under the MIT license and is actively maintained by its developer, Amir Raminfar. -What is dozzle? meta: diff --git a/docs/vite.config.ts b/docs/vite.config.ts index ebb9c63d..ca7fe1f9 100644 --- a/docs/vite.config.ts +++ b/docs/vite.config.ts @@ -65,7 +65,7 @@ export default defineConfig({ // see unocss.config.ts for config Unocss(), Markdown({ - wrapperClasses: 'prose prose-sm m-auto text-left', + headEnabled: true, markdownItSetup(md) { // https://prismjs.com/