diff --git a/_includes/head.html b/_includes/head.html index 37b7bfaab4..87c4a4f175 100644 --- a/_includes/head.html +++ b/_includes/head.html @@ -4,10 +4,11 @@ - + {% if page.case_study_styles %}{% else %}{% endif %} {% if page.class == "gridPage" %}{% endif %} + {% if page.css %}{% else %}{% endif %} {% if page.description %} diff --git a/_sass/_case-studies.sass b/_sass/_case-studies.sass new file mode 100644 index 0000000000..1b359c1773 --- /dev/null +++ b/_sass/_case-studies.sass @@ -0,0 +1,99 @@ +// SASS for Case Studies pages go here: + +hr + background-color: #999999 + +h2 + margin-bottom: 15px !important + +.subhead + padding-bottom: 2% !important + padding-top: 0% !important + +.details + margin-left: 1.9% + padding-right: 5% + font-size: 16px !important + padding-bottom: 2% !important + +.section1 + margin-bottom: 3% + .cols + width: 80% !important + margin-left: 6.8% + padding-top: 1.5% + .col1 + width: 52% !important + font-weight: 300 !important + .col2 + width: 46% !important + +.banner2text + width: 63% + padding-top: 10% + padding-left: 0% !important + float: initial !important + text-align: center + margin: 0 auto + position: relative + +.banner3text, .banner4text, .banner5text + width: 63% + padding-left: 0% !important + float: initial !important + text-align: center + margin: 0 auto + position: relative + +.fullcol + float: initial !important + +body footer + background-color: #585858 !important + +.section1 + float: left !important + +.banner1 + padding-left: 11.9% !important + +.banner2 + float: initial !important + padding-bottom: 2% !important + +footer + padding: 0% 7% + +.banner4, .banner3, .banner5 + float: initial !important + +@media screen and (max-width: 910px) + .banner2text + width: 47% + padding-top: 45% + .details + margin-left: 0% + margin-bottom: 3% + .subhead + padding-bottom: 0% !important + padding-top: 0% !important + .banner3 + width: 100% !important + +@media screen and (max-width: 780px) + .section1 .cols + width: 100% !important + margin-left: 0% + padding-top: 5% + .col1, .col2 + width: 100% !important + margin-left: 0% !important + .fullcol + width: 90% !important + margin-left: 5% !important + .banner1 + padding-left: 10% !important + margin-bottom: 6% !important + .banner2text + padding-top: 60% !important + padding-bottom: 2% !important diff --git a/case-studies/box.html b/case-studies/box.html index 8a068dca14..ea43909bfc 100644 --- a/case-studies/box.html +++ b/case-studies/box.html @@ -1,23 +1,13 @@ --- title: Box Case Study -layout: none -class: gridPage +layout: basic +case_study_styles: true cid: caseStudies +css: /css/style_box.css --- - - - - - - - - Box Case Study - - -
-

CASE STUDY:
+

CASE STUDY:
An Early Adopter Envisions a New Cloud Platform

@@ -40,7 +30,6 @@ cid: caseStudies
-

Solution

Over the past couple of years, Box has been decomposing its infrastructure into microservices, and became an early adopter of, as well as contributor to, Kubernetes container orchestration. Kubernetes, Ghods says, has allowed Box’s developers to "target a universal set of concepts that are portable across all clouds."

@@ -52,14 +41,12 @@ cid: caseStudies -
"We looked at a lot of different options, but Kubernetes really stood out....the fact that on day one it was designed to run on bare metal just as well as Google Cloud meant that we could actually migrate to it inside of our data centers, and then use those same tools and concepts to run across public cloud providers as well."

- SAM GHOUDS, CO-FOUNDER AND SERVICES ARCHITECT OF BOX
-
@@ -122,6 +109,3 @@ cid: caseStudies "The same way it doesn’t make sense to deviate from Linux because it’s such a standard," Ghods says, "I think Kubernetes is going down the same path. It is still early days—the documentation still needs work and the user experience for writing and publishing specs to the Kubernetes clusters is still rough. When you’re on the cutting edge you can expect to bleed a little. But the bottom line is, this is where the industry is going. Three to five years from now it’s really going to be shocking if you run your infrastructure any other way."
- - - diff --git a/case-studies/golfnow.html b/case-studies/golfnow.html index 5491862825..1d0395aad1 100644 --- a/case-studies/golfnow.html +++ b/case-studies/golfnow.html @@ -1,27 +1,17 @@ --- title: GolfNow Case Study -layout: none -class: gridPage +layout: basic +case_study_styles: true cid: caseStudies +css: /css/style_golfnow.css --- - - - - - - - - GolfNow Case Study - - -
-

CASE STUDY:
+
+

CASE STUDY:
Saving Time and Money with Cloud Native Infrastructure

-
Company GolfNow     Location Orlando, Florida     Industry Golf Industry Technology and Services Provider
@@ -133,6 +123,3 @@ cid: caseStudies

- - - diff --git a/case-studies/index.html b/case-studies/index.html index 8ad921c62f..0b386ee8c5 100644 --- a/case-studies/index.html +++ b/case-studies/index.html @@ -14,12 +14,12 @@ cid: caseStudies
-
- GolfNow -

"We can move data centers in incredible amounts of time. If you haven’t come from the Kubernetes world and I tell you this is what I’ve been doing, you wouldn’t believe me."

- - Read about GolfNow -
+
+ GolfNow +

"We can move data centers in incredible amounts of time. If you haven’t come from the Kubernetes world and I tell you this is what I’ve been doing, you wouldn’t believe me."

+ + Read about GolfNow +
Pearson

"We chose Kubernetes because of its flexibility, ease of management and the way it improves our engineers' productivity."

@@ -42,6 +42,9 @@ cid: caseStudies

"Kubernetes has the opportunity to be the new cloud platform. Because it’s a never-before-seen level of automation and intelligence surrounding infrastructure that is portable and agnostic to every way you can run your infrastructure."

Read about Box
+
+

+
diff --git a/css/case_study_styles.sass b/css/case_study_styles.sass new file mode 100644 index 0000000000..beb0d33d49 --- /dev/null +++ b/css/case_study_styles.sass @@ -0,0 +1,12 @@ +--- +--- + +@import "../_sass/reset" +@import "../_sass/skin" +@import "../_sass/code-styles" + +// media queries +@import "../_sass/base" +@import "../_sass/case-studies" +@import "../_sass/tablet" +@import "../_sass/desktop" diff --git a/css/style_golfnow.css b/css/style_golfnow.css index 24cf958d7b..bbe4056098 100644 --- a/css/style_golfnow.css +++ b/css/style_golfnow.css @@ -1,6 +1,6 @@ -#caseStudyTitle { - margin-top: 1em !important; - font-family:"Roboto", sans-serif; + +.golfnow { + width:100%; } p { @@ -15,9 +15,14 @@ a { body { margin:0; + background-color:#ffffff !important; } +footer { +background-color:#ffffff !important; +} + h1 { font-family:"Roboto", sans-serif; font-weight:bold; diff --git a/images/golfnow.png b/images/golfnow.png new file mode 100644 index 0000000000..48364a3cbe Binary files /dev/null and b/images/golfnow.png differ