mirror of
https://github.com/amir20/dozzle.git
synced 2025-12-24 14:31:44 +01:00
81 lines
3.3 KiB
HTML
81 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
|
<title>Dozzle - Log viewer for Docker</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto|Gafta&display=swap" rel="stylesheet" />
|
|
<link rel="stylesheet" type="text/css" href="style.scss" inline="inline"/>
|
|
<script defer src="https://use.fontawesome.com/releases/v5.3.1/js/all.js"></script>
|
|
</head>
|
|
<body>
|
|
<section class="hero is-fullheight is-light">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns is-vcentered">
|
|
<div class="column has-text-centered">
|
|
<h1 class="title is-1">
|
|
<span class="green-highlight">Dozzle</span>
|
|
<small class="subtitle is-2">
|
|
is a real-time log viewer for <span class="yellow-highlight">docker containers</span>.
|
|
</small>
|
|
</h1>
|
|
<a class="button is-primary is-large is-rounded" href="https://github.com/amir20/dozzle">
|
|
<span class="icon">
|
|
<i class="fab fa-github"></i>
|
|
</span>
|
|
<span>GitHub</span>
|
|
</a>
|
|
<a class="button is-info is-large is-rounded" href="#more">Learn More</a>
|
|
</div>
|
|
<div class="column is-8">
|
|
<div id="video">
|
|
<div class="browser">
|
|
<i class="circle red"></i>
|
|
<i class="circle yellow"></i>
|
|
<i class="circle green"></i>
|
|
</div>
|
|
<video muted loop autoplay preload playsinline poster="media/poster.jpg">
|
|
<source src="media/dozzle.webm" type="video/webm" />
|
|
<source src="media/dozzle.mp4" type="video/mp4" />
|
|
<img src="media/poster.png" alt="" />
|
|
</video>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="hero is-medium" id="more">
|
|
<div class="hero-body">
|
|
<div class="container">
|
|
<div class="columns is-vcentered">
|
|
<div class="column has-text-centered">
|
|
<img src="media/docker.png" alt="Dozzle is easy to install with docker" />
|
|
</div>
|
|
<div class="column is-8 is-offset-1">
|
|
<h1 class="title is-2">
|
|
Installation
|
|
</h1>
|
|
<h6 class="subtitle is-6">Easy to install with docker and smaller than <b>5MB</b>.</h6>
|
|
<div>
|
|
<div class="has-text-right">
|
|
<button
|
|
class="button is-small copy"
|
|
data-clipboard-text="docker run --detach --volume=/var/run/docker.sock:/var/run/docker.sock -p 8080:8080 amir20/dozzle"
|
|
>
|
|
Copy
|
|
</button>
|
|
</div>
|
|
<pre><code>docker run --detach --volume=/var/run/docker.sock:/var/run/docker.sock -p 8080:8080 amir20/dozzle</code></pre>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<script src="script.js" inline="inline"></script>
|
|
</body>
|
|
</html>
|