Add OS preferred language and minor fixes

storj · Aug 23, 2023 · a1c5a12 · a1c5a12
1 parent 9952e35
commit a1c5a12
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 10 deletions.
diff --git a/app/page.md b/app/page.md
@@ -23,22 +23,21 @@ Easily integrated into any existing stack with S3 compatibility, Storj is a trus
 
 Some of the main Storj features include:
 
-| Feature               | Description                                                                                                                          |
-| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
-| S3 Compatibility      | Change the endpoint and credentials with an S3-compatible tool of your choice and you’ll be up and running in minutes.               |
-| End-to-End Encryption | Own your data with default encryption and user-assigned access grants so no one can view or compromise your data without permission. |
-| Cost Efficiency       | Storage as low as $4.00 per TB per month with $7.00 per TB per month for egress                                                      |
-| Multi-region          | Multi-region cloud object storage by design distributed to tens of thousands of Storage nodes around the world                       |
-| Open Source           | Take advantage of absolute transparency through our open source code. You are not locked-in to our technology or cost structure.     |
+| Feature                                              | Description                                                                                                                          |
+| ---------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ |
+| [S3 Compatibility](docId:eZ4caegh9queuQuaazoo)       | Change the endpoint and credentials with an S3-compatible tool of your choice and you’ll be up and running in minutes.               |
+| [Third-party tools](docId:REPde_t8MJMDaE2BU8RfQ)     | Dozen of compatible tools allowing backups, transfering large files, file management, content delivery, scientific data, and more!   |
+| [End-to-End Encryption](docId:uuhN7eyr1a8P3l_vzdnDk) | Own your data with default encryption and user-assigned access grants so no one can view or compromise your data without permission. |
+| [Cost Efficiency](docId:59T_2l7c1rvZVhI8p91VX)       | Storage as low as $4.00 per TB per month with $7.00 per TB per month for egress.                                                     |
+| [Multi-region](docId:eem7iong0aSh7ahbich5)           | Multi-region cloud object storage by design distributed to tens of thousands of Storage nodes around the world.                      |
+| [Open Source](https://github.com/storj)              | Take advantage of absolute transparency through our open source code. You are not locked-in to our technology or cost structure.     |
 
 ## How to Use These Docs
 
 On the left side of the screen, you'll find the docs navbar. The pages are organized sequentially that you can follow step-by-step or if you're already familiar with object storage you can jump to the section that applies most to your use case.
 
 On the right side of the screen, there's a table of contents to help you move between parts of a page. To find a page fast, use the search bar at the top or press Ctrl+K or Cmd+K on your keyboard.
 
-If you're integrating Storj with third-party software, be sure to check out our [third-party tools guides](docId:REPde_t8MJMDaE2BU8RfQ).
-
 ## Join the community
 
 If you're stuck on an issue, chances are someone has seen it before or can help you troubleshoot it. How to build on top of Storj resources, administer servers, write and deploy code, and install and configure open source tools.

diff --git a/src/components/Code.jsx b/src/components/Code.jsx
@@ -136,6 +136,16 @@ function usePreventLayoutShift() {
   }
 }
 
+const detectOS = () => {
+  var os = 'Linux'
+  if (/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)) {
+    os = 'macOS'
+  } else if (/(Win)/i.test(navigator.platform)) {
+    os = 'Windows'
+  }
+  return os
+}
+
 const usePreferredLanguageStore = create((set) => ({
   preferredLanguages: [],
   addPreferredLanguage: (language) =>
@@ -153,6 +163,10 @@ export function useTabGroupProps(availableLanguages) {
   availableLanguages = availableLanguages.map((lang) => lang.toLowerCase())
   let { preferredLanguages, addPreferredLanguage } = usePreferredLanguageStore()
   let [selectedIndex, setSelectedIndex] = useState(0)
+  useEffect(() => {
+    addPreferredLanguage(detectOS())
+  }, [addPreferredLanguage])
+
   let activeLanguage = [...availableLanguages].sort(
     (a, z) => preferredLanguages.indexOf(z) - preferredLanguages.indexOf(a)
   )[0]

diff --git a/src/components/Hero.jsx b/src/components/Hero.jsx
@@ -43,7 +43,7 @@ export function Hero({ className }) {
                 Make the world your datacenter
               </p>
               <p className="mt-3 text-2xl tracking-tight text-slate-400">
-                Store every byte with Storj&apos;s decentralized nodes, ensuring
+                Store every byte with Storj&apos;s distributed nodes, ensuring
                 your data is everywhere, even before you need it.
               </p>
               <div className="mt-8 flex gap-4 md:justify-center lg:justify-start">