From 901cd6d7bc85cc153a14d6e43d4eff46b1501319 Mon Sep 17 00:00:00 2001 From: Alexander Trost Date: Wed, 6 Mar 2024 17:32:27 +0100 Subject: [PATCH 1/4] feat: add support providers page Signed-off-by: Alexander Trost --- community.html | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) create mode 100644 community.html diff --git a/community.html b/community.html new file mode 100644 index 000000000..359f551b0 --- /dev/null +++ b/community.html @@ -0,0 +1,27 @@ +--- +asciinema: false +stylesheet: index +--- + +{% include values.inc %} + +
+
+
+

Support Providers

+
+
+
+
+
+ TODO +
+
+
+
+
+

Ceph Storage Provider

+

If you want to add yourself

+
+
+
From ae7e444b02efd48534de3e86ae0a5ab50fd6f022 Mon Sep 17 00:00:00 2001 From: Alexander Trost Date: Thu, 7 Mar 2024 13:27:00 +0100 Subject: [PATCH 2/4] add support page with list of providers Change google groups to github discussions link and rename from "Forum" to "Discussions" everywhere. Signed-off-by: Alexander Trost --- _includes/footer.html | 5 +- _includes/navigation.html | 3 +- _includes/values.inc | 13 +- community.html | 27 --- css/docs.scss | 432 -------------------------------------- support.html | 61 ++++++ 6 files changed, 73 insertions(+), 468 deletions(-) delete mode 100644 community.html delete mode 100644 css/docs.scss create mode 100644 support.html diff --git a/_includes/footer.html b/_includes/footer.html index e488f32d0..a1d4ed3f1 100644 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -20,13 +20,14 @@ Community Slack Twitter - Forum + Discussions Blog
Top Contributors diff --git a/_includes/navigation.html b/_includes/navigation.html index d829adc6f..893dd85fb 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -15,11 +15,12 @@
  • Blog
  • +
  • Support
  • Get Started
  • diff --git a/_includes/values.inc b/_includes/values.inc index e79d2d6b3..a87bb3d1a 100644 --- a/_includes/values.inc +++ b/_includes/values.inc @@ -1,17 +1,18 @@ {% assign blogLink = '//blog.rook.io/' %} -{% assign cloudicalLink = '//cloudical.io/' %} -{% assign cncfLink = '//www.cncf.io' %} {% assign communityMeetingLink = '//github.com/rook/rook#community-meeting' %} {% assign contributeLink = '//github.com/rook/rook/blob/master/CONTRIBUTING.md#how-to-contribute' %} {% assign discussionLink = '//github.com/rook/rook/discussions' %} {% assign featureRequestLink = '//github.com/rook/rook/issues' %} -{% assign forumLink = '//groups.google.com/forum/#!forum/rook-dev' %} +{% assign newIssueLink = '//github.com/rook/rook/issues/new/choose' %} {% assign gettingStartedLink = '/docs/rook/latest-release/Getting-Started/quickstart/' %} {% assign githubLink = '//github.com/rook/rook' %} {% assign latestDocs = '/docs/rook/latest-release/' %} -{% assign cybozuLink = '//cybozu.com' %} -{% assign redHatLink = '//www.redhat.com/en/technologies/cloud-computing/openshift-data-foundation' %} {% assign slackLink = '//slack.rook.io/' %} {% assign twitterLink = '//twitter.com/rook_io' %} -{% assign upboundLink = '//upbound.io' %} + +{% assign cloudicalLink = '//cloudical.io/' %} +{% assign cncfLink = '//www.cncf.io' %} +{% assign cybozuLink = '//cybozu.com' %} {% assign koorLink = '//koor.tech' %} +{% assign redHatLink = '//www.redhat.com/en/technologies/cloud-computing/openshift-data-foundation' %} +{% assign upboundLink = '//upbound.io' %} diff --git a/community.html b/community.html deleted file mode 100644 index 359f551b0..000000000 --- a/community.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -asciinema: false -stylesheet: index ---- - -{% include values.inc %} - -
    -
    -
    -

    Support Providers

    -
    -
    -
    -
    -
    - TODO -
    -
    -
    -
    -
    -

    Ceph Storage Provider

    -

    If you want to add yourself

    -
    -
    -
    diff --git a/css/docs.scss b/css/docs.scss deleted file mode 100644 index 9015d1511..000000000 --- a/css/docs.scss +++ /dev/null @@ -1,432 +0,0 @@ ---- ---- -@import 'vars'; -@import 'minima'; - -#content { - display: -ms-flexbox; - display: flex; - -ms-flex-align: center; - align-items: center; - - #holder { - margin: 90px 0 25px; - - @media (max-width: $smWidth) { - margin: 45px 0 25px; - } - } - - h1 { - margin: 0 0 36px; - font-size: 25px; - line-height: normal; - color: $black; - } - - h2 { - margin: 60px 0 20px; - font-size: 25px; - line-height: normal; - color: $black; - } - - a { - font-family: $fontHeader; - font-size: 16px; - font-weight: 500; - color: $blue; - text-decoration: none; - transition: all $timingFast ease-in-out; - - &:visited { - color: $blue; - } - - &:hover, - &:focus, - &:active { - color: $blueDark; - } - } - - p { - font-size: 16px; - font-weight: 300; - line-height: normal; - } - - img { - width: 100%; - height: auto; - } - - code { - font-family: monospace; - font-size: 14px; - color: $textMuted; - background-color: $codeBackground; - border-radius: 0; - border: none; - } - - .highlight { - &, - code, - .go { - background-color: $codeBackground; - font-size: 14px; - color: $textDark; - } - } - - .highlighter-rouge { - .highlight { - background-color: $codeBackground; - font-size: 14px; - border: none; - padding: 12px; - margin-bottom: 15px; - } - - pre.highlight { - margin-bottom: 0; - } - } - - pre > code { - background-color: $codeBackground; - } - - .docs-header { - display: -ms-flexbox; - display: flex; - -ms-flex-pack: justify; - justify-content: space-between; - -ms-flex-align: center; - align-items: center; - max-width: $pageWidth; - padding: 37px 0 38px; - - @media (max-width: $smWidth) { - -ms-flex-align: start; - align-items: flex-start; - -ms-flex-direction: column; - flex-direction: column; - } - - h1 { - margin: 0; - display: -ms-inline-flexbox; - display: inline-flex; - - @media (max-width: $smWidth) { - margin-bottom: 15px; - } - } - - .versions { - display: -ms-flexbox; - display: flex; - position: relative; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-align: center; - align-items: center; - -ms-flex-pack: center; - justify-content: center; - - &:before { - content: ''; - position: absolute; - bottom: -4px; - height: 4px; - width: 100%; - border-radius: 3px; - background-color: $blue; - } - - &:hover { - .versions-dropdown-content { - display: -ms-flexbox; - display: flex; - - @media (max-width: $smWidth) { - margin-left: 10px; - } - } - } - - a[role='button'] { - color: $textDark; - padding: 0 25px 0 3px; - } - - .versions-dropdown-content { - display: none; - -ms-flex-direction: column; - flex-direction: column; - -ms-flex-align: start; - align-items: flex-start; - position: absolute; - top: 24px; - background-color: $white; - padding: 15px; - border-radius: 10px; - box-shadow: -2px 5px 8px 0 rgba($black, 0.1); - z-index: 1; - white-space: nowrap; - - a { - font-size: 17px; - position: relative; - color: $textDark; - - &:before { - content: ''; - position: absolute; - bottom: -4px; - height: 4px; - width: 0; - border-radius: 3px; - background-color: transparent; - transition: all $timingFastest ease-in-out; - } - - + a { - margin-top: 10px; - } - - &:hover, - &:focus, - &:active { - color: $textDark; - - &:before { - width: 100%; - background-color: $blue; - } - } - } - } - - img { - position: absolute; - right: 3px; - width: 16px; - height: auto; - z-index: 0; - } - } - - select { - height: 24px; - border: none; - background-color: transparent; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - color: $textDark; - font-family: $fontHeader; - font-weight: 500; - font-size: 18px; - padding: 0 22px 0 0px; - cursor: pointer; - z-index: 1; - - &::-ms-expand { - display: none; /* hide the default arrow in ie10 and ie11 */ - } - - &:focus, - &:-moz-focusring { - outline: 0; - color: transparent; - text-shadow: 0 0 0 $black; - } - - option { - font-size: 16px; - } - } - } - - .page { - max-width: $pageWidth; - display: -ms-flexbox; - display: flex; - - @media (max-width: $smWidth) { - -ms-flex-direction: column; - flex-direction: column; - } - } - - .docs-menu { - min-width: 260px; - padding-right: 30px; - - @media (max-width: $mdWidth) { - padding-right: 0; - } - - & > ul { - top: 0; - position: -webkit-sticky; - position: sticky; - padding-top: 30px; - margin-bottom: 20px; - - & > li { - transition: height 0.3s ease-in-out; - overflow: hidden; - margin-bottom: 40px; - - &.open { - height: auto; - margin-bottom: 30px; - } - } - } - - ul { - margin-left: 0; - list-style: none; - min-width: 0; - - &:first-of-type { - li.children { - padding-right: 24px; - } - } - - li { - padding-left: 0; - position: relative; - - &.current { - color: $blue; - opacity: 0.76; - } - - &.childCurrent > a { - color: $blue; - } - - &, - a { - font-family: $fontHeader; - font-weight: 500; - font-size: 16px; - color: $textDark; - } - - ul { - margin: 20px 0 0 20px; - - li:not(:last-of-type) { - margin-bottom: 16px; - } - - li, - a { - font-family: $fontBody; - font-weight: normal; - color: $textDark; - font-size: 12px; - } - - ul { - margin: 0 0 0 10px; - } - } - - .arrow { - position: absolute; - top: 0; - right: 0; - height: 24px; - width: 24px; - cursor: pointer; - z-index: 1; - - img { - position: absolute; - top: 9px; - right: 6px; - width: 12px; - height: auto; - } - } - - &.open .arrow img { - -webkit-transform: rotateX(180deg); - transform: rotateX(180deg); - transition: -webkit-transform $timingFast ease-in-out; - transition: transform $timingFast ease-in-out; - transition: transform $timingFast ease-in-out, -webkit-transform $timingFast ease-in-out; - } - } - } - } - - .docs-content { - -ms-flex: 1; - flex: 1; - min-width: 0; - position: relative; - - a { - font-family: $fontBody; - font-size: 16px; - font-weight: 300; - } - - .docs-actions { - position: absolute; - line-height: 30px; - right: 0; - - a { - font-family: $fontHeader; - font-weight: 500; - font-size: 16px; - } - } - - table { - text-align: left; - - th { - white-space: nowrap; - } - - th:not(:last-of-type), - td:not(:last-of-type) { - padding: 0 15px 5px 0; - } - } - } - - .alert { - padding: 20px; - margin-bottom: 15px; - margin-top: 41px; - border-radius: 4px; - border: 1px solid #000; - - &.master { - border-color: #f44336; - background-color: #f44336; - color: #ffffff; - p { - color: #ffffff; - } - } - - &.old { - border-color: #2196f3; - color: #2196f3; - } - } -} \ No newline at end of file diff --git a/support.html b/support.html new file mode 100644 index 000000000..eaa5f68cf --- /dev/null +++ b/support.html @@ -0,0 +1,61 @@ +--- +stylesheet: index +--- + +{% include values.inc %} + +
    +
    +
    +

    Support

    +

    + You can ask questions in our community forums in Slack or GitHub Discussions, both of which have many knowledgeable users. + Should you need commercial support be sure to check out the list of Rook-related support and services companies below. +

    +
    +
    + +
    +
    +
    +
    +

    Commercial Support and Services

    +
    +
    + + +
    +
    +

    Koor Technologies, Inc.

    +

    + Koor Technologies offers a variety of services and products to help you with Ceph data storage. Choose stand-alone Ceph or use Rook to connect your storage to Kubernetes. Get help from Koor experts at every step. + + Offering managed Ceph service, consulting and support, hosted Rook Ceph clusters and the data-control-center for insights into Rook Ceph clusters. +

    +
    + +
    +

    Red Hat

    +

    + Red Hat® OpenShift® Data Foundation—previously Red Hat OpenShift Container Storage—is software-defined storage for containers. Red Hat OpenShift Data Foundation helps teams develop and deploy applications quickly and efficiently across clouds. + + Red Hat OpenShift Data Foundation is included with Red Hat OpenShift Platform Plus, a complete set of powerful, optimized tools to secure, protect, and manage your apps. +

    +
    +
    + +
    +
    +

    If you want to add yourself, please open a pull request .

    +
    +
    +
    +
    +

    Reporting Bugs

    +

    + If you'd like to report a bug/defect, please open a GitHub Issue on the Rook repository. + We've provided some guidelines for doing so here. +

    +
    +
    +
    From 0d1796c6a19c5af420e18b721e5b966d327e63cd Mon Sep 17 00:00:00 2001 From: Alexander Trost Date: Thu, 7 Mar 2024 15:04:04 +0100 Subject: [PATCH 3/4] tweak general appearance of website * Decreased margins between sections to make it "less of a scroll fest" (I might need to tweak them a bit more to be more on small screens again) * Added border lines to navigation and footer to separate them from the content * Added the cool link hover effect to all links in the navigation, not just the dropdown menu * Made the mobile navigation bar menu button bigger Signed-off-by: Alexander Trost --- _includes/navigation.html | 4 +- css/index.scss | 108 ++++++++++---------------------------- css/main.scss | 105 ++++++++++++++++++------------------ index.html | 30 ++++++----- support.html | 29 +++++----- 5 files changed, 114 insertions(+), 162 deletions(-) diff --git a/_includes/navigation.html b/_includes/navigation.html index 893dd85fb..aab354dd3 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -3,9 +3,9 @@ -
    + onclick="if (document.getElementById('navigation').classList.contains('menu-open')) { document.getElementById('navigation').classList.remove('menu-open') } else { document.getElementById('navigation').classList.add('menu-open') }; return false;">