mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-26 07:13:41 +01:00
Adds docs layouts
This commit is contained in:
Amir Raminfar
1
docs/components.d.ts
vendored
1
docs/components.d.ts
vendored
@@ -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']
|
||||
|
||||
@@ -1,48 +1,6 @@
|
||||
<template>
|
||||
<header py-2 px-4 bg-light dark:bg-dark z-10>
|
||||
<nav flex my-3 gap-x-4 justify-end>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-docker
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://hub.docker.com/r/amir20/dozzle/"
|
||||
/>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-github
|
||||
rel="noreferrer"
|
||||
href="https://github.com/amir20/dozzle"
|
||||
target="_blank"
|
||||
title="Dozzle GitHub"
|
||||
/>
|
||||
</nav>
|
||||
</header>
|
||||
<main text="gray-700 dark:gray-200" mb-22>
|
||||
<div text="gray-700 dark:gray-200" mb-22>
|
||||
<RouterView />
|
||||
</main>
|
||||
<footer class="mx-auto mt-32 w-full px-4 sm:px-6 lg:px-8">
|
||||
<div class="py-10">
|
||||
<p class="mt-5 text-center text-sm leading-6 text-gray-400">
|
||||
Made with ❤️ by <a href="https://amirraminfar.me">Amir Raminfar</a>.
|
||||
</p>
|
||||
<nav flex my-3 gap-x-4 justify-center>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-docker
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://hub.docker.com/r/amir20/dozzle/"
|
||||
/>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-github
|
||||
rel="noreferrer"
|
||||
href="https://github.com/amir20/dozzle"
|
||||
target="_blank"
|
||||
title="Dozzle GitHub"
|
||||
/>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
<the-footer />
|
||||
</template>
|
||||
|
||||
26
docs/src/components/TheFooter.vue
Normal file
26
docs/src/components/TheFooter.vue
Normal file
@@ -0,0 +1,26 @@
|
||||
<template>
|
||||
<footer class="mx-auto mt-32 w-full px-4 sm:px-6 lg:px-8">
|
||||
<div class="py-10">
|
||||
<p class="mt-5 text-center text-sm leading-6 text-gray-400">
|
||||
Made with ❤️ by <a href="https://amirraminfar.me">Amir Raminfar</a>.
|
||||
</p>
|
||||
<nav flex my-3 gap-x-4 justify-center>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-docker
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://hub.docker.com/r/amir20/dozzle/"
|
||||
/>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-github
|
||||
rel="noreferrer"
|
||||
href="https://github.com/amir20/dozzle"
|
||||
target="_blank"
|
||||
title="Dozzle GitHub"
|
||||
/>
|
||||
</nav>
|
||||
</div>
|
||||
</footer>
|
||||
</template>
|
||||
@@ -1,3 +1,24 @@
|
||||
<template>
|
||||
<header py-2 px-4 bg-light dark:bg-dark z-10>
|
||||
<nav flex my-3 gap-x-4 justify-end>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-docker
|
||||
text-xl
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://hub.docker.com/r/amir20/dozzle/"
|
||||
/>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-github
|
||||
text-xl
|
||||
rel="noreferrer"
|
||||
href="https://github.com/amir20/dozzle"
|
||||
target="_blank"
|
||||
title="Dozzle GitHub"
|
||||
/>
|
||||
</nav>
|
||||
</header>
|
||||
<RouterView />
|
||||
</template>
|
||||
|
||||
@@ -12,14 +12,46 @@ const menu = [
|
||||
</script>
|
||||
|
||||
<template>
|
||||
<div>
|
||||
<ul>
|
||||
<li v-for="item in menu" :key="item.path">
|
||||
<router-link :to="item.path">
|
||||
{{ item.name }}
|
||||
</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
<header py-2 px-4 bg-light dark:bg-dark z-10 container mx-auto sticky top-0>
|
||||
<nav flex my-3 gap-x-4 justify-end>
|
||||
<h1 font-playfair dark:text-brand mr-auto text-4xl>
|
||||
Dozzle
|
||||
</h1>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-docker
|
||||
text-xl
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
href="https://hub.docker.com/r/amir20/dozzle/"
|
||||
/>
|
||||
<a
|
||||
icon-btn
|
||||
i-mdi-github
|
||||
text-xl
|
||||
rel="noreferrer"
|
||||
href="https://github.com/amir20/dozzle"
|
||||
target="_blank"
|
||||
title="Dozzle GitHub"
|
||||
/>
|
||||
</nav>
|
||||
</header>
|
||||
<div flex container mx-auto px-4>
|
||||
<aside>
|
||||
<nav w-64>
|
||||
<ul>
|
||||
<li v-for="item in menu" :key="item.path">
|
||||
<router-link :to="item.path">
|
||||
{{ item.name }}
|
||||
</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</aside>
|
||||
<main>
|
||||
<article prose text-lg max-w-full>
|
||||
<RouterView />
|
||||
</article>
|
||||
</main>
|
||||
</div>
|
||||
<RouterView />
|
||||
</template>
|
||||
|
||||
@@ -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
|
||||
<route lang="yaml">
|
||||
meta:
|
||||
layout: docs
|
||||
|
||||
@@ -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?
|
||||
|
||||
<route lang="yaml">
|
||||
meta:
|
||||
|
||||
@@ -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/
|
||||
|
||||
Reference in New Issue
Block a user