Skip to content

Commit 42696f1

Browse files
authored
Merge pull request #29 from obfuscurity/feature/case_studies
WIP - User case studies
2 parents 7baada2 + 6495436 commit 42696f1

13 files changed

Lines changed: 145 additions & 49 deletions

File tree

_includes/page-footer.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -41,9 +41,9 @@ <h3 class="section-subhead">Get in Touch</h3>
4141
<li class="links-list__item">
4242
<a class="links-list__link" href="http://graphite.readthedocs.org/en/latest/" target="_blank"><strong>Docs</strong></a>
4343
</li>
44-
<!--li class="links-list__item">
44+
<li class="links-list__item">
4545
<a class="links-list__link" href="/case-studies/" target="_blank"><strong>Case Studies</strong></a>
46-
</li-->
46+
</li>
4747
<li class="links-list__item">
4848
<a class="links-list__link" href="/quick-start-guides/" target="_blank"><strong>Quick Start Guides</strong></a>
4949
</li>

_includes/page-header.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,9 +12,9 @@
1212
<li class="site-nav__item">
1313
<a class="site-nav__link anchor" href="/#integrations">Integrations</a>
1414
</li>
15-
<!--li class="site-nav__item">
15+
<li class="site-nav__item">
1616
<a class="site-nav__link {% if page.url == '/case-studies/' %}active{% endif %}" href="/case-studies">Case Studies</a>
17-
</li-->
17+
</li>
1818
<li class="site-nav__item">
1919
<a class="site-nav__link {% if page.url == '/quick-start-guides/' %}active{% endif %}" href="/quick-start-guides">Quick Start Guides</a>
2020
</li>

case-studies/booking.html

Lines changed: 63 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,63 @@
1+
---
2+
layout: default
3+
title: Case Study - Booking.com
4+
---
5+
6+
<div class="banner-section banner-section--intro">
7+
<div class="wrapper">
8+
<h2>Case Study: <span>Booking.com</span></h2>
9+
</div>
10+
</div>
11+
12+
<div class="page-section">
13+
<div class="wrapper">
14+
<div class="page-section__full">
15+
<hr class="hr">
16+
<h3 class="section-subhead">About Booking.com</h3>
17+
<p class="intro">Booking.com is the world leader in booking accommodations online. Each day, over 1,000,000 room nights are reserved on Booking.com. The Booking.com website and apps attract visitors from both the leisure and business sectors worldwide.</p>
18+
19+
<div class="qanda">
20+
21+
<p><strong>Date:</strong></p>
22+
<p>October 21, 2014</p>
23+
24+
<p><strong>What is your name?</strong></p>
25+
<p>Brad Lhotsky</p>
26+
27+
<p><strong>What is the name of your company?</strong></p>
28+
<p>Booking.com</p>
29+
30+
<p><strong>What is your position or title?</strong></p>
31+
<p>Systems Security Team Lead</p>
32+
33+
<p><strong>How long has your company/org/dept/team been using Graphite?</strong></p>
34+
<p>3 years</p>
35+
36+
<p><strong>What do you use Graphite to monitor?</strong></p>
37+
<p>We use graphite as our primary system, network, and application performance metric store. We also track business analytics in Graphite. My team uses Graphite to monitor our security infrastructure and track security metrics including vulnerabilities, frequency of security scanners, and alerting levels.</p>
38+
39+
<p><strong>What questions does Graphite help you answer?</strong></p>
40+
<p>Graphite metrics are used for everything from system and network performance investigations through to business intelligence. </p>
41+
42+
<p><strong>What problems does Graphite help you solve?</strong></p>
43+
<p>Graphite has provided a simple API to empower developers, system administrators, network engineers, and security engineers a way to store time-series data. This means we can correlate data across all these disciplines to understand the full impact of code changes, network infrastructure changes, or security policies in near real time.</p>
44+
45+
<p><strong>Do you track any business or non-technical metrics in Graphite?</strong></p>
46+
<p>We track both technical and business metrics in Graphite. It allows us to understand the business costs of outages or performance degradations easily. It also allows us to correlate business trends with system, network, and applicaiton level trends. This leads to more informed decision making by the technical people and confidence in the technical teams by the business folks.</p>
47+
48+
<p><strong>Do you use Graphite for anything unique?</strong></p>
49+
<p>The scope of the business level monitoring we do with Graphite is significant. Most technical decisions are made only once business value is understood. Graphite provides a convenient way for technical and non-technical people to access both the technical and business data in an easy to understand way.</p>
50+
</div>
51+
</div>
52+
</div>
53+
</div>
54+
55+
<hr />
56+
<div class="page-section">
57+
<div class="wrapper">
58+
<div class="text-center">
59+
<h2>Install Graphite and Get Started</h2>
60+
<a class="btn btn--primary" href="https://graphite.readthedocs.io/en/latest/install.html" target="_blank">Install</a>
61+
</div>
62+
</div>
63+
</div>

case-studies/etsy.html

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,10 @@ <h3 class="section-subhead">About Etsy</h3>
1717
<p class="intro">Etsy is a marketplace where people around the world connect, both online and offline, to make, sell and buy unique goods. Focused on handmade or vintage items and supplies, as well as unique factory-manufactured items, these items cover a wide range, including art, photography, clothing, jewelry, food, bath and beauty products, quilts, knick-knacks, and toys.</p>
1818

1919
<div class="qanda">
20+
21+
<p><strong>Date:</strong></p>
22+
<p>November 17, 2014</p>
23+
2024
<p><strong>What is your name?</strong></p>
2125
<p>Daniel Schauenberg</p>
2226

@@ -52,8 +56,8 @@ <h3 class="section-subhead">About Etsy</h3>
5256
<div class="page-section">
5357
<div class="wrapper">
5458
<div class="text-center">
55-
<h2>Download Graphite and Get Started</h2>
56-
<a class="btn btn--primary" href="https://launchpad.net/graphite/+download" target="_blank">Download</a>
59+
<h2>Install Graphite and Get Started</h2>
60+
<a class="btn btn--primary" href="https://graphite.readthedocs.io/en/latest/install.html" target="_blank">Install</a>
5761
</div>
5862
</div>
5963
</div>

case-studies/github.html

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
<div class="banner-section banner-section--intro">
77
<div class="wrapper">
8-
<h2>Case Study: <span>Etsy</span></h2>
8+
<h2>Case Study: <span>GitHub</span></h2>
99
</div>
1010
</div>
1111

@@ -20,6 +20,10 @@ <h3 class="section-subhead">About Github</h3>
2020

2121

2222
<div class="qanda">
23+
24+
<p><strong>Date:</strong></p>
25+
<p>October 24, 2014</p>
26+
2327
<p><strong>What is your name?</strong></p>
2428
<p>Scott Sanders</p>
2529

@@ -58,8 +62,8 @@ <h3 class="section-subhead">About Github</h3>
5862
<div class="page-section">
5963
<div class="wrapper">
6064
<div class="text-center">
61-
<h2>Download Graphite and Get Started</h2>
62-
<a class="btn btn--primary" href="https://launchpad.net/graphite/+download" target="_blank">Download</a>
65+
<h2>Install Graphite and Get Started</h2>
66+
<a class="btn btn--primary" href="https://graphite.readthedocs.io/en/latest/install.html" target="_blank">Install</a>
6367
</div>
6468
</div>
6569
</div>

case-studies/index.html

Lines changed: 22 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -13,32 +13,47 @@ <h2>Case Studies</h2>
1313
<div class="wrapper">
1414
<div class="page-section text-center" id="caseStudies">
1515
<ul class="case-study-logos">
16-
<!--li class="case-study">
17-
<img class="case-study__logo" src="img/casestudy_ea.png">
18-
</li-->
1916
<li class="case-study">
2017
<img class="case-study__logo" src="/img/casestudy_etsy.png">
2118
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/etsy.html">
2219
<span>Case Study</span>
2320
</a>
2421
</li>
22+
<li class="case-study">
23+
<img class="case-study__logo" src="/img/casestudy_salesforce.png">
24+
</li>
2525
<li class="case-study">
2626
<img class="case-study__logo" src="/img/casestudy_simple.png">
2727
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/simple.html">
2828
<span>Case Study</span>
2929
</a>
3030
</li>
31+
<li class="case-study">
32+
<img class="case-study__logo" src="/img/casestudy_reddit.png">
33+
</li>
3134
<li class="case-study">
3235
<img class="case-study__logo" src="/img/casestudy_github.png">
3336
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/github.html">
3437
<span>Case Study</span>
3538
</a>
3639
</li>
40+
<li class="case-study">
41+
<img class="case-study__logo" src="/img/casestudy_lyft.png">
42+
</li>
43+
<li class="case-study">
44+
<img class="case-study__logo" src="/img/casestudy_booking-com.png">
45+
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/booking.html">
46+
<span>Case Study</span>
47+
</a>
48+
</li>
49+
<!--li class="case-study">
50+
<img class="case-study__logo" src="/img/casestudy_ea.png">
51+
</li-->
3752
<!--li class="case-study">
38-
<img class="case-study__logo" src="img/casestudy_mediamath.png">
53+
<img class="case-study__logo" src="/img/casestudy_mediamath.png">
3954
</li-->
4055
<!--li class="case-study">
41-
<img class="case-study__logo" src="img/casestudy_booking-com.png">
56+
<img class="case-study__logo" src="/img/casestudy_uber.png">
4257
</li-->
4358
</ul>
4459
</div>
@@ -48,8 +63,8 @@ <h2>Case Studies</h2>
4863
<div class="page-section">
4964
<div class="wrapper">
5065
<div class="text-center">
51-
<h2>Download Graphite and Get Started</h2>
52-
<a class="btn btn--primary" href="https://launchpad.net/graphite/+download" target="_blank">Download</a>
66+
<h2>Install Graphite and Get Started</h2>
67+
<a class="btn btn--primary" href="https://graphite.readthedocs.io/en/latest/install.html" target="_blank">Install</a>
5368
</div>
5469
</div>
5570
</div>

case-studies/simple.html

Lines changed: 8 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,11 +18,14 @@ <h3 class="section-subhead">About Simple</h3>
1818

1919
<div class="qanda">
2020

21+
<p><strong>Date:</strong></p>
22+
<p>October 31, 2014</p>
23+
2124
<p><strong>What is your name?</strong></p>
2225
<p>Will Maier</p>
2326

2427
<p><strong>What is the name of your company?</strong></p>
25-
<p>Simple (Finance Technology Corporation (seriously))</p>
28+
<p>Simple Finance Technology Corporation</p>
2629

2730
<p><strong>What is your position or title?</strong></p>
2831
<p>Director Operations</p>
@@ -40,10 +43,10 @@ <h3 class="section-subhead">About Simple</h3>
4043
<p>Availability/outages, capacity planning, hiring.</p>
4144

4245
<p><strong>Do you track any business or non-technical metrics in Graphite?</strong></p>
43-
<p>Jup.</p>
46+
<p>Yes.</p>
4447

4548
<p><strong>Anything else you'd like to add?</strong></p>
46-
<p>&heart;</p>
49+
<p>&#x2764;</p>
4750
</div>
4851
</div>
4952
</div>
@@ -53,8 +56,8 @@ <h3 class="section-subhead">About Simple</h3>
5356
<div class="page-section">
5457
<div class="wrapper">
5558
<div class="text-center">
56-
<h2>Download Graphite and Get Started</h2>
57-
<a class="btn btn--primary" href="https://launchpad.net/graphite/+download" target="_blank">Download</a>
59+
<h2>Install Graphite and Get Started</h2>
60+
<a class="btn btn--primary" href="https://graphite.readthedocs.io/en/latest/install.html" target="_blank">Install</a>
5861
</div>
5962
</div>
6063
</div>

css/styles.css

Lines changed: 3 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

index.html

Lines changed: 24 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -47,44 +47,50 @@ <h3 class="section-subhead">What Graphite is and is not.</h3>
4747
<hr class="hr">
4848
<h3 class="section-subhead">Who uses Graphite?</h3>
4949
<ul class="case-study-logos">
50-
<!--li class="case-study">
51-
<img class="case-study__logo" src="img/casestudy_ea.png">
52-
</li-->
5350
<li class="case-study">
54-
<img class="case-study__logo" src="img/casestudy_lyft.png">
51+
<img class="case-study__logo" src="/img/casestudy_etsy.png">
52+
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/etsy.html">
53+
<span>Case Study</span>
54+
</a>
5555
</li>
5656
<li class="case-study">
57-
<img class="case-study__logo" src="img/casestudy_etsy.png">
58-
<!--a class="case-study__link btn btn--gradient btn--small" href="case-studies/">
59-
<span>Case Study</span>
60-
</a-->
57+
<img class="case-study__logo" src="/img/casestudy_salesforce.png">
6158
</li>
6259
<li class="case-study">
63-
<img class="case-study__logo" src="img/casestudy_simple.png">
60+
<img class="case-study__logo" src="/img/casestudy_simple.png">
61+
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/simple.html">
62+
<span>Case Study</span>
63+
</a>
6464
</li>
6565
<li class="case-study">
66-
<img class="case-study__logo" src="img/casestudy_salesforce.png">
66+
<img class="case-study__logo" src="/img/casestudy_reddit.png">
6767
</li>
6868
<li class="case-study">
69-
<img class="case-study__logo" src="img/casestudy_github.png">
70-
<!--a class="case-study__link btn btn--gradient btn--small" href="case-studies/">
69+
<img class="case-study__logo" src="/img/casestudy_github.png">
70+
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/github.html">
7171
<span>Case Study</span>
72-
</a-->
72+
</a>
7373
</li>
7474
<li class="case-study">
75-
<img class="case-study__logo" src="img/casestudy_reddit.png">
75+
<img class="case-study__logo" src="/img/casestudy_lyft.png">
7676
</li>
7777
<li class="case-study">
78-
<img class="case-study__logo" src="img/casestudy_uber.png">
78+
<img class="case-study__logo" src="/img/casestudy_booking-com.png">
79+
<a class="case-study__link btn btn--gradient btn--small" href="/case-studies/booking.html">
80+
<span>Case Study</span>
81+
</a>
7982
</li>
8083
<!--li class="case-study">
81-
<img class="case-study__logo" src="img/casestudy_mediamath.png">
84+
<img class="case-study__logo" src="/img/casestudy_ea.png">
85+
</li-->
86+
<!--li class="case-study">
87+
<img class="case-study__logo" src="/img/casestudy_mediamath.png">
8288
</li-->
8389
<!--li class="case-study">
84-
<img class="case-study__logo" src="img/casestudy_booking-com.png">
90+
<img class="case-study__logo" src="/img/casestudy_uber.png">
8591
</li-->
8692
</ul>
87-
<span class="section-callout subtle"><em>(just to name a few)</em></span>
93+
<!--span class="section-callout subtle"><em>(just to name a few)</em></span-->
8894
</div>
8995
</div>
9096
</div>

quick-start-guides/feeding-metrics.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -102,8 +102,8 @@ <h3>Alternative Transports</h3>
102102
<div class="page-section">
103103
<div class="wrapper">
104104
<div class="text-center">
105-
<h2>Download Graphite and Get Started</h2>
106-
<a class="btn btn--primary" href="https://launchpad.net/graphite/+download" target="_blank">Download</a>
105+
<h2>Install Graphite and Get Started</h2>
106+
<a class="btn btn--primary" href="https://graphite.readthedocs.io/en/latest/install.html" target="_blank">Install</a>
107107
</div>
108108
</div>
109109
</div>

0 commit comments

Comments
 (0)