Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
D
docs
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Boards
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Administrator
docs
Commits
9739676c
Commit
9739676c
authored
Apr 11, 2016
by
Julius Volz
Browse files
Options
Browse Files
Download
Plain Diff
Merge pull request #386 from prometheus/design-experiments
Improve overall website design.
parents
cef3bb10
d55a613e
Changes
6
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
333 additions
and
211 deletions
+333
-211
docs.css
content/css/docs.css
+146
-56
index.html
content/index.html
+180
-115
container_footer.html
layouts/container_footer.html
+1
-1
header.html
layouts/header.html
+5
-3
jumbotron.html
layouts/jumbotron.html
+1
-17
prometheus_logo.svg
static/prometheus_logo.svg
+0
-19
No files found.
content/css/docs.css
View file @
9739676c
/* Move down content because we have a fixed navbar that is 50px tall */
body
{
font-family
:
'Open Sans'
,
serif
;
font-family
:
'Open Sans'
,
'Helvetica Neue'
,
Helvetica
,
sans-
serif
;
}
.navbar
{
margin-bottom
:
0
;
min-height
:
60px
;
}
.navbar-brand
{
font-size
:
20px
;
margin-top
:
4px
;
font-family
:
Lato
,
sans-serif
;
font-size
:
26px
;
font-weight
:
300
;
color
:
#aaa
;
}
.navbar-brand
img
{
height
:
27
px
;
height
:
30
px
;
display
:
inline
;
margin-top
:
-
4
px
;
margin-top
:
-
5
px
;
margin-right
:
3px
;
margin-left
:
12px
;
}
.navbar
.github-stars
{
...
...
@@ -25,25 +29,60 @@ body {
height
:
20px
;
}
.navbar-toggle
{
margin-top
:
22px
;
}
.navbar-jumbotron
.navbar
{
min-height
:
83px
;
}
.navbar-jumbotron
.navbar-brand
{
margin-top
:
14px
;
}
.navbar-jumbotron
.main-nav
{
margin-top
:
17px
;
}
.main-nav
{
margin-top
:
4px
;
letter-spacing
:
1px
;
font-family
:
'Lato'
,
sans-serif
;
font-size
:
16px
;
text-transform
:
uppercase
;
}
.jumbotron
{
background-color
:
#e6522c
;
background-image
:
url("/assets/jumbotron-background.png")
;
text-align
:
center
;
font-family
:
Lato
,
sans-serif
;
text-shadow
:
rgba
(
0
,
0
,
0
,
0.2
)
0px
2px
0px
;
margin-bottom
:
50px
;
padding
:
40px
0
;
}
.jumbotron
h1
{
margin-top
:
30px
;
font-size
:
52px
;
font-weight
:
300
;
color
:
#fff
;
}
.jumbotron
p
{
color
:
rgba
(
255
,
255
,
255
,
0.7
);
.jumbotron
.subtitle
{
font-weight
:
300
;
font-size
:
32px
;
color
:
rgba
(
255
,
255
,
255
,
0.8
);
margin-bottom
:
20px
;
}
.jumbotron
a
.btn
{
border
:
none
;
background-color
:
rgba
(
0
,
0
,
0
,
0.15
);
color
:
#fff
;
padding
:
20px
25px
20px
25px
;
margin-top
:
15px
;
}
.jumbotron
a
.btn
:hover
{
...
...
@@ -51,34 +90,105 @@ body {
color
:
#fff
;
}
.jumbotron
img
{
height
:
100px
;
padding-bottom
:
15px
;
.feature-item
{
font-family
:
'Lato'
,
sans-serif
;
font-weight
:
300
;
cursor
:
pointer
;
height
:
200px
;
}
.jumbotron
.subtitle
{
margin-bottom
:
20px
;
.feature-item
:hover
{
background-color
:
#fad9d1
;
border-radius
:
3px
;
}
.main
.fa
{
color
:
#e6522c
;
.feature-item
a
{
text-decoration
:
none
;
color
:
none
;
}
.main
h2
{
.feature-item
h2
{
color
:
#333
;
font-weight
:
300
;
font-size
:
25px
;
white-space
:
nowrap
;
}
.feature-item
.fa
{
margin-right
:
5px
;
color
:
#e6522c
;
}
.feature-item
p
{
font-size
:
16px
;
line-height
:
1.8em
;
text-rendering
:
optimizeLegibility
;
-webkit-font-smoothing
:
antialiased
;
color
:
#111
;
}
.top-hr
{
margin-top
:
30px
;
}
.quote
{
margin
:
25px
0
25px
0
;
font-family
:
'Lato'
,
sans-serif
;
font-weight
:
300
;
text-align
:
center
;
}
.quote-text
{
width
:
60%
;
margin
:
auto
;
font-size
:
22px
;
font-style
:
italic
;
color
:
#be3511
;
}
.quote-source
{
font-size
:
16px
;
margin-top
:
15px
;
margin-left
:
50px
;
}
.open-source
{
margin
:
25px
0
25px
0
;
font-family
:
'Lato'
,
sans-serif
;
font-weight
:
300
;
text-align
:
center
;
}
.open-source
h1
{
margin-top
:
0
;
font-weight
:
300
;
}
.open-source
p
{
width
:
50%
;
margin
:
auto
;
font-size
:
20px
;
}
.trusted-by
{
font-family
:
'Lato'
,
sans-serif
;
font-size
:
20px
;
font-weight
:
300
;
padding-bottom
:
10px
;
}
.logos
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
height
:
64px
;
}
footer
{
font-size
:
12px
;
color
:
#333
;
}
a
.sc-logo
img
{
margin-left
:
3px
;
margin-bottom
:
3px
;
}
/* Docs-related styles. */
.side-nav-col
{
z-index
:
100
;
...
...
@@ -125,19 +235,17 @@ a.sc-logo img {
}
.doc-content
{
margin-top
:
25px
;
}
.doc-content
{
font-size
:
18px
;
font-size
:
16px
;
}
.doc-content
p
,
.doc-content.ul
,
.doc-content
.alert
{
margin
:
25px
0
25px
0
;
margin
:
15px
0
15px
0
;
line-height
:
1.5
;
}
.doc-content
>
h1
{
color
:
#e6522c
;
font-size
:
30px
;
text-transform
:
uppercase
;
margin
:
40px
0
10px
0
;
}
...
...
@@ -152,7 +260,7 @@ a.sc-logo img {
.doc-content
>
h2
{
color
:
#e6522c
;
font-size
:
2
5
px
;
font-size
:
2
2
px
;
}
.doc-content
>
h2
code
{
...
...
@@ -161,7 +269,8 @@ a.sc-logo img {
}
.doc-content
>
h3
{
font-size
:
22px
;
font-size
:
20px
;
font-weight
:
bold
;
}
.doc-content
>
h4
{
...
...
@@ -214,7 +323,7 @@ a.sc-logo img {
.toc
{
padding
:
1em
;
background-color
:
#
eee
;
background-color
:
#
f9f2f4
;
}
.toc-right
{
...
...
@@ -234,33 +343,21 @@ a.sc-logo img {
}
pre
{
border
:
1px
solid
#ddd
;
border-left
:
4px
solid
#e6522c
;
border-radius
:
0
;
font-family
:
"Courier New"
,
Monaco
,
Menlo
,
Consolas
,
monospace
;
background-color
:
#f9f2f4
;
border
:
1px
solid
#333
;
color
:
#333
;
padding
:
15px
;
}
code
{
color
:
#333
;
pre
code
{
white-space
:
pre
;
}
.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
;
code
{
color
:
#333
;
}
aside
{
...
...
@@ -276,10 +373,3 @@ article {
.read-more
>
a
{
color
:
#888
;
}
.logos
{
display
:
flex
;
align-items
:
center
;
justify-content
:
center
;
height
:
64px
;
}
content/index.html
View file @
9739676c
This diff is collapsed.
Click to expand it.
layouts/container_footer.html
View file @
9739676c
...
...
@@ -2,6 +2,6 @@
<footer>
<p
class=
"pull-left"
>
©
Prometheus Authors 201
5
©
Prometheus Authors 201
6
</p>
</footer>
layouts/header.html
View file @
9739676c
...
...
@@ -43,7 +43,8 @@
<!-- Custom Fonts -->
<link
href=
"/assets/font-awesome-4.2.0/css/font-awesome.min.css"
rel=
"stylesheet"
type=
"text/css"
>
<link
rel=
"stylesheet"
type=
"text/css"
href=
"//fonts.googleapis.com/css?family=Open+Sans"
>
<link
href=
'https://fonts.googleapis.com/css?family=Open+Sans'
rel=
'stylesheet'
type=
'text/css'
>
<link
href=
'https://fonts.googleapis.com/css?family=Lato:300,300italic,400'
rel=
'stylesheet'
type=
'text/css'
>
<script
src=
"https://code.jquery.com/jquery-2.2.2.min.js"
integrity=
"sha256-36cp2Co+/62rEAAYHLmRCPIych47CvdM+uTBJwSzWjI="
crossorigin=
"anonymous"
></script>
<script
src=
"/assets/docs.js"
></script>
...
...
@@ -51,6 +52,7 @@
<body>
<div
class=
"<%= @item[:layout] == 'jumbotron' ? 'navbar-jumbotron' : '' %>"
>
<nav
class=
"navbar navbar-inverse navbar-static-top"
role=
"navigation"
>
<div
class=
"container"
>
<div
class=
"navbar-header"
>
...
...
@@ -64,8 +66,7 @@
</div>
<div
class=
"collapse navbar-collapse"
id=
"navbar"
>
<ul
class=
"nav navbar-nav navbar-right main-nav"
>
<li><a
href=
"/"
>
Overview
</a></li>
<li><a
href=
"/docs/introduction/overview/"
>
Documentation
</a></li>
<li><a
href=
"/docs/introduction/overview/"
>
Docs
</a></li>
<li><a
href=
"/community/"
>
Community
</a></li>
<li><a
href=
"/blog/"
>
Blog
</a></li>
<li><a
href=
"https://github.com/prometheus"
><i
class=
"fa fa-github"
></i>
Github
</a></li>
...
...
@@ -76,3 +77,4 @@
</div>
</div>
</nav>
</div>
layouts/jumbotron.html
View file @
9739676c
<
%=
render
'
header
'
%
>
<div
class=
"jumbotron"
>
<div
class=
"container"
>
<h1><img
src=
"/assets/prometheus_logo.svg"
alt=
"Prometheus logo"
>
Prometheus
</h1>
<p
class=
"subtitle"
>
An open-source service monitoring system and time series database.
</p>
<p>
<a
class=
"btn btn-default btn-lg"
href=
"/docs/introduction/getting_started/"
role=
"button"
>
Get Started
</a>
<a
class=
"btn btn-default btn-lg"
href=
"https://promcon.io/"
role=
"button"
>
PromCon 2016
</a>
</p>
</div>
</div>
<div
class=
"container"
>
<
%=
yield
%
>
<
%=
render
'
container_footer
'
%
>
</div>
<
%=
yield
%
>
<
%=
render
'
footer
'
%
>
static/prometheus_logo.svg
deleted
100644 → 0
View file @
cef3bb10
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg
version=
"1.1"
id=
"Layer_1"
xmlns=
"http://www.w3.org/2000/svg"
xmlns:xlink=
"http://www.w3.org/1999/xlink"
x=
"0px"
y=
"0px"
width=
"115.333px"
height=
"114px"
viewBox=
"0 0 115.333 114"
enable-background=
"new 0 0 115.333 114"
xml:space=
"preserve"
>
<g
id=
"Layer_2"
>
</g>
<g>
<path
fill=
"#FFFFFF"
d=
"M56.667,0.667C25.372,0.667,0,26.036,0,57.332c0,31.295,25.372,56.666,56.667,56.666
s56.666-25.371,56.666-56.666C113.333,26.036,87.961,0.667,56.667,0.667z M56.667,106.722c-8.904,0-16.123-5.948-16.123-13.283
H72.79C72.79,100.773,65.571,106.722,56.667,106.722z M83.297,89.04H30.034v-9.658h53.264V89.04z M83.106,74.411h-52.92
c-0.176-0.203-0.356-0.403-0.526-0.609c-5.452-6.62-6.736-10.076-7.983-13.598c-0.021-0.116,6.611,1.355,11.314,2.413
c0,0,2.42,0.56,5.958,1.205c-3.397-3.982-5.414-9.044-5.414-14.218c0-11.359,8.712-21.285,5.569-29.308
c3.059,0.249,6.331,6.456,6.552,16.161c3.252-4.494,4.613-12.701,4.613-17.733c0-5.21,3.433-11.262,6.867-11.469
c-3.061,5.045,0.793,9.37,4.219,20.099c1.285,4.03,1.121,10.812,2.113,15.113C63.797,33.534,65.333,20.5,71,16
c-2.5,5.667,0.37,12.758,2.333,16.167c3.167,5.5,5.087,9.667,5.087,17.548c0,5.284-1.951,10.259-5.242,14.148
c3.742-0.702,6.326-1.335,6.326-1.335l12.152-2.371C91.657,60.156,89.891,67.418,83.106,74.411z"
/>
</g>
</svg>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment