whentimeslows/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

partners

Browse Source
This commit is contained in:
scotty
2016-09-30 10:21:03 -07:00
parent f1ac48593b
commit a6c9579233
8 changed files with 106 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files
_includes/case-study-styles.html
+38 -38
View File
@@ -3,40 +3,40 @@
margin-top: 1em !important; margin-top: 1em !important;
} }
#caseStudies p { .gridPage p {
color: rgb(26,26,26) !important; color: rgb(26,26,26) !important;
margin-left: 0 !important; margin-left: 0 !important;
padding-left: 0 !important; padding-left: 0 !important;
font-weight: 300 !important; font-weight: 300 !important;
} }
#caseStudies #mainContent { .gridPage #mainContent {
padding: 0; padding: 0;
} }
#caseStudies #mainContent .content { .gridPage #mainContent .content {
padding-top: 0; padding-top: 0;
} }
#caseStudies main { .gridPage main {
max-width: 1100px !important; max-width: 1100px !important;
} }
#caseStudies .content { .gridPage .content {
position: relative; position: relative;
margin: 0 auto 50px; margin: 0 auto 50px;
max-width: 90%; max-width: 90%;
} }
#caseStudies .content p { .gridPage .content p {
line-height: 24px !important; line-height: 24px !important;
} }
#caseStudies .content h3 { .gridPage .content h3 {
padding: 0 !important; padding: 0 !important;
} }
#caseStudies #hero h5 { .gridPage #hero h5 {
padding-left: 20px; padding-left: 20px;
margin: 0; margin: 0;
} }
@@ -67,7 +67,7 @@
left: 0; left: 0;
} }
#caseStudies #mainContent .content .case-study p { .gridPage #mainContent .content .case-study p {
font-family: "Roboto", sans-serif; font-family: "Roboto", sans-serif;
font-size: 16px; font-size: 16px;
padding: 0; padding: 0;
@@ -77,13 +77,13 @@
font-style: italic; font-style: italic;
} }
#caseStudies #video { .gridPage #video {
background: #f9f9f9; background: #f9f9f9;
height: auto; height: auto;
/*height: 340px;*/ /*height: 340px;*/
} }
#caseStudies #video main { .gridPage #video main {
position: relative; position: relative;
max-width: 900px !important; max-width: 900px !important;
height: 100%; height: 100%;
@@ -93,19 +93,19 @@
padding: 50px 20px; padding: 50px 20px;
} }
#caseStudies #video main > div { .gridPage #video main > div {
width: 50%; width: 50%;
} }
#caseStudies #video main #zulilyLogo { .gridPage #video main #zulilyLogo {
width: 100px; width: 100px;
} }
#caseStudies #video main img { .gridPage #video main img {
max-width: 100%; max-width: 100%;
} }
#caseStudies #video h3 { .gridPage #video h3 {
font-size: 32px; font-size: 32px;
font-weight: 300; font-weight: 300;
line-height: 38px; line-height: 38px;
@@ -113,57 +113,57 @@
margin: 0 0 1em 0; margin: 0 0 1em 0;
} }
#caseStudies #video p { .gridPage #video p {
margin: 0; margin: 0;
} }
#caseStudies #video p.attrib { .gridPage #video p.attrib {
margin-bottom: 20px; margin-bottom: 20px;
} }
#caseStudies #video button > h6 { .gridPage #video button > h6 {
font-size: 18px; font-size: 18px;
font-weight: 500; font-weight: 500;
margin: 1em 0; margin: 1em 0;
color: #326de6; color: #326de6;
} }
#caseStudies #users { .gridPage #users {
padding: 50px; padding: 50px;
} }
#caseStudies #users main { .gridPage #users main {
max-width: 1150px !important; max-width: 1150px !important;
} }
#caseStudies #users main h3 { .gridPage #users main h3 {
padding-left: 20px; padding-left: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
#caseStudies #usersGrid { .gridPage #usersGrid {
position: relative; position: relative;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: center; justify-content: center;
} }
#caseStudies #usersGrid a { .gridPage #usersGrid a {
display: inline-block; display: inline-block;
margin: 5px; margin: 5px;
} }
#caseStudies #usersGrid a img { .gridPage #usersGrid a img {
box-shadow: 1px 1px 2px transparent; box-shadow: 1px 1px 2px transparent;
transition: box-shadow 0.25s; transition: box-shadow 0.25s;
} }
#caseStudies #usersGrid a img:hover { .gridPage #usersGrid a img:hover {
box-shadow: 1px 1px 2px #cccccc; box-shadow: 1px 1px 2px #cccccc;
} }
#caseStudies #usersGrid a:last-child img, .gridPage #usersGrid a:last-child img,
#caseStudies #usersGrid a:last-child img:hover { .gridPage #usersGrid a:last-child img:hover {
box-shadow: 1px 1px 2px transparent; box-shadow: 1px 1px 2px transparent;
} }
@@ -173,12 +173,12 @@
box-shadow: 1px 2px 2px #dddddd; box-shadow: 1px 2px 2px #dddddd;
} }
#caseStudies .feature { .gridPage .feature {
position: relative; position: relative;
padding: 20px 0 20px 242px; padding: 20px 0 20px 242px;
} }
#caseStudies .feature img { .gridPage .feature img {
position: absolute; position: absolute;
top: 20px; top: 20px;
left: 0; left: 0;
@@ -225,7 +225,7 @@
margin-bottom: 0.5em; margin-bottom: 0.5em;
} }
#caseStudies .feature p.quote { .gridPage .feature p.quote {
font-size: 20px; font-size: 20px;
line-height: 28px !important; line-height: 28px !important;
} }
@@ -250,20 +250,20 @@
} }
@media screen and (max-width: 900px){ @media screen and (max-width: 900px){
#caseStudies #video main { .gridPage #video main {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
#caseStudies #video main > div { .gridPage #video main > div {
width: 400px; width: 400px;
} }
#caseStudies #video main > div + div { .gridPage #video main > div + div {
margin-top: 30px; margin-top: 30px;
} }
#caseStudies #video h3 { .gridPage #video h3 {
max-width: 100%; max-width: 100%;
} }
} }
@@ -282,12 +282,12 @@
transform: translateX(-50%); transform: translateX(-50%);
} }
#caseStudies .feature { .gridPage .feature {
margin-top: 50px; margin-top: 50px;
padding: 180px 0 0; padding: 180px 0 0;
} }
#caseStudies .feature img { .gridPage .feature img {
top: 0; top: 0;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
@@ -295,12 +295,12 @@
} }
@media screen and (max-width: 480px){ @media screen and (max-width: 480px){
#caseStudies #hero { .gridPage #hero {
padding-right: 20px; padding-right: 20px;
padding-left: 20px; padding-left: 20px;
} }
#caseStudies #video main > div { .gridPage #video main > div {
width: 80%; width: 80%;
min-width: 280px; min-width: 280px;
} }
_sass/_base.sass
+2 -1
View File
@@ -1131,7 +1131,7 @@ $feature-box-div-margin-bottom: 40px
// Community // Community
#community, #caseStudies #community, .gridPage
&.open-nav, &.flip-nav &.open-nav, &.flip-nav
.logo .logo
background-image: url(/images/nav_logo2.svg) background-image: url(/images/nav_logo2.svg)
@@ -1340,3 +1340,4 @@ $feature-box-div-margin-bottom: 40px
// //
// //
// //
//
_sass/_desktop.sass
+1 -1
View File
@@ -270,7 +270,7 @@ $video-section-height: 550px
#community, #caseStudies #community, .gridPage
#hero #hero
text-align: left text-align: left
case-studies/index.html
+1 -1
View File
@@ -3,7 +3,7 @@ title: Case Studies
--- ---
<!Doctype html> <!Doctype html>
<html id="caseStudies"> <html id="caseStudies" class="gridPage">
{% include head-header.html %} {% include head-header.html %}
<section id="hero" class="light-text"> <section id="hero" class="light-text">
case-studies/pearson.html
+1 -1
View File
@@ -3,7 +3,7 @@ title: Pearson Case Study
--- ---
<!Doctype html> <!Doctype html>
<html id="caseStudies"> <html id="caseStudies" class="gridPage">
{% include head-header.html %} {% include head-header.html %}
<section id="hero" class="light-text"> <section id="hero" class="light-text">
case-studies/wikimedia.html
+1 -1
View File
@@ -3,7 +3,7 @@ title: Wikimedia Case Study
--- ---
<!Doctype html> <!Doctype html>
<html id="caseStudies"> <html id="caseStudies" class="gridPage">
{% include head-header.html %} {% include head-header.html %}
<section id="hero" class="light-text"> <section id="hero" class="light-text">
js/script.js
+1
View File
@@ -137,6 +137,7 @@ var kub = (function () {
break; break;
case 'caseStudies': case 'caseStudies':
case 'partners':
bodyHeight = windowHeight * 2; bodyHeight = windowHeight * 2;
break; break;
partners/index.html
+60
View File
@@ -0,0 +1,60 @@
---
title: Partners
---
<!Doctype html>
<html id="partners" class="gridPage">
{% include head-header.html %}
<section id="hero" class="light-text">
<h1>Kubernetes Partners</h1>
<h5>Growing the Kubernetes ecosystem.</h5>
<!--<h5></h5>-->
</section>
<section id="users">
<main>
<h5>We are working with a broad group of partners who contribute to the Kubernetes core codebase, making it stronger and richer, creating a vibrant Kubernetes ecosystem supporting a spectrum of complementing platforms, from open source solutions to market-leading technologies.</h5>
<h3>ISV Partners</h3>
<div id="usersGrid">
<a target="_blank" href="https://coreos.com/kubernetes"><img src="/images/community_logos/core_os_logo.png"></a>
<a target="_blank" href="https://deis.com"><img src="/images/community_logos/deis_logo.png"></a>
<a target="_blank" href="https://sysdig.com/blog/monitoring-kubernetes-with-sysdig-cloud"><img src="/images/community_logos/sysdig_cloud_logo.png"></a>
<a target="_blank" href="https://puppet.com/blog/managing-kubernetes-configuration-puppet"><img src="/images/community_logos/puppet_logo.png"></a>
<a target="_blank" href="https://www.microloadbalancer.com/docs/deploy-netscaler-cpx-kubernetes-environment"><img src="/images/community_logos/citrix_logo.png"></a>
<a target="_blank" href="http://wercker.com/workflows/partners/kubernetes/"><img src="/images/community_logos/wercker_logo.png"></a>
<a target="_blank" href="http://rancher.com/kubernetes/"><img src="/images/community_logos/rancher_logo.png"></a>
<a target="_blank" href="https://www.openshift.com/"><img src="/images/community_logos/red_hat_logo.png"></a>
<a target="_blank" href="https://tectonic.com/press/intel-coreos-collaborate-on-openstack-with-kubernetes.html"><img src="/images/community_logos/intel_logo.png"></a>
<a target="_blank" href="https://elasticbox.com/kubernetes/"><img src="/images/community_logos/elastickube_logo.png"></a>
<a target="_blank" href="https://platform9.com/blog/containers-as-a-service-kubernetes-docker"><img src="/images/community_logos/platform9_logo.png"></a>
<a target="_blank" href="http://www.appformix.com/solutions/appformix-for-kubernetes/"><img src="/images/community_logos/appformix_logo.png"></a>
<a target="_blank" href="http://kubernetes.io/docs/getting-started-guides/dcos"><img src="/images/community_logos/mesosphere_logo.png"></a>
<a target="_blank" href="http://docs.datadoghq.com/integrations/kubernetes/"><img src="/images/community_logos/datadog_logo.png"></a>
<a target="_blank" href="https://apprenda.com/kubernetes-support/"><img src="/images/community_logos/apprenda_logo.png"></a>
<a target="_blank" href="http://www.ibm.com/cloud-computing/"><img src="/images/community_logos/ibm_logo.png"></a>
<a target="_blank" href="http://info.crunchydata.com/blog/advanced-crunchy-containers-for-postgresql"><img src="/images/community_logos/crunchy_data_logo.png"></a>
<a target="_blank" href="https://content.mirantis.com/Containerizing-OpenStack-on-Kubernetes-Video-Landing-Page.html"><img src="/images/community_logos/mirantis_logo.png"></a>
<a target="_blank" href="http://blog.aquasec.com/security-best-practices-for-kubernetes-deployment"><img src="/images/community_logos/aqua_logo.png"></a>
<a target="_blank" href="https://jujucharms.com/canonical-kubernetes/"><img src="/images/community_logos/ubuntu_cannonical_logo.png"></a>
</div>
</main>
</section>
<style>
h5 {
font-size: 18px;
line-height: 1.5em;
margin-bottom: 2em;
}
#usersGrid a {
display: inline-block;
background-color: #f9f9f9;
}
</style>
{% include footer.html %}
{% include case-study-styles.html %}
</body>
</html>