From 67ce3155b3c643fa180eecd4f19b0cfd74a69971 Mon Sep 17 00:00:00 2001 From: Jess Frazelle Date: Thu, 15 Dec 2016 12:05:37 -0800 Subject: [PATCH 1/8] move community.html to community/index.html to be more consistent with the rest of the repo Signed-off-by: Jess Frazelle --- community.html => community/index.html | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename community.html => community/index.html (100%) diff --git a/community.html b/community/index.html similarity index 100% rename from community.html rename to community/index.html From 65a8beae339a333a96efe0606be54c813dafb73b Mon Sep 17 00:00:00 2001 From: Jess Frazelle Date: Thu, 15 Dec 2016 12:13:46 -0800 Subject: [PATCH 2/8] move case-study-styles.html to an actual css file and make it a class Signed-off-by: Jess Frazelle --- _includes/case-study-styles.html | 313 ------------------------------- _includes/head-header.html | 1 + case-studies/index.html | 2 +- case-studies/pearson.html | 2 +- case-studies/wikimedia.html | 2 +- css/gridpage.css | 310 ++++++++++++++++++++++++++++++ partners/index.html | 2 +- 7 files changed, 315 insertions(+), 317 deletions(-) delete mode 100644 _includes/case-study-styles.html create mode 100644 css/gridpage.css diff --git a/_includes/case-study-styles.html b/_includes/case-study-styles.html deleted file mode 100644 index 48058bd27b..0000000000 --- a/_includes/case-study-styles.html +++ /dev/null @@ -1,313 +0,0 @@ - - diff --git a/_includes/head-header.html b/_includes/head-header.html index fa859604d2..43e56595b4 100644 --- a/_includes/head-header.html +++ b/_includes/head-header.html @@ -7,6 +7,7 @@ + {% if page.class == "gridPage" %}{% endif %} diff --git a/case-studies/index.html b/case-studies/index.html index f593d73fb9..35082bbf2c 100644 --- a/case-studies/index.html +++ b/case-studies/index.html @@ -1,5 +1,6 @@ --- title: Case Studies +class: gridPage --- @@ -99,7 +100,6 @@ title: Case Studies {% include footer.html %} -{% include case-study-styles.html %} diff --git a/case-studies/pearson.html b/case-studies/pearson.html index 50f16ce7ae..9d0943392b 100644 --- a/case-studies/pearson.html +++ b/case-studies/pearson.html @@ -1,5 +1,6 @@ --- title: Pearson Case Study +class: gridPage --- @@ -82,7 +83,6 @@ title: Pearson Case Study {% include footer.html %} -{% include case-study-styles.html %} diff --git a/case-studies/wikimedia.html b/case-studies/wikimedia.html index 2d3b686128..ff019a3fd7 100644 --- a/case-studies/wikimedia.html +++ b/case-studies/wikimedia.html @@ -1,5 +1,6 @@ --- title: Wikimedia Case Study +class: gridPage --- @@ -97,7 +98,6 @@ title: Wikimedia Case Study {% include footer.html %} -{% include case-study-styles.html %} diff --git a/css/gridpage.css b/css/gridpage.css new file mode 100644 index 0000000000..96a39af9c6 --- /dev/null +++ b/css/gridpage.css @@ -0,0 +1,310 @@ +#caseStudyTitle { + margin-top: 1em !important; +} + +.gridPage p { + color: rgb(26,26,26) !important; + margin-left: 0 !important; + padding-left: 0 !important; + font-weight: 300 !important; +} + +.gridPage #mainContent { + padding: 0; +} + +.gridPage #mainContent .content { + padding-top: 0; +} + +.gridPage main { + max-width: 1100px !important; +} + +.gridPage .content { + position: relative; + margin: 0 auto 50px; + max-width: 90%; +} + +.gridPage .content p { + line-height: 24px !important; +} + +.gridPage .content h3 { + padding: 0 !important; +} + +.gridPage #hero h5 { + padding-left: 20px; + margin: 0; +} + +.case-studies { + position: relative; + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-top: 50px; +} + +.case-study { + position: relative; + width: 50%; + padding: 0 40px 0 242px; + margin-bottom: 60px; + min-height: 152px; +} + +.case-study:nth-child(3), .case-study:nth-child(4) { + margin-bottom: 0; +} + +.case-study img { + position: absolute; + top: 0; + left: 0; +} + +.gridPage #mainContent .content .case-study p { + font-family: "Roboto", sans-serif; + font-size: 16px; + padding: 0; +} + +p.attrib { + font-style: italic; +} + +.gridPage #video { + background: #f9f9f9; + height: auto; + /*height: 340px;*/ +} + +.gridPage #video main { + position: relative; + max-width: 900px !important; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + padding: 50px 20px; +} + +.gridPage #video main > div { + width: 50%; +} + +.gridPage #video main #zulilyLogo { + width: 100px; +} + +.gridPage #video main img { + max-width: 100%; +} + +.gridPage #video h3 { + font-size: 32px; + font-weight: 300; + line-height: 38px; + max-width: 80%; + margin: 0 0 1em 0; +} + +.gridPage #video p { + margin: 0; +} + +.gridPage #video p.attrib { + margin-bottom: 20px; +} + +.gridPage #video button > h6 { + font-size: 18px; + font-weight: 500; + margin: 1em 0; + color: #326de6; +} + +.gridPage #users { + padding: 50px; +} + +.gridPage #users main { + max-width: 1150px !important; +} + +.gridPage #users main h3 { + padding-left: 20px; + margin-bottom: 20px; +} + +.gridPage #usersGrid { + position: relative; + display: flex; + flex-wrap: wrap; + justify-content: center; +} + +.gridPage #usersGrid a { + display: inline-block; + margin: 5px; +} + +.gridPage #usersGrid a img { + box-shadow: 1px 1px 2px transparent; + transition: box-shadow 0.25s; +} + +.gridPage #usersGrid a img:hover { + box-shadow: 1px 1px 2px #cccccc; +} + +.gridPage #usersGrid a:last-child img, +.gridPage #usersGrid a:last-child img:hover { + box-shadow: 1px 1px 2px transparent; +} + +.tell-your-story { + border: 1px solid #dddddd; + border-radius: 6px; + box-shadow: 1px 2px 2px #dddddd; +} + +.gridPage .feature { + position: relative; + padding: 20px 0 20px 242px; +} + +.gridPage .feature img { + position: absolute; + top: 20px; + left: 0; +} + +section.bullets { + background-color: #eeeeee; + margin-bottom: 50px; +} + +section.bullets main { + position: relative; + max-width: 1100px; + padding: 50px 0; +} + +section.bullets .content { + position: relative; + display: flex; + flex-wrap: wrap; + margin-bottom: 0 !important; +} + +.bullet { + position: relative; + width: 50%; + padding: 15px 30px; +} + +.bullet h4 { + margin-bottom: 0.5em; +} + +.bullet li { + margin-left: 1.25em; + list-style: disc; + font-weight: 300; + color: rgb(26,26,26); + line-height: 1.5em; + margin-bottom: 0.5em; +} + +.details h4, p { + margin-bottom: 0.5em; +} + +.gridPage .feature p.quote { + font-size: 20px; + line-height: 28px !important; +} + +@media screen and (max-width: 1024px){ + .case-study { + padding: 0 10%; + margin-bottom: 50px; + } + + .case-study img { + position: relative; + } + + .case-study p.quote { + margin-top: 20px !important; + } + + .case-study p.attrib { + font-style: italic; + } +} + +@media screen and (max-width: 900px){ + .gridPage #video main { + flex-direction: column; + align-items: center; + } + + .gridPage #video main > div { + width: 400px; + } + + .gridPage #video main > div + div { + margin-top: 30px; + } + + .gridPage #video h3 { + max-width: 100%; + } +} + +@media screen and (max-width: 640px){ + .case-study { + width: 100%; + } + + .case-study:nth-child(3) { + margin-bottom: 60px; + } + + .case-study img { + left: 50%; + transform: translateX(-50%); + } + + .gridPage .feature { + margin-top: 50px; + padding: 180px 0 0; + } + + .gridPage .feature img { + top: 0; + left: 50%; + transform: translateX(-50%); + } +} + +@media screen and (max-width: 480px){ + .gridPage #hero { + padding-right: 20px; + padding-left: 20px; + } + + .gridPage #video main > div { + width: 80%; + min-width: 280px; + } + + .bullet { + width: 100%; + } +} diff --git a/partners/index.html b/partners/index.html index 5a8da670a9..a65be512ff 100644 --- a/partners/index.html +++ b/partners/index.html @@ -1,5 +1,6 @@ --- title: Partners +class: gridPage --- @@ -23,7 +24,6 @@ title: Partners {% include footer.html %} -{% include case-study-styles.html %} + + + + diff --git a/_layouts/docwithnav.html b/_layouts/docwithnav.html index 65418b3ece..454ccd69ce 100755 --- a/_layouts/docwithnav.html +++ b/_layouts/docwithnav.html @@ -75,57 +75,7 @@ {% include_cached footer.html %} +{% include footer-scripts.html %} - - - - - From 1c0a25bd12984084d22bf44f761bb279297dc3c5 Mon Sep 17 00:00:00 2001 From: Jess Frazelle Date: Thu, 15 Dec 2016 12:29:15 -0800 Subject: [PATCH 6/8] make it clearer where the {{content}} starts Signed-off-by: Jess Frazelle --- _layouts/docwithnav.html | 1 + 1 file changed, 1 insertion(+) diff --git a/_layouts/docwithnav.html b/_layouts/docwithnav.html index 454ccd69ce..073e1c9344 100755 --- a/_layouts/docwithnav.html +++ b/_layouts/docwithnav.html @@ -47,6 +47,7 @@ +

Edit This Page

From 354394bf5262e09a3c5a7507404ad0eb8134e408 Mon Sep 17 00:00:00 2001 From: Jess Frazelle Date: Thu, 15 Dec 2016 12:35:33 -0800 Subject: [PATCH 7/8] add basic layout Signed-off-by: Jess Frazelle --- _layouts/basic.html | 15 +++++++++++++++ case-studies/index.html | 14 ++------------ case-studies/pearson.html | 15 ++------------- case-studies/wikimedia.html | 15 ++------------- community/index.html | 17 +++-------------- partners/index.html | 15 ++------------- 6 files changed, 26 insertions(+), 65 deletions(-) create mode 100644 _layouts/basic.html diff --git a/_layouts/basic.html b/_layouts/basic.html new file mode 100644 index 0000000000..d2b684df52 --- /dev/null +++ b/_layouts/basic.html @@ -0,0 +1,15 @@ + + + + {% include head.html %} + + + {% include header.html %} + + {{ content }} + + {% include footer.html %} + + {% include footer-scripts.html %} + + diff --git a/case-studies/index.html b/case-studies/index.html index 9a09623206..e4e15111c5 100644 --- a/case-studies/index.html +++ b/case-studies/index.html @@ -1,16 +1,10 @@ --- title: Case Studies +layout: basic class: gridPage +cid: caseStudies --- - - -{% include head.html %} - - - -{% include header.html %} -

Kubernetes User Case Studies

A collection of users running Kubernetes in production.
@@ -103,7 +97,3 @@ class: gridPage
-{% include footer.html %} - - - diff --git a/case-studies/pearson.html b/case-studies/pearson.html index 34afa89522..45428b0bf3 100644 --- a/case-studies/pearson.html +++ b/case-studies/pearson.html @@ -1,16 +1,10 @@ --- title: Pearson Case Study +layout: basic class: gridPage +cid: caseStudies --- - - -{% include head.html %} - - - -{% include header.html %} -

Pearson Case Study

@@ -85,8 +79,3 @@ class: gridPage - -{% include footer.html %} - - - diff --git a/case-studies/wikimedia.html b/case-studies/wikimedia.html index 50a3910b75..7431c13650 100644 --- a/case-studies/wikimedia.html +++ b/case-studies/wikimedia.html @@ -1,16 +1,10 @@ --- title: Wikimedia Case Study +layout: basic class: gridPage +cid: caseStudies --- - - -{% include head.html %} - - - -{% include header.html %} -

Wikimedia Case Study

@@ -100,8 +94,3 @@ class: gridPage - -{% include footer.html %} - - - diff --git a/community/index.html b/community/index.html index b142585874..4686ebb442 100644 --- a/community/index.html +++ b/community/index.html @@ -1,17 +1,11 @@ --- title: Community +layout: basic +cid: community --- - - -{% include head.html %} - - - -{% include header.html %} -
-

Community

+

Community

@@ -65,8 +59,3 @@ title: Community
- -{% include footer.html %} - - - diff --git a/partners/index.html b/partners/index.html index 65127b8b3b..13ee6e2396 100644 --- a/partners/index.html +++ b/partners/index.html @@ -1,16 +1,10 @@ --- title: Partners +layout: basic class: gridPage +cid: partners --- - - -{% include head.html %} - - - -{% include header.html %} -

Kubernetes Partners

Growing the Kubernetes ecosystem.
@@ -27,8 +21,6 @@ class: gridPage
-{% include footer.html %} - @@ -36,6 +28,3 @@ class: gridPage - - - From 1aaa7920fee7ad33b68fb8618f4d322b768b9925 Mon Sep 17 00:00:00 2001 From: Jess Frazelle Date: Thu, 15 Dec 2016 12:37:53 -0800 Subject: [PATCH 8/8] add index to the basic layout as well Signed-off-by: Jess Frazelle --- index.html | 31 ++----------------------------- 1 file changed, 2 insertions(+), 29 deletions(-) diff --git a/index.html b/index.html index 902f16d644..5e860832d7 100644 --- a/index.html +++ b/index.html @@ -1,15 +1,8 @@ --- +layout: basic +cid: home --- - - - -{% include head.html %} - - - -{% include header.html %} -
@@ -186,23 +179,3 @@ - - - - - -