Skip to content

Commit 87b8862

Browse files
Kapil GowruKapil Gowru
Kapil Gowru
authored and
Kapil Gowru
committed
fix: improving links on home page
1 parent 8994cd5 commit 87b8862

File tree

11 files changed

+298
-19
lines changed

11 files changed

+298
-19
lines changed

‎fern/assets/styles.css‎

Lines changed: 94 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -38,9 +38,7 @@
3838
}
3939

4040
/*** START -- PRODUCT SELECTOR STYLING ***/
41-
4241
@media (min-width: 1024px) {
43-
4442
.fern-product-selector {
4543
transform: translate(-2px, 4px);
4644
}
@@ -212,6 +210,10 @@
212210
/*** END -- PRODUCT SELECTOR STYLING ***/
213211

214212
/*** START -- DOCS HOMEPAGE STYLING ***/
213+
a[href*="changelog"] svg {
214+
display: none;
215+
}
216+
215217
.docs-homepage {
216218
position: relative;
217219
.fern-card {
@@ -284,6 +286,96 @@
284286
/*** END -- DOCS HOMEPAGE STYLING ***/
285287

286288
/*** START -- SDKS HOMEPAGE STYLING ***/
289+
a[href*="changelog"] svg {
290+
display: none;
291+
}
292+
293+
/* TypeScript */
294+
div:has(a[href*="/sdks/generators/typescript/quickstart"]) > button.fern-sidebar-link span.mr-auto::before,
295+
div:has(a[href*="/sdks/generators/type-script/quickstart"]) > button.fern-sidebar-link span.mr-auto::before {
296+
content: "";
297+
display: inline-block;
298+
width: 16px;
299+
height: 16px;
300+
margin-right: 4px;
301+
background-image: url("https://fern-docs.s3.us-east-2.amazonaws.com/SDK+Icons/typescript-light.svg");
302+
background-repeat: no-repeat;
303+
background-position: center;
304+
background-size: contain;
305+
vertical-align: middle;
306+
}
307+
308+
/* Python */
309+
div:has(a[href*="/sdks/generators/python/quickstart"]) > button.fern-sidebar-link span.mr-auto::before {
310+
content: "";
311+
display: inline-block;
312+
width: 16px;
313+
height: 16px;
314+
margin-right: 4px;
315+
background-image: url("https://fern-docs.s3.us-east-2.amazonaws.com/SDK+Icons/python-light.svg");
316+
background-repeat: no-repeat;
317+
background-position: center;
318+
background-size: contain;
319+
vertical-align: middle;
320+
}
321+
322+
/* Go */
323+
div:has(a[href*="/sdks/generators/go/quickstart"]) > button.fern-sidebar-link span.mr-auto::before {
324+
content: "";
325+
display: inline-block;
326+
width: 16px;
327+
height: 16px;
328+
margin-right: 4px;
329+
background-image: url("https://fern-docs.s3.us-east-2.amazonaws.com/SDK+Icons/go-light.svg");
330+
background-repeat: no-repeat;
331+
background-position: center;
332+
background-size: contain;
333+
vertical-align: middle;
334+
}
335+
336+
/* C# / .NET */
337+
div:has(a[href*="/sdks/generators/csharp/quickstart"]) > button.fern-sidebar-link span.mr-auto::before,
338+
div:has(a[href*="/sdks/generators/net/quickstart"]) > button.fern-sidebar-link span.mr-auto::before {
339+
content: "";
340+
display: inline-block;
341+
width: 16px;
342+
height: 16px;
343+
margin-right: 4px;
344+
background-image: url("https://fern-docs.s3.us-east-2.amazonaws.com/SDK+Icons/csharp-light.svg");
345+
background-repeat: no-repeat;
346+
background-position: center;
347+
background-size: contain;
348+
vertical-align: middle;
349+
}
350+
351+
/* PHP */
352+
div:has(a[href*="/sdks/generators/php/quickstart"]) > button.fern-sidebar-link span.mr-auto::before {
353+
content: "";
354+
display: inline-block;
355+
width: 16px;
356+
height: 16px;
357+
margin-right: 4px;
358+
background-image: url("https://fern-docs.s3.us-east-2.amazonaws.com/SDK+Icons/php-light.svg");
359+
background-repeat: no-repeat;
360+
background-position: center;
361+
background-size: contain;
362+
vertical-align: middle;
363+
}
364+
365+
/* Ruby */
366+
div:has(a[href*="/sdks/generators/ruby/quickstart"]) > button.fern-sidebar-link span.mr-auto::before {
367+
content: "";
368+
display: inline-block;
369+
width: 16px;
370+
height: 16px;
371+
margin-right: 4px;
372+
background-image: url("https://fern-docs.s3.us-east-2.amazonaws.com/SDK+Icons/ruby-light.svg");
373+
background-repeat: no-repeat;
374+
background-position: center;
375+
background-size: contain;
376+
vertical-align: middle;
377+
}
378+
287379
.sdks-homepage {
288380
position: relative;
289381

‎fern/docs.yml‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -315,9 +315,9 @@ redirects:
315315
destination: /learn/docs/preview-publish/publishing-your-docs
316316
permanent: true
317317
# General getting started pattern
318-
- source: /learn/docs/getting-started/:slug*
319-
destination: /learn/docs/guides/getting-started/:slug*
320-
permanent: true
318+
# - source: /learn/docs/getting-started/:slug*
319+
# destination: /learn/docs/guides/getting-started/:slug*
320+
# permanent: true
321321

322322
# Building and Customizing Your Docs redirects - specific cases first
323323
- source: /learn/docs/building-and-customizing-your-docs/navigation

‎fern/products/docs/docs.yml‎

Lines changed: 10 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -7,15 +7,11 @@ navigation:
77
path: ./pages/getting-started/quickstart.mdx
88
- link: Customer Showcase
99
href: https://buildwithfern.com/customers
10-
- section: Component Library
10+
- section: Writing Content
1111
contents:
12-
- section: Writing Content
13-
contents:
14-
- page: Markdown
15-
path: ./pages/component-library/writing-content/markdown.mdx
16-
- page: Visual Editor
17-
path: ./pages/component-library/writing-content/visual-editor.mdx
18-
- section: Default Components
12+
- page: Markdown
13+
path: ./pages/component-library/writing-content/markdown.mdx
14+
- section: Components
1915
contents:
2016
- page: Overview
2117
path: ./pages/component-library/default-components/overview.mdx
@@ -71,12 +67,12 @@ navigation:
7167
- page: Tooltips
7268
path: ./pages/component-library/default-components/tooltips.mdx
7369
icon: fa-regular fa-comment
74-
- page: Reusable Snippets
75-
path: ./pages/component-library/custom-components/reusable-snippets.mdx
70+
- page: Visual Editor
71+
path: ./pages/component-library/writing-content/visual-editor.mdx
72+
- page: Reusable Markdown
73+
path: ./pages/component-library/custom-components/reusable-markdown.mdx
7674
- page: Custom React Components
7775
path: ./pages/component-library/custom-components/custom-react-components.mdx
78-
- page: Custom CSS & JS
79-
path: ./pages/component-library/custom-components/custom-css-js.mdx
8076
- section: Configuration
8177
collapsed: true
8278
contents:
@@ -88,6 +84,8 @@ navigation:
8884
path: ./pages/configuration/frontmatter.mdx
8985
- page: Search
9086
path: ./pages/configuration/search.mdx
87+
- page: Custom CSS & JS
88+
path: ./pages/component-library/custom-components/custom-css-js.mdx
9189
- section: Preview & Publish
9290
collapsed: true
9391
contents:

‎fern/products/docs/pages/component-library/custom-components/reusable-snippets.mdx‎ renamed to ‎fern/products/docs/pages/component-library/custom-components/reusable-markdown.mdx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
---
2-
title: Reusable Snippets
3-
description: Reusable, custom snippets to keep content in sync. Edit once, update everywhere.
2+
title: Reusable Markdown
3+
description: Reusable, custom markdown to keep content in sync. Edit once, update everywhere.
44
---
55

66
Keep your documentation DRY (Don't Repeat Yourself) by defining a reusable snippet once, and then referencing it in multiple places. This way, you only need to update the snippet in one place to keep all references in sync.

‎fern/products/sdks/images/icons/csharp-light.svg‎

Lines changed: 16 additions & 0 deletions
Loading

‎fern/products/sdks/images/icons/go-light.svg‎

Lines changed: 14 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)