Docs website brand refresh (#904)

This PR includes the following updates: 1. **UI Updates**: - Modified the UI to align with the new design. 2. **TierCallout Component**: - Introduced a new `TierCallout` component for `.mdx` files. - Example usage: ```jsx <TierCallout> Visit the [pricing page](https://about.sourcegraph.com/pricing) for up-to-date pricing. <user> This feature is available for Enterprise users with [premium support](https://about.sourcegraph.com/support). </user> </TierCallout> ``` 3. **New Layout Component**: - Added a new component inside `Layout` featuring tabs and a video container. - Included demo content for now, which will be updated based on instructions. --------- Co-authored-by: Maedah Batool <[email protected]> Co-authored-by: Jacob Pleiness <[email protected]> Co-authored-by: Marc <[email protected]>
sourcegraph · Jan 29, 2025 · badff08 · badff08
1 parent af559eb
commit badff08
Show file tree

Hide file tree

Showing 63 changed files with 635 additions and 442 deletions.
diff --git a/dev/rss.js b/dev/rss.js
@@ -30,8 +30,8 @@ const generateRssFeed = () => {
         id: siteURL,
         link: baseURL,
         language: 'en',
-        image: `${siteURL}/favicon.png`,
-        favicon: `${siteURL}/favicon.ico`,
+        image: `${siteURL}/sourcegraph-mark.png`,
+        favicon: `${siteURL}/sourcegraph-mark.png`,
         copyright: `All rights reserved ${date.getFullYear()}, Sourcegraph`,
         updated: date,
         generator: 'Sourcegraph RSS Feed',

diff --git a/docs/batch-changes/index.mdx b/docs/batch-changes/index.mdx
@@ -1,5 +1,12 @@
 # Batch Changes
 
+<TierCallout>
+  Supported on [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Currently available via the Web app.
+  </user>
+</TierCallout>
+
 <p className="subtitle">This section is about Batch Changes, which helps you automate and ship large-scale code changes across many repositories and code hosts.</p>
 
 Batch Changes helps you ship large-scale code changes across many repositories and code hosts. You can create pull requests on all affected repositories, and it tracks their progress until they're all merged. You can also preview the changes and update them at any time.

diff --git a/docs/code-search/code-navigation/auto_indexing.mdx b/docs/code-search/code-navigation/auto_indexing.mdx
@@ -1,8 +1,13 @@
 # Auto-indexing
 
-<p className="subtitle">Learn and understand how auto-indexing works.</p>
+<TierCallout>
+  Supported on [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Currently in Beta and available via Web app.
+  </user>
+</TierCallout>
 
-<Callout type="note">Auto-indexing is currently in Beta stage.</Callout>
+<p className="subtitle">Learn and understand how auto-indexing works.</p>
 
 With Sourcegraph deployments supporting [executors](/admin/executors/), your repository contents can be automatically analyzed to produce a code graph index file. Once [auto-indexing is enabled](/code-search/code-navigation/auto_indexing#enable-auto-indexing) and [auto-indexing policies are configured](/code-search/code-navigation/auto_indexing#configure-auto-indexing), repositories will be periodically cloned into an executor sandbox, analyzed, and the resulting index file will be uploaded back to the Sourcegraph instance.
 

diff --git a/docs/code-search/code-navigation/precise_code_navigation.mdx b/docs/code-search/code-navigation/precise_code_navigation.mdx
@@ -1,5 +1,12 @@
 # Precise Code Navigation
 
+<TierCallout>
+  Supported on [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Available via the Web app.
+  </user>
+</TierCallout>
+
 <p className="subtitle">Learn and understand about Precise Code Navigation.</p>
 
 Precise Code Navigation is an opt-in feature that is enabled from your admin settings and requires you to upload indexes for each repository to your Sourcegraph instance. Once setup is complete on Sourcegraph, precise code navigation is available for use across popular development tools:

diff --git a/docs/code-search/code-navigation/search_based_code_navigation.mdx b/docs/code-search/code-navigation/search_based_code_navigation.mdx
@@ -1,5 +1,12 @@
 # Search-based Code Navigation
 
+<TierCallout>
+  Supported on [Enterprise Starter](/pricing/enterprise-starter) and [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Available via VS Code and JetBrains editor extensions and the Web.
+  </user>
+</TierCallout>
+
 <p className="subtitle">Learn and understand about Search-based Code Navigation.</p>
 
 Sourcegraph comes with a default built-in code navigation provided by search-based heuristics. It works out of the box with all of the most popular programming languages.

diff --git a/docs/code-search/index.mdx b/docs/code-search/index.mdx
@@ -1,5 +1,12 @@
 # Code Search
 
+<TierCallout>
+  Supported on [Enterprise Starter](/pricing/enterprise-starter) and [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Available via VS Code and JetBrains editor extensions and the Web.
+  </user>
+</TierCallout>
+
 <p className="subtitle">Learn how to search code across all your repositories and code hosts.</p>
 
 **Code Search** allows you to find, fix, and navigate code with any code host or language across multiple repositories with real-time updates. It deeply understands your code, prioritizing the most relevant results for an enhanced search experience.

diff --git a/docs/code-search/types/search-jobs.mdx b/docs/code-search/types/search-jobs.mdx
@@ -1,5 +1,12 @@
 # Search Jobs
 
+<TierCallout>
+  Supported on [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Currently available via the Web app.
+  </user>
+</TierCallout>
+
 Use Search Jobs to search code at scale for large-scale organizations.
 
 Search Jobs allows you to run search queries across your organization's codebase (all repositories, branches, and revisions) at scale. It enhances the existing Sourcegraph's search capabilities, enabling you to run searches without query timeouts or incomplete results.

diff --git a/docs/code-search/types/symbol.mdx b/docs/code-search/types/symbol.mdx
@@ -1,5 +1,12 @@
 # Symbol search
 
+<TierCallout>
+  Supported on [Enterprise Starter](/pricing/enterprise-starter) and [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Available via VS Code and JetBrains editor extensions and the Web.
+  </user>
+</TierCallout>
+
 We use [Ctags](https://github.com/universal-ctags/ctags) to index the symbols of a repository on demand. These symbols are used to implement symbol search, matching declarations instead of plain text.
 
 ![symbol-search](https://storage.googleapis.com/sourcegraph-assets/Docs/Symbols.png)

diff --git a/docs/code_insights/index.mdx b/docs/code_insights/index.mdx
@@ -1,5 +1,12 @@
 # Code Insights
 
+<TierCallout>
+  Supported on [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Currently available via the Web app.
+  </user>
+</TierCallout>
+
 <p className="subtitle">Anything you can search, you can track and analyze</p>
 
 <img src="https://sourcegraphstatic.com/docs/images/code_insights/insights_index_dark.png" />

diff --git a/docs/code_monitoring/index.mdx b/docs/code_monitoring/index.mdx
@@ -1,5 +1,12 @@
 # Code monitoring
 
+<TierCallout>
+  Supported on [Enterprise](/pricing/enterprise) plans.
+  <user>
+    Currently available via the Web app.
+  </user>
+</TierCallout>
+
 <p className="subtitle">Keep on top of events in your codebase</p>
 
 Watch your code with code monitors and trigger actions to run automatically in response to events.

diff --git a/docs/cody/index.mdx b/docs/cody/index.mdx
@@ -1,5 +1,12 @@
 # Cody
 
+<TierCallout>
+  Supported on all [Sourcegraph plans](https://about.sourcegraph.com/pricing).
+  <user>
+    Available on VS Code, JetBrains, Visual Studio, Eclipse and the Web.
+  </user>
+</TierCallout>
+
 Cody is an AI coding assistant that uses all the latest LLMs and your development context to help you understand, write, and fix code faster. It uses the powerful Sourcegraph's advanced Search API to pull context from both local and remote codebases so that you can use context about APIs, symbols, and usage patterns from across your entire codebase.
 
 <video width="1920" height="1080" loop playsInline controls style={{ width: '100%', height: 'auto' }}>