Skip to content

D
docs
Commit bca26f6f authored by Stuart Nelson's avatar Stuart Nelson
Browse files
Options

make some spacing changes to the main page

parent 2ac7105c
Hide whitespace changes
Inline Side-by-side
Showing with 84 additions and 55 deletions
content/index.html
View file @ bca26f6f
---
title: Home
---
<div class="row">
<div class="col-md-4">
<h2><i class="fa fa-flask"></i> Data Model</h2>
<p>Prometheus implements a highly dimensional data model. Timeseries are identified by a metric name and a set of key-value pairs.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-search"></i> Query Language</h2>
<p>A flexible query languge allows slicing and dicing of collected timeseries data in order to generate ad-hoc graphs, tables, and alerts.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-line-chart"></i> Visualization</h2>
<p>Prometheus supports multiple modes for visualizing data: a built-in expression browser, a GUI-based dashboard builder, and a console template language.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2><i class="fa fa-cloud-download"></i> Pull Model</h2>
<p>Prometheus collects timeseries data by scraping instrumented services via HTTP. Short-lived jobs are supported via a push gateway.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-database"></i> Storage</h2>
<p>Prometheus stores timeseries in memory and on local disk in an efficient custom format. Scaling is achieved by functional sharding and federation.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-cog"></i> Operation</h2>
<p>Prometheus servers are autonomous, with no dependency on distributed storage. Written in Go, all binaries are statically linked and easy to deploy.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2><i class="fa fa-code"></i> Client Libraries</h2>
<p>Client libraries allow easy instrumentation of services. Currently, Go, Java, and Ruby are supported. Custom libraries are easy to implement.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-warning"></i> Alerting</h2>
<p>Alerts are defined based on Prometheus's flexible query language and maintain dimensional information. An alertmanager handles notifications and silencing.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-cloud-upload"></i> Exporters</h2>
<p>Existing exporters allow bridging of third-party data into Prometheus. Examples: system statistics, as well as Docker, HAProxy, StatsD, and JMX metrics. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
<div class="main">
<div class="row">
<div class="col-md-4">
<h2><i class="fa fa-flask"></i> Data Model</h2>
<p class="desc">Prometheus implements a highly dimensional data model. Timeseries are identified by a metric name and a set of key-value pairs.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-search"></i> Query Language</h2>
<p class="desc">A flexible query languge allows slicing and dicing of collected timeseries data in order to generate ad-hoc graphs, tables, and alerts.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-line-chart"></i> Visualization</h2>
<p class="desc">Prometheus supports multiple modes for visualizing data: a built-in expression browser, a GUI-based dashboard builder, and a console template language.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2><i class="fa fa-cloud-download"></i> Pull Model</h2>
<p class="desc">Prometheus collects timeseries data by scraping instrumented services via HTTP. Short-lived jobs are supported via a push gateway.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-database"></i> Storage</h2>
<p class="desc">Prometheus stores timeseries in memory and on local disk in an efficient custom format. Scaling is achieved by functional sharding and federation.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-cog"></i> Operation</h2>
<p class="desc">Prometheus servers are autonomous, with no dependency on distributed storage. Written in Go, all binaries are statically linked and easy to deploy.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
<div class="row">
<div class="col-md-4">
<h2><i class="fa fa-code"></i> Client Libraries</h2>
<p class="desc">Client libraries allow easy instrumentation of services. Currently, Go, Java, and Ruby are supported. Custom libraries are easy to implement.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-warning"></i> Alerting</h2>
<p class="desc">Alerts are defined based on Prometheus's flexible query language and maintain dimensional information. An alertmanager handles notifications and silencing.</p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
<div class="col-md-4">
<h2><i class="fa fa-cloud-upload"></i> Exporters</h2>
<p class="desc">Existing exporters allow bridging of third-party data into Prometheus. Examples: system statistics, as well as Docker, HAProxy, StatsD, and JMX metrics. </p>
<p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
</div>
</div>
</div>
layouts/header.html
View file @ bca26f6f
......@@ -41,11 +41,11 @@
<a class="navbar-brand" href="/">Prometheus</a>
</div>
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="/">OVERVIEW</a></li>
<li><a href="/docs">DOCUMENTATION</a></li>
<li><a href="/community">COMMUNITY</a></li>
<li><a href="https://github.com/prometheus"><i class="fa fa-github"></i> GITHUB</a></li>
<ul class="nav navbar-nav navbar-right main-nav">
<li><a href="/">Overview</a></li>
<li><a href="/docs">Documentation</a></li>
<li><a href="/community">Community</a></li>
<li><a href="https://github.com/prometheus"><i class="fa fa-github"></i> Github</a></li>
</ul>
</div>
</div>
......
layouts/jumbotron.html
View file @ bca26f6f
......@@ -3,7 +3,7 @@
<div class="jumbotron">
<div class="container">
<h1>Prometheus</h1>
<p>An open-source service monitoring system and timeseries database.</p>
<p class="subtitle">An open-source service monitoring system and timeseries database.</p>
<p><a class="btn btn-default btn-lg" href="/docs/introduction/overview" role="button">Get Started</a></p>
</div>
</div>
......
static/docs.css
View file @ bca26f6f
......@@ -80,3 +80,30 @@ pre {
code {
color: #333;
}
.main p {
font-size: 16px;
line-height: 1.8em;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
}
.main .desc {
margin-bottom: 20px;
}
.main-nav {
letter-spacing: 1px;
font-family: Avenir, 'Open Sans', serif;
font-size: 12px;
font-weight: 500;
text-transform: uppercase;
}
.jumbotron {
padding: 40px 0;
}
.jumbotron .subtitle {
margin-bottom: 20px;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Technounit-GROUP 2023