diff --git a/docs/about/_category_.yml b/docs/about/_category_.yml index 3d744c15..46bff42b 100644 --- a/docs/about/_category_.yml +++ b/docs/about/_category_.yml @@ -1,4 +1,4 @@ -label: About -position: 2 +label: Platform +position: 8 collapsible: true -collapsed: true +collapsed: false diff --git a/docs/about/support.md b/docs/about/support.md index 398951a0..4e454caf 100644 --- a/docs/about/support.md +++ b/docs/about/support.md @@ -44,7 +44,7 @@ Regardless of the method or location through which CodeRabbit provides Support, :::tip To see more common issues faced by CodeRabbit users, visit our -[FAQ section](../faq.md) for detailed answers and solutions to frequently +[FAQ section](/faq) for detailed answers and solutions to frequently encountered problems. ::: diff --git a/docs/faq.md b/docs/faq.md index f7be543a..d6659df2 100644 --- a/docs/faq.md +++ b/docs/faq.md @@ -79,16 +79,12 @@ Switch between organizations easily: - ✅ **New Commits**: Automatic review when pushed to any PR - ⚡ **Older PRs**: Use `@coderabbitai review` to trigger manually -:::tip Pro Tip -Just created a PR right before installing CodeRabbit? or drop a `@coderabbitai full review` comment in old PR to get it reviewed. -::: - ![CodeRabbit- Full-Review](/img/faq/full-review.png) ### Customization Options - **Language Settings**: Configure review language in repository settings -- **Review Rules**: Customize via [Review Instructions](./guides/review-instructions.md) +- **Review Rules**: Customize via [Review Instructions](/guides/review-instructions) - **Branch Selection**: Default branch reviews enabled by default (configurable) ### Access & Permissions @@ -104,7 +100,7 @@ Interact with CodeRabbit by: 1. Replying directly to CodeRabbit comments 2. Tagging `@coderabbitai` in PR discussions 3. Adding review comments for specific lines -4. Customize via [Review Instructions](./guides/review-instructions.md) +4. Customize via [Review Instructions](/guides/review-instructions) :::tip Collaboration Mode When team members are active in PRs, use `@coderabbitai` to engage the bot. @@ -137,5 +133,79 @@ In-trial and open-source plans have lower rate limits than the paid plan. In all 3. That's it. CodeRabbit will automatically start reviewing your PRs :::tip Need Help? -Visit our [Support](./about/support.md) page for additional assistance or reach out to our team on [discord](http://discord.gg/coderabbit). +Visit our [Support](/about/support) page for additional assistance or reach out to our team on [Discord](http://discord.gg/coderabbit). ::: + +## Account Management {#account-management} + +### How do I delete my CodeRabbit account? + +:::danger Irreversible Account Deletion +Deleting your CodeRabbit account is permanent and cannot be undone. This action will permanently erase: + +- Organization and Repository data +- AI Bot learnings and insights +- Subscriptions and billing information +- All settings and configurations +- Reports and recurring reports +- Third-party service integrations + ::: + + + + 1. Sign into your CodeRabbit account + 2. Navigate to the **Subscription** page + 3. Click the orange **Delete Account** button + 4. Review the deletion confirmation modal + 5. Type "delete" to confirm + 6. Complete platform-specific cleanup steps below + + :::info + The Delete Account button is only visible to admin users. + ::: + +A confirmation modal will appear explaining the consequences of account deletion. You can expand each section for detailed information: + +

+ ![Delete Account](/img/guides/delete_account_light.png#gh-light-mode-only) + ![Delete Account](/img/guides/delete_account_dark.png#gh-dark-mode-only) +

+ + + + After account deletion, you must: + + **Remove OAuth App:** + 1. Go to Organization settings + 2. Click **OAuth Application Policy** + 3. Find **coderabbitai** and click the pencil icon + 4. Click **Revoke** + + **Uninstall GitHub App:** + 1. Go to Organization settings + 2. Click **GitHub Apps** + 3. Select **Configure** + 4. Click **Uninstall** + + + + Complete these steps: + + 1. Remove OAuth App from User Settings > Applications + 2. Remove Webhook from Group > Project Settings > Webhooks + 3. Remove Bot User from Group > Manage > Members + + + + 1. Go to Project Settings > Service Hooks + 2. Delete CodeRabbit webhooks + 3. Remove CodeRabbit user or delete associated Personal Access Token + + + +:::warning Post-Deletion Steps +The platform-specific cleanup steps are necessary to completely remove CodeRabbit access. Without completing these steps: + +- CodeRabbit may retain some platform permissions +- Signing back in will recreate minimal account data + ::: diff --git a/docs/getting-started/_category_.yml b/docs/getting-started/_category_.yml new file mode 100644 index 00000000..b4dac7a5 --- /dev/null +++ b/docs/getting-started/_category_.yml @@ -0,0 +1,4 @@ +label: Getting Started +position: 2 +collapsible: true +collapsed: false diff --git a/docs/configure-coderabbit.md b/docs/getting-started/configure-coderabbit.md similarity index 98% rename from docs/configure-coderabbit.md rename to docs/getting-started/configure-coderabbit.md index 58804a78..b0e9d8e6 100644 --- a/docs/configure-coderabbit.md +++ b/docs/getting-started/configure-coderabbit.md @@ -1,6 +1,6 @@ --- title: Configure CodeRabbit -sidebar_label: Configure CodeRabbit +sidebar_label: Configure description: CodeRabbit offers various configuration options to tailor the reviews to your specific requirements. Configuration can be made using one of the below diff --git a/docs/getting-started/quickstart.md b/docs/getting-started/quickstart.md new file mode 100644 index 00000000..280732f0 --- /dev/null +++ b/docs/getting-started/quickstart.md @@ -0,0 +1,55 @@ +--- +title: Playing with CodeRabbit +sidebar_label: Quickstart +description: Get started with CodeRabbit in less than 2 minutes +sidebar_position: 1 +--- + +# Quickstart Guide + +:::note +Get started with CodeRabbit in three simple steps. No complex configuration needed. +::: + +## Steps to Enable CodeRabbit + +### Sign In with GitHub + +- Visit [coderabbit.ai](https://coderabbit.ai) +- Click "Sign in with GitHub" +- Authorize CodeRabbit + +![CodeRabbit Login](/img/integrations/login-self-hosted-github.png) + +### Add Your Repository + +- Go to your [Dashboard](https://app.coderabbit.ai/dashboard) +- Click "Add Repositories" +- Select the repositories you want to enable + +![CodeRabbit Dashboard](/img/getting-started/dashboard-coderabbit.png) + +### You're Done 🎉 + +- CodeRabbit will automatically start reviewing your Pull Requests +- Default configuration works out of the box +- No additional setup needed + +## What's Next? + +- Watch CodeRabbit +- Here's an example of CodeRabbit in action: + ![CodeRabbit PR Review Example](/img/getting-started/pr-examples.png) +- [View live example PR](https://github.com/tyaga001/devtoolsacademy/pull/39) +- [Configure CodeRabbit](/getting-started/configure-coderabbit) (optional) +- [Add custom review instructions](/guides/review-instructions) (optional) + +## Need Help? + +- Join our [Discord community](https://discord.gg/coderabbit) for support +- Check out our [FAQ](/faq) +- Contact [support@coderabbit.ai](mailto:support@coderabbit.ai) + +:::tip +CodeRabbit starts working immediately. You can customize its behavior later when needed. +::: diff --git a/docs/guides/_category_.yml b/docs/guides/_category_.yml index 674b49ba..ead6d876 100644 --- a/docs/guides/_category_.yml +++ b/docs/guides/_category_.yml @@ -1,4 +1,4 @@ label: Guides -position: 6 +position: 5 collapsible: true -collapsed: true +collapsed: false diff --git a/docs/guides/delete-account.md b/docs/guides/delete-account.md deleted file mode 100644 index 5bed9528..00000000 --- a/docs/guides/delete-account.md +++ /dev/null @@ -1,117 +0,0 @@ ---- -title: Delete CodeRabbit Account -sidebar_label: Delete CodeRabbit Account -# description: -sidebar_position: 5 ---- - -The guide explains how to delete your CodeRabbit account and all the data -associated with it. - -:::danger Irreversible Account Deletion - -Deleting your CodeRabbit account is permanent and cannot be undone. This action -will permanently erase all data associated with your account, including: - - - Organization and Repositories: The organization and repositories integrated with CodeRabbit. - - For Self-Hosted GitLab users, all the organizations and repositories data will be removed from CodeRabbit servers. - - Learnings and Insights: All data generated by the CodeRabbit AI Bot. - - Subscriptions and Billing: All subscription details and billing information. - - Settings: All repository and organization level settings configured by you. - - Reports: All recurring reports created by you. - - Integrations: All connections with third-party services such as Jira, Linear, etc., established by you. - -::: - -### Deleting the CodeRabbit Account via the UI - -:::info -Only accounts where the user has admin access will be deleted. -::: - -Sign into your CodeRabbit account and navigate to the **Subscription** page. - -Select the orange colored **Delete Account** button just below the Manage -Subscription button. If you do not see the button, then likely you are not an -admin user for that specific organization. Upon selecting a organization which -as admin access, the button will appear. - -A Modal informing the user about the result of deleting the account will open -upon selecting **Delete Account**. You can open the dropdowns for more -information. - -

-![Delete Account](/img/guides/delete_account_light.png#gh-light-mode-only) -![Delete Account](/img/guides/delete_account_dark.png#gh-dark-mode-only) -

- -Deletion will only occur once the admin specifically types in "delete" in the -input box provided. - -You will be redirected to the login page once the account is deleted. Please -look at the next section for additional steps required by the user. - -## Additional Steps Required by the User - -### GitHub - -#### Remove / Revoke the CodeRabbit OAuth App from your GitHub account - -1. Navigate to your Organizations settings on GitHub -2. Click on OAuth Application Policy -3. Select the pencil icon next to coderabbitai -4. Click Revoke to remove permissions - -#### Uninstall the CodeRabbit GitHub App from your GitHub account - -1. Navigate to your Organizations settings on GitHub. -2. Click on GitHub Apps on the left sidebar. -3. Select Configure -4. Select Uninstall near the bottom of the page - -### GitLab and Self-Hosted GitLab - -#### Remove / Revoke the CodeRabbit OAuth App from your GitLab account - -1. Navigate to your User Settings in GitLab -2. Click on Applications -3. Click Revoke on the CodeRabbit application and confirm - -#### Uninstall the CodeRabbit Webhook from your GitLab account - -1. Navigate to your Group where you installed CodeRabbit in the - GitLab UI -2. Select a project you installed CodeRabbit on, Hover over{" "} - Settings and select{" "} Webhooks -3. Select Delete and confirm the deletion the project hook. -4. Select Uninstall near the bottom of the page - -#### Uninstall the CodeRabbit Bot User from your GitLab account - -1. Navigate to your Group where you installed CodeRabbit in the - GitLab UI -2. Select a project you installed CodeRabbit on, Hover over{" "} - Manage and select Members -3. Select Remove Member and confirm to remove the CodeRabbit - from your project - -### Azure DevOps - -#### Uninstalling CodeRabbit from your Azure DevOps project - -1. Navigate to your Project Settings in the Azure DevOps UI where CodeRabbit is installed. -2. Under Project Settings, go to Service Hooks. -3. Select the webhooks that are added by CodeRabbit. -4. Click the Delete icon at the top of the page. -5. Remove the CodeRabbit user or delete the Personal Access Token associated with the user used for reviews. - -:::warning - -The steps are necessary to completely off-board CodeRabbit from your -GitHub/GitLab account. Failure to do so will result in CodeRabbit still having -permissions to your GitHub/GitLab account, although no data will be processed. - -Signing back in without completing the above steps will re-introduce a minimal -set of data being stored as a part of the sign in process. - -::: diff --git a/docs/guides/review-instructions.md b/docs/guides/review-instructions.md index f86c5240..0c73b291 100644 --- a/docs/guides/review-instructions.md +++ b/docs/guides/review-instructions.md @@ -9,7 +9,7 @@ sidebar_position: 3 --- The guide explains how to add custom review instructions for the entire project. -Also, see the guide on how to [configure CodeRabbit](../configure-coderabbit.md). +Also, see the guide on how to [configure CodeRabbit](/getting-started/configure-coderabbit). ### Path-based instructions {#path-based} diff --git a/docs/integrations/_category_.yml b/docs/integrations/_category_.yml index 1b85855e..6bdbee70 100644 --- a/docs/integrations/_category_.yml +++ b/docs/integrations/_category_.yml @@ -1,4 +1,4 @@ label: Integrations position: 7 collapsible: true -collapsed: true +collapsed: false diff --git a/docs/overview/_category_.yml b/docs/overview/_category_.yml new file mode 100644 index 00000000..2a00cabc --- /dev/null +++ b/docs/overview/_category_.yml @@ -0,0 +1,4 @@ +label: Overview +position: 1 +collapsible: true +collapsed: false diff --git a/docs/introduction.md b/docs/overview/introduction.md similarity index 98% rename from docs/introduction.md rename to docs/overview/introduction.md index 3e8eaaf0..6f2e2e5b 100644 --- a/docs/introduction.md +++ b/docs/overview/introduction.md @@ -1,6 +1,6 @@ --- -id: Get Started -title: Get Started +id: introduction +title: Introduction sidebar_label: Introduction sidebar_position: 1 description: diff --git a/docs/overview/why-coderabbit.md b/docs/overview/why-coderabbit.md new file mode 100644 index 00000000..0cb7c5b7 --- /dev/null +++ b/docs/overview/why-coderabbit.md @@ -0,0 +1,163 @@ +--- +id: why-coderabbit +title: Why CodeRabbit? +sidebar_label: Why CodeRabbit? +sidebar_position: 2 +description: CodeRabbit is AI-powered code reviews built for modern development teams +--- + +# Why CodeRabbit? + +Looking back at CodeRabbit's journey, our fundamental mission remains unchanged: + +> To build the best code review experience in the cloud + +This is our core mission today. It's clear to us that as development teams grow and codebases become more complex, manual code reviews become increasingly challenging and time-consuming. No one wants to spend hours reviewing code when they could be building features. + +## Real-World Code Reviews + +> CodeRabbit currently processes [Over 470,000 pull requests](https://github.com/search?q=coderabbitai&type=pullrequests) across multiple languages including TypeScript, Go, Python, JavaScript, Java, Rust, C#, and PHP. + +:::tip See it in action +Browse through real-world examples of CodeRabbit's reviews on GitHub to see how it helps developers write better code every day. +::: + +## The Problem With Traditional Code Reviews + +As engineering teams scale, several critical issues emerge: + +1. **Review Latency** - PRs often sit for days waiting for review, blocking feature delivery +2. **Inconsistent Quality** - Different code reviewers focus on different aspects +3. **Knowledge Silos** - Critical insights stay trapped with individual code reviewers +4. **Context Switching** - Developers lose focus when reviewing large PRs +5. **Scale Limitations** - Senior developers become review bottlenecks + +## CodeRabbit is AI-Powered + +CodeRabbit leverages advanced AI to provide intelligent, context-aware code reviews. + +Our AI engine understands not just the syntax, but the intent and context of code changes. This enables reviews that go beyond simple style checks to provide meaningful insights about: + +- Security vulnerabilities +- Performance optimizations +- Design patterns +- Best practices +- Documentation completeness + +:::tip Did you know? +CodeRabbit's AI model is trained on millions of code reviews and continuously learns from user feedback to improve its suggestions. +::: + +## CodeRabbit is Context-Aware + +A review system that understands your codebase and team preferences. + +Unlike traditional automated review tools that apply generic rules, CodeRabbit: + +- Learns from your team's coding patterns +- Understands your project's architecture +- Considers the full context of changes +- Adapts to your team's preferences +- Provides relevant, actionable feedback + +## CodeRabbit is Fully Managed + +Leave the infrastructure management to us. + +Being fully managed means CodeRabbit: + +- Automatically scales with your needs +- Requires zero maintenance +- Provides enterprise-grade security +- Ensures high availability +- Handles updates seamlessly + +## CodeRabbit is Platform Agnostic + +Supporting all major Git platforms and development workflows. + +CodeRabbit integrates seamlessly with: + +- GitHub +- GitLab +- Azure DevOps + +And supports all major programming languages and frameworks without requiring any special configuration. + +## Who should use CodeRabbit? + +### Individual Developers + +- Get expert-level code reviews instantly +- Learn best practices through AI suggestions +- Improve code quality before team review + +### Development Teams + +- Standardize review processes +- Reduce review bottlenecks +- Share knowledge across the team +- Maintain consistent code quality + +### Enterprises + +- Scale code review processes efficiently +- Enforce security and compliance standards +- Reduce technical debt +- Accelerate development cycles + +:::tip Free for Open Source +CodeRabbit is completely **FREE** for open-source projects. Our architecture enables us to provide a sustainable free tier that includes: + +- Unlimited public repositories +- Full feature access +- No credit card required + ::: + +## CodeRabbit Doesn't Lock You In + +Built on open standards, easy to integrate and customize. + +CodeRabbit: + +- Works with your existing Git workflow +- Requires minimal configuration +- Supports standard code review protocols +- Allows easy export of review data +- Integrates with popular development tools + +## CodeRabbit Makes Code Reviews Easy + +Set up automated code reviews in minutes. + +1. Log in with GitHub, GitLab, or Azure DevOps +2. Select repositories to review +3. Create a pull request +4. Watch CodeRabbit provide instant feedback + +```bash +# Example review feedback time +Traditional Review: 24-48 hours +CodeRabbit Review: < 5 minutes +``` + +## Data Privacy and Security + +Your code's security is our top priority. + +- **SOC2 Type II Certified** +- **GDPR Compliant** +- **Zero Data Retention**: Reviews are ephemeral +- **Isolated Environments**: Your code stays private +- **No Training**: Your code is never used to train models + +## Are you ready? + +Join thousands of developers who are already benefiting from AI-powered code reviews. + +After signing up, join our active Discord community where you'll find CodeRabbit users and team members ready to help you get the most out of your code reviews. + +

+ Sign Up Free + Join Discord +

diff --git a/docs/platforms/_category_.yaml b/docs/platforms/_category_.yaml index 32fe7bb9..185b2b05 100644 --- a/docs/platforms/_category_.yaml +++ b/docs/platforms/_category_.yaml @@ -1,4 +1,4 @@ -label: Supported Git Platforms -position: 5 +label: Git +position: 3 collapsible: true -collapsed: true +collapsed: false diff --git a/docs/self-hosted/_category_.yaml b/docs/self-hosted/_category_.yaml index 89582608..1025807f 100644 --- a/docs/self-hosted/_category_.yaml +++ b/docs/self-hosted/_category_.yaml @@ -1,4 +1,4 @@ -label: Self-Hosted CodeRabbit -position: 8 +label: Self-Hosted +position: 4 collapsible: true -collapsed: true +collapsed: false diff --git a/docs/tools/_category_.yml b/docs/tools/_category_.yml index 0ea58591..9153eec7 100644 --- a/docs/tools/_category_.yml +++ b/docs/tools/_category_.yml @@ -1,4 +1,4 @@ label: Supported Tools -position: 4 +position: 6 collapsible: true collapsed: true diff --git a/docusaurus.config.ts b/docusaurus.config.ts index 771565ad..8254684b 100644 --- a/docusaurus.config.ts +++ b/docusaurus.config.ts @@ -42,11 +42,11 @@ const config: Config = { redirects: [ { from: "/get-started", - to: "/configure-coderabbit", + to: "/getting-started/configure-coderabbit", }, { from: "/guides/customize-coderabbit", - to: "/configure-coderabbit", + to: "/getting-started/configure-coderabbit", }, { from: "/guides/prompt-customization", @@ -54,7 +54,7 @@ const config: Config = { }, { from: "/guides/configure-coderabbit", - to: "/configure-coderabbit", + to: "/getting-started/configure-coderabbit", }, { from: "/integrations/saas-gitlab", @@ -103,6 +103,7 @@ const config: Config = { docs: { editUrl: "https://github.com/coderabbitai/coderabbit-docs/edit/main/", sidebarPath: "./sidebars.ts", + path: "docs", routeBasePath: "/", breadcrumbs: true, showLastUpdateTime: true, @@ -165,12 +166,37 @@ const config: Config = { title: "", hideOnScroll: true, logo: { - alt: "", + alt: "CodeRabbit", src: "img/logo/bw_coderabbit.svg", srcDark: "img/logo/white_coderabbit.svg", href: "https://coderabbit.ai", + target: "_self", }, - items: [], + items: [ + { + label: "Docs", + position: "left", + to: "/", + className: "navbar-link-active", + }, + { + href: "https://blog.coderabbit.ai/blog", + label: "Blog", + position: "left", + }, + { + href: "https://discord.gg/coderabbit", + className: "navbar-icon-link discord-link", + "aria-label": "Discord", + position: "right", + }, + { + href: "https://github.com/coderabbitai", + className: "github-link", + "aria-label": "GitHub", + position: "right", + }, + ], }, prism: { theme: prismThemes.github, diff --git a/sidebars.ts b/sidebars.ts index fbd68074..352cd042 100644 --- a/sidebars.ts +++ b/sidebars.ts @@ -21,16 +21,6 @@ const sidebars: SidebarsConfig = { label: "API Reference", href: "https://api.coderabbit.ai/api/swagger/", }, - { - type: "link", - label: "Blog", - href: "https://blog.coderabbit.ai/blog", - }, - { - type: "link", - label: "Discord", - href: "https://discord.gg/GsXnASn26c", - }, ], } diff --git a/src/css/custom.css b/src/css/custom.css index 3e6710e4..a2d00fbc 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -169,3 +169,117 @@ a[docid="docs"] > svg { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='20' viewBox='0 0 640 512'%3E%3Cpath fill='%23FFFFFF' d='M524.5 69.8a1.5 1.5 0 0 0 -.8-.7A485.1 485.1 0 0 0 404.1 32a1.8 1.8 0 0 0 -1.9 .9 337.5 337.5 0 0 0 -14.9 30.6 447.8 447.8 0 0 0 -134.4 0 309.5 309.5 0 0 0 -15.1-30.6 1.9 1.9 0 0 0 -1.9-.9A483.7 483.7 0 0 0 116.1 69.1a1.7 1.7 0 0 0 -.8 .7C39.1 183.7 18.2 294.7 28.4 404.4a2 2 0 0 0 .8 1.4A487.7 487.7 0 0 0 176 479.9a1.9 1.9 0 0 0 2.1-.7A348.2 348.2 0 0 0 208.1 430.4a1.9 1.9 0 0 0 -1-2.6 321.2 321.2 0 0 1 -45.9-21.9 1.9 1.9 0 0 1 -.2-3.1c3.1-2.3 6.2-4.7 9.1-7.1a1.8 1.8 0 0 1 1.9-.3c96.2 43.9 200.4 43.9 295.5 0a1.8 1.8 0 0 1 1.9 .2c2.9 2.4 6 4.9 9.1 7.2a1.9 1.9 0 0 1 -.2 3.1 301.4 301.4 0 0 1 -45.9 21.8 1.9 1.9 0 0 0 -1 2.6 391.1 391.1 0 0 0 30 48.8 1.9 1.9 0 0 0 2.1 .7A486 486 0 0 0 610.7 405.7a1.9 1.9 0 0 0 .8-1.4C623.7 277.6 590.9 167.5 524.5 69.8zM222.5 337.6c-29 0-52.8-26.6-52.8-59.2S193.1 219.1 222.5 219.1c29.7 0 53.3 26.8 52.8 59.2C275.3 311 251.9 337.6 222.5 337.6zm195.4 0c-29 0-52.8-26.6-52.8-59.2S388.4 219.1 417.9 219.1c29.7 0 53.3 26.8 52.8 59.2C470.7 311 447.5 337.6 417.9 337.6z'/%3E%3C/svg%3E") no-repeat; } */ + +/* GitHub icon styles - adding to existing CSS without modifications */ +.github-link:before { + content: ""; + width: 24px; + height: 24px; + display: flex; + background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='currentColor' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E") + no-repeat; +} + +.github-link { + padding: 0; + width: 24px; + height: 24px; + display: flex; + align-items: center; + justify-content: center; + margin: 0 0.5rem; + opacity: 0.7; + transition: opacity 0.2s; +} + +.github-link:hover { + opacity: 1; +} + +/* Dark mode adjustments */ +[data-theme="dark"] .github-link:before { + filter: invert(1); +} + +/* Responsive adjustments to match existing patterns */ +@media screen and (max-width: 480px) { + .github-link { + margin: 0 0.25rem; + } +} + +/* Remove external link symbol */ +.navbar__items .navbar__link svg { + display: none; +} + +/* Custom navbar styles */ +.navbar { + padding: 0.5rem 1rem; +} + +/* Active section indicator */ +.navbar-link-active { + font-weight: 600; + position: relative; +} + +.navbar-icon-link { + padding: 0 0.75rem; + display: flex; + align-items: center; + opacity: 0.75; + transition: opacity 0.2s ease; +} + +.navbar-icon-link:hover { + opacity: 1; +} + +.navbar-icon-link::before { + content: ""; + width: 24px; + height: 24px; + display: flex; + background-size: contain; + background-repeat: no-repeat; + background-position: center; +} + +/* Light mode specific styles */ +[data-theme="light"] { + .navbar-icon-link::before { + opacity: 0.7; + } + + .navbar-icon-link:hover::before { + opacity: 0.9; + } + + .discord-link::before { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36' fill='%23424242'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z'/%3E%3C/svg%3E"); + } + + .github-link::before { + background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23424242'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E"); + } +} + +/* Dark mode specific styles */ +[data-theme="dark"] { + .navbar-icon-link::before { + opacity: 0.85; + } + + .navbar-icon-link:hover::before { + opacity: 1; + } + + .discord-link::before { + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 127.14 96.36' fill='%23fff'%3E%3Cpath d='M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z'/%3E%3C/svg%3E"); + } + + .github-link::before { + background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z'/%3E%3C/svg%3E"); + } +} diff --git a/src/pages/markdown-page.md b/src/pages/markdown-page.md deleted file mode 100644 index 9756c5b6..00000000 --- a/src/pages/markdown-page.md +++ /dev/null @@ -1,7 +0,0 @@ ---- -title: Markdown page example ---- - -# Markdown page example - -You don't need React to write simple standalone pages. diff --git a/static/img/getting-started/coderabbit-dashboard.png b/static/img/getting-started/coderabbit-dashboard.png new file mode 100644 index 00000000..3bf22518 Binary files /dev/null and b/static/img/getting-started/coderabbit-dashboard.png differ diff --git a/static/img/getting-started/dashboard-coderabbit.png b/static/img/getting-started/dashboard-coderabbit.png new file mode 100644 index 00000000..4070684e Binary files /dev/null and b/static/img/getting-started/dashboard-coderabbit.png differ diff --git a/static/img/getting-started/login-with-github.png b/static/img/getting-started/login-with-github.png new file mode 100644 index 00000000..85c8c744 Binary files /dev/null and b/static/img/getting-started/login-with-github.png differ diff --git a/static/img/getting-started/pr-example.png b/static/img/getting-started/pr-example.png new file mode 100644 index 00000000..2457599c Binary files /dev/null and b/static/img/getting-started/pr-example.png differ diff --git a/static/img/getting-started/pr-examples.png b/static/img/getting-started/pr-examples.png new file mode 100644 index 00000000..eb7b735d Binary files /dev/null and b/static/img/getting-started/pr-examples.png differ pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.

Alternative Proxies: