Add dropdown and other updates

- Add "More from SUSE" dropdown
- Add missing release notes
- Enable dark theme

Signed-off-by: Jesus Herman-Marina <[email protected]>

blog/2023-08-31-release-notes-0.21.md

@@ -0,0 +1,31 @@
+# Release Notes - v0.21.0
+
+This release contains significant improvements and new bug fixes. Notably,
+this release brings server-side encryption support, conditional copy object,
+improvement in profiling.
+
+This release is meant for testing and feedback gathering. It is not recommended
+for production use.
+
+Should a bug be found and not expected to be related with known issues, one
+should feel encouraged to file an issue in our
+[Github repository](https://github.com/aquarist-labs/s3gw/issues/new/choose).
+
+## Features
+
+- rgw/sfs: Add server-side encryption support
+- rgw/sfs: Conditional copy object
+- ui : Make use of the UI REST API to prevent CORS issues
+
+## Fixes
+
+- rgw/sfs: Improve sqlite connection handling
+- rgw/sfs: Fix missing multipart etag
+- rgw/sfs: Fix etag and mtime not being sent with copy object response
+- rgw/sfs: Increase build error reporting
+- rgw/sfs: Improve profiling (sqlite, garbage collection)
+- ui: Prevent switching bucket retention mode from Compliance to Governance
+
+## Breaking Changes
+
+## Known Issues

blog/2023-08-31-release-notes-0.22.md

@@ -0,0 +1,33 @@
+# Release Notes - v0.22.0
+
+This release contains significant improvements and new bug fixes. Notably,
+this release brings improved multipart and sqlite stability.
+
+This release is meant for testing and feedback gathering. It is not recommended
+for production use.
+
+Should a bug be found and not expected to be related with known issues, one
+should feel encouraged to file an issue in our
+[Github repository](https://github.com/aquarist-labs/s3gw/issues/new/choose).
+
+## Features
+
+- rgw/sfs: Improved SQLite WAL usage
+- rgw/sfs: Improved disk usage when copying objects
+- rgw/sfs: Improved testing
+- ui: Various improvements
+
+## Fixes
+
+- rgw/sfs: Allow multiple delete markers
+- rgw/sfs: Fix various multipart transactions
+- rgw/sfs: Check number of file descriptors on start
+- rgw/sfs: Updated bucket stats
+- ui: unable to access UI due to admin ops verifying cert
+- ui: The Show/Hide button must have at least one default value
+- ui: Dropdown buttons are not rendered correct
+- ui: Disable caching of index.html
+
+## Breaking Changes
+
+## Known Issues

docusaurus.config.js

@@ -18,13 +18,14 @@ module.exports = {
 
       // Hides the switch in the navbar
       // Useful if you want to support a single color mode
-      disableSwitch: true,
+      disableSwitch: false,
     },
     navbar: {
       title: "",
       logo: {
         alt: 'logo',
-        src: 'img/logo.svg'
+        src: 'img/logo.svg',
+        srcDark: 'img/logo-dark.svg'
       },
       items: [
         {
@@ -49,7 +50,39 @@ module.exports = {
           to: 'https://github.com/aquarist-labs/s3gw',
           label: 'GitHub',
           position: 'right',
-          className: 'navbar__github btn btn-secondary icon-github',
+          className: 'navbar__icon navbar__github',
+        },
+        {
+          type: 'dropdown',
+          label: 'More From SUSE',
+          position: 'right',
+          className: 'navbar__docs',
+          items: [
+            {
+              label: 'Rancher',
+              to: 'https://www.rancher.com',
+              className: 'navbar__icon navbar__rancher',
+            },
+            {
+              label: 'Rancher Desktop',
+              to: "https://rancherdesktop.io",
+              className: 'navbar__icon navbar__rd',
+            },
+            {
+              label: 'Longhorn',
+              to: "https://longhorn.io",
+              className: 'navbar__icon navbar__longhorn',
+            },
+            {
+              type: 'html',
+              value: '<hr style="margin: 0.3rem 0;">',
+            },
+            {
+              label: 'More Projects...',
+              to: "https://opensource.suse.com",
+              className: 'navbar__icon navbar__suse',
+            },
+          ],
         }
       ],
     },

src/css/custom.css

@@ -4,7 +4,11 @@
  * bundles Infima by default. Infima is a CSS framework designed to
  * work well for content-centric websites.
  */
-/* Import fonts. */
+
+ /* Import icon dropdown styles. */
+@import "icon_dropdown.css";
+
+ /* Import fonts. */
 
 /* poppins */
 @font-face {
@@ -51,7 +55,7 @@
 }
 /* Dark Mode Color Override */
 [data-theme='dark'] {
-  --ifm-color-primary: #ffc61c;
+  --ifm-color-primary: #06527a;
   --ifm-color-primary-dark: #ffbf00;
   --ifm-color-primary-darker: #f1b400;
   --ifm-color-primary-darkest: #c69400;
@@ -70,6 +74,10 @@
   color: var(--ifm-color-primary);
 }
 
+[data-theme='dark'] .intro_src-pages-index-module h1, .intro_src-pages-index-module h4, .intro_src-pages-index-module p {
+  color: white;
+}
+
 .button--static {
   background-color: #06527a;
   color: #F3F3F3;

src/css/icon_dropdown.css

@@ -0,0 +1,87 @@
+
+.navbar__icon {
+  font-size: 16px;
+}
+
+.navbar__icon:before {
+  content: "";
+  display: inline-flex;
+  height: 20px;
+  width: 35px;
+  margin-right: 4px;
+  padding-bottom: 7px;
+  background-color: var(--ifm-navbar-link-color);
+}
+
+.navbar__docs {
+  font-size: 18px;
+}
+
+.navbar__docs:hover:before {
+  background-color: var(--ifm-link-color);
+}
+
+.navbar__docs:before {
+  mask:  url(/static/img/icon-docs-mask.png) no-repeat 100% 100%;
+  mask-size: cover;
+  height: 20px;
+  width: 30px;
+  padding-right: 1px;
+  padding-bottom: 9px;
+}
+
+.navbar__github {
+  font-size: 18px;
+}
+
+.navbar__github:hover:before {
+  background-color: var(--ifm-link-color);
+}
+
+.navbar__github:before {
+  mask:  url(/static/img/icon-github-mask.png) no-repeat 100% 100%;
+  mask-size: cover;
+  height: 19px;
+  width: 22px;
+  padding-right: 1px;
+  padding-bottom: 4px;
+}
+
+.navbar__rancher:hover:before {
+  background-color: #2e68e9;
+}
+.navbar__rancher:before {
+  mask: url(/static/img/icon-rancher-mask.png) no-repeat 100% 100%;
+  mask-size: cover;
+  height: 14px;
+  padding-bottom: 2px;
+}
+
+.navbar__rd:hover:before {
+  background-color: #0081be;
+}
+.navbar__rd:before {
+  mask: url(/static/img/icon-rd-mask.png) no-repeat 100% 100%;
+  mask-size: cover;
+  height: 22px;
+}
+
+.navbar__longhorn:hover:before {
+  background-color: #5f224a;
+}
+.navbar__longhorn:before {
+  mask: url(/static/img/icon-longhorn-mask.png) no-repeat 100% 100%;
+  mask-size: cover;
+  height: 20px;
+  padding-bottom: 9px;
+}
+
+.navbar__suse:hover:before {
+  background-color: #30ba78;
+}
+.navbar__suse:before {
+  mask: url(/static/img/icon-suse-mask.png) no-repeat 100% 100%;
+  mask-size: cover;
+  height: 15px;
+  padding-bottom: 4px;
+}

src/pages/index.module.css

@@ -112,9 +112,11 @@ Below is used for the s3gw.io landing page
 
 [data-theme='dark']
 .intro h1,
+[data-theme='dark']
 .intro h4,
+[data-theme='dark']
 .intro p {
-  color:var(--light)
+  color:var(--dark)
 }
 [data-theme='dark'] .intro a {
   color: var(--ifm-color-secondary)