diff --git a/card-group-example.mdx b/card-group-example.mdx deleted file mode 100644 index e3c9abff3..000000000 --- a/card-group-example.mdx +++ /dev/null @@ -1,17 +0,0 @@ - - - Start building beautiful documentation in under 5 minutes. - - - - One simple file that can be used to generate documentation that fits your brand. - - - - Use pre-built or custom React components for a polished look. - - - - Modify your documentation without touching code and publish to your GitHub. - - \ No newline at end of file diff --git a/fern/assets/styles.css b/fern/assets/styles.css index 990236544..f278f36f2 100644 --- a/fern/assets/styles.css +++ b/fern/assets/styles.css @@ -39,8 +39,16 @@ /*** START -- PRODUCT SELECTOR STYLING ***/ @media (min-width: 1024px) { + div[data-testid="product-dropdown-content"] { + border-radius: 1.5rem !important; + } + .fern-product-selector { - transform: translate(-2px, 4px); + transform: translate(-2px, 2px);; + } + + .product-item-title { + font-size: 1.25rem; } div:has(> .fern-product-selector-radio-group) { @@ -165,6 +173,20 @@ } } +@media (max-width: 640px) { + .fern-product-selector-radio-group { + width: 100%; + } + + div[data-testid="product-dropdown-content"] { + width: calc(100vw - 2rem) !important; + } + + div.fern-scroll-area-viewport.group\/sidebar.mask-grad-y-3.sticky.overscroll-contain > div > div { + border-top-width: 0px !important; + } +} + :is(.dark) .fern-product-selector-radio-group a[href*="home"] img { content: url("https://fern-docs.s3.us-east-2.amazonaws.com/product-switcher/product-switcher-home-dark.png") !important; } @@ -279,10 +301,6 @@ a[href*="changelog"] svg { .sdks-homepage { position: relative; - .fern-card { - text-decoration: none !important; - } - .dashed-pattern-left { position: absolute; left: -4rem; @@ -309,11 +327,16 @@ a[href*="changelog"] svg { -webkit-mask: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,1) 10%, rgba(0,0,0,1) 90%, rgba(0,0,0,0) 100%); } + .card-group { + grid-template-columns: repeat(2, minmax(0, 1fr)) !important; + } + .fern-card { border: none !important; padding: 0 !important; box-shadow: none !important; background-color: transparent !important; + text-decoration: none !important; .external-link-icon { display: none !important; @@ -389,7 +412,6 @@ a[href*="changelog"] svg { width: 800px; height: 600px; position: fixed; - filter: hue-rotate(30deg); transform: translate(-60%, 50%) rotate(-30deg); background-image: radial-gradient(farthest-side, var(--blue-3), transparent); } @@ -410,11 +432,16 @@ a[href*="changelog"] svg { height: 600px; position: fixed; right: 0; - filter: hue-rotate(30deg); transform: translate(60%, 50%) rotate(30deg); background-image: radial-gradient(farthest-side, var(--blue-3), transparent); } +@media (max-width: 640px) { + .bg-gradient-blue-left, .bg-gradient-green-right, .bg-gradient-blue-right, .bg-gradient-green-left { + display: none; + } +} + .lp-page-container { min-height: 100vh; position: relative; @@ -693,7 +720,7 @@ a[href*="changelog"] svg { /* Responsive Design - Mobile First */ @media (max-width: 640px) { .main-content { - padding: 2rem 1.5rem; + padding: 2rem 1rem; } .dashed-pattern-left { @@ -709,7 +736,7 @@ a[href*="changelog"] svg { } .hero-title-container { - padding: 0 1.5rem; + padding: 0 1rem; } .feature-grid { @@ -719,18 +746,18 @@ a[href*="changelog"] svg { } .sdks-card { - padding: 1.5rem; + padding: 1rem; } .docs-card { - padding: 1.5rem; + padding: 1rem; border-left: none; grid-column: 1; grid-row: auto; } .ai-search-card { - padding: 1.5rem; + padding: 1rem; } .card-title { diff --git a/fern/docs.yml b/fern/docs.yml index 0a2c54fc7..b950b417f 100644 --- a/fern/docs.yml +++ b/fern/docs.yml @@ -8,7 +8,11 @@ instances: repo: docs branch: main -title: Fern +title: Fern Documentation + +metadata: + og:image: https://fern-docs.s3.us-east-2.amazonaws.com/fern-docs-og_image-compressed.png + twitter:image: https://fern-docs.s3.us-east-2.amazonaws.com/fern-docs-og_image-compressed.png products: - display-name: Home diff --git a/fern/products/docs/pages/getting-started/quickstart.mdx b/fern/products/docs/pages/getting-started/quickstart.mdx index 6f648a8df..547e4042a 100644 --- a/fern/products/docs/pages/getting-started/quickstart.mdx +++ b/fern/products/docs/pages/getting-started/quickstart.mdx @@ -87,12 +87,12 @@ In this guide, we'll show you how to get started with Fern in under 5 minutes. -### Update your docs + ### Update your docs - - We provide a white-glove migration service as part of our Enterprise plan. Interested? Request it - [here](https://buildwithfern.com/contact). - + + We provide a white-glove migration service as part of our Enterprise plan. Interested? Request it + [here](https://buildwithfern.com/contact). + @@ -166,9 +166,24 @@ In this guide, we'll show you how to get started with Fern in under 5 minutes. -### Publish to production + ### Preview your docs + + + You can preview your docs locally for testing purposes by following the instructions [here](/docs/preview-publish/previewing-changes-locally). + + + `PR previews` offer a way to preview changes from pull requests (PRs) before merging code to a production branch. Learn more [here](/docs/preview-publish/previewing-changes-in-a-pr). + + + + ### Publish to production + + When you are ready for your docs to be publicly accessible, you can publish them using the Fern CLI. + + [Read more.](/learn/docs/preview-publish/publishing-your-docs) + Fern supports hosting your docs website on a custom domain or on a custom subpath (e.g. https://domain.com/docs). @@ -185,67 +200,4 @@ In this guide, we'll show you how to get started with Fern in under 5 minutes. -Below are some examples of documentation websites that have been published using Fern: - - - } - /> - - } - /> - } - /> - } - /> - } - /> - - } - /> - - } - /> - - } - /> - \ No newline at end of file +[View examples of documentation websites](https://buildwithfern.com/customers) that have been published using Fern. \ No newline at end of file diff --git a/fern/products/home/pages/welcome.mdx b/fern/products/home/pages/welcome.mdx index 1d959a9bc..35cab6796 100644 --- a/fern/products/home/pages/welcome.mdx +++ b/fern/products/home/pages/welcome.mdx @@ -1,6 +1,6 @@ --- -title: The Fern Platform -description: Input OpenAPI. Output SDKs and Docs. +title: Build with Fern +description: Explore our guides for how to generate SDKs and Docs with Fern. slug: / hide-toc: true layout: custom diff --git a/fern/products/sdks/introduction.mdx b/fern/products/sdks/introduction.mdx index 3d916bcab..614a8103e 100644 --- a/fern/products/sdks/introduction.mdx +++ b/fern/products/sdks/introduction.mdx @@ -13,7 +13,7 @@ description: Generate idiomatic SDKs in multiple programming languages
{/*
*/}
- +
TypeScript @@ -171,5 +171,5 @@ description: Generate idiomatic SDKs in multiple programming languages
- - + +