diff --git a/_includes/header.html b/_includes/header.html index 97649f1f..bf88fa77 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -13,7 +13,7 @@ @media (max-width: 48em) { #header .links { - top: 125px !important; + top: 160px !important; } } @@ -40,6 +40,9 @@
  • Documentation
    • +
  • + Community +
  • Slack Channel
    • diff --git a/_includes/values.inc b/_includes/values.inc index a398dd77..67fb1f67 100644 --- a/_includes/values.inc +++ b/_includes/values.inc @@ -9,3 +9,6 @@ {% assign communityMeetingLink = "https://github.com/crossplane/crossplane/#get-involved" %} {% assign latestDocs = "/docs/v1.2" | append: '/' | relative_url %} {% assign cncfLink = "https://www.cncf.io/" %} +{% assign prodFormLink = "https://docs.google.com/forms/d/e/1FAIpQLSev-5clADSdkwi_wiFqBCAECeIoAQDE91chBbeWbvyTjRCeYg/viewform" %} +{% assign infoMailToLink = "mailto:info@upbound.io" %} +{% assign upboundGithubLink = "https://github.com/upbound" %} \ No newline at end of file diff --git a/community.html b/community.html new file mode 100644 index 00000000..c53b17a8 --- /dev/null +++ b/community.html @@ -0,0 +1,56 @@ +--- +stylesheet: community +--- + +{% include values.inc %} + +
    +
    +
    +

    Companies with Commercial Crossplane Offerings

    + +
    +
    +
    + +
    +

    Upbound is the creator of open source Crossplane — the modern, cloud native + alternative to Infrastructure as Code (IaC).

    +
    + Learn More + | + GitHub +
    +
    +
    +
    +
    +

    Building on top of Crossplane or offering support?

    +

    Let us know and we will add your logo to this page.

    +
    +
    +
    +
    + +
    +
    +
    +

    Crossplane is a Cloud Native Computing Foundation sandbox project

    + + CNCF logo + +
    +
    +
    + +
    +
    +
    + Stacks +

    Are you using Crossplane in Production?

    + Share your success story & receive special Crossplane swag +
    +
    +
    \ No newline at end of file diff --git a/css/community.scss b/css/community.scss new file mode 100644 index 00000000..b6f3a683 --- /dev/null +++ b/css/community.scss @@ -0,0 +1,122 @@ +--- +--- + +@import "vars"; + +#commercial { + background-color: #183d54; + text-align: center; + + h1 { + color: #FFFFFF; + max-width: 830px; + width: 100%; + margin: 0 auto; + line-height: 55px; + margin-bottom: 50px; + margin-top: 40px; + } + + #squares { + margin-bottom: 50px; + } + + .company-card { + max-width: 800px; + width: 100%; + margin: 0 auto 110px auto; + + .topbar { + height: 10px; + width: 100%; + background-color: #35d0ba; + } + + .card-content { + padding: 50px 35px; + background-color: #FFFFFF; + display: -ms-flexbox; + display: flex; + -ms-flex-align: center; + align-items: center; + + @media (max-width: $md-width) { + flex-direction: column; + -moz-flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + } + + .company-logo { + margin-right: 30px; + padding: 25px; + border: 1px solid #ebebeb; + border-radius: 5px; + } + + .company-info { + text-align: left; + font-size: 18px; + + & p, & a { + color: #183d54; + } + + & span { + margin: 0 7px; + } + } + } + } + + .let-us-know { + margin-bottom: 100px; + + & p { + color: #FFFFFF; + margin: 0; + } + + & a { + color: #34d0bb; + } + } +} + +#cncf { + text-align: center; + padding: 15px 0 100px 0; + + h2 { + color: #183d54; + + & span { + color: #34d0bb; + } + } +} + +#production { + position: relative; + background-color: #f7f7f7; + text-align: center; + padding-top: 65px; + padding-bottom: 90px; + overflow: initial !important; + + h2 { + color: #183d54; + } + + a { + color: #505a72; + font-size: 16px; + } + + #stacksImg { + position: absolute; + top: -20%; + margin: 0 0 0 -82px; + left: 50%; + } +} \ No newline at end of file diff --git a/images/cncf-large.png b/images/cncf-large.png new file mode 100644 index 00000000..8bbf584c Binary files /dev/null and b/images/cncf-large.png differ diff --git a/images/cncf-large@2x.png b/images/cncf-large@2x.png new file mode 100644 index 00000000..bf5ed838 Binary files /dev/null and b/images/cncf-large@2x.png differ diff --git a/images/cncf-large@3x.png b/images/cncf-large@3x.png new file mode 100644 index 00000000..2abe8118 Binary files /dev/null and b/images/cncf-large@3x.png differ diff --git a/images/red-squares.svg b/images/red-squares.svg new file mode 100644 index 00000000..3f21303d --- /dev/null +++ b/images/red-squares.svg @@ -0,0 +1,9 @@ + + + + + + + + +