Skip to content

Commit 7fab200

Browse files
authored
Styling improvements and updates to quickstart and group editing (#359)
* Use inter variable for font on headers * Edit content and formatting * Edit quickstart * Move SSO
1 parent 18243ba commit 7fab200

File tree

10 files changed

+97
-105
lines changed

10 files changed

+97
-105
lines changed
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
---
22
openapi: "POST /project/update/{projectId}"
3+
hideApiMarker: true
34
---
Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
---
22
openapi: "GET /project/update-status/{statusId}"
3+
hideApiMarker: true
34
---

development.mdx

Lines changed: 1 addition & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
---
2-
title: 'Development'
2+
title: 'Local Development'
33
description: 'Preview changes locally to update your docs'
4-
icon: 'terminal'
54
---
65

76
<Info>
@@ -10,8 +9,6 @@ icon: 'terminal'
109

1110
</Info>
1211

13-
Follow these steps to install and run Mintlify on your operating system:
14-
1512
**Step 1**: Install Mintlify:
1613

1714
<CodeGroup>

integrations/sdks/stainless.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ jobs:
4646
commit_message: 'Auto-updates from Stainless'
4747
```
4848
49-
This assumes the following secrets have been [uploaded to your Github Actions Secrets](https://docs.github.com/en/actions/security-guides/using-secrets-in-github-actions):
49+
This assumes the following secrets have been [uploaded to your GitHub Actions Secrets](https://docs.github.com/en/actions/security-guides/using-secrets-in-github-actions):
5050
5151
- `secrets.STAINLESS_API_KEY`: Your Stainless API key.
52-
- `secrets.API_TOKEN_GITHUB`: A Github [Personal Access Token](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens) with permissions to push to your docs repo.
52+
- `secrets.API_TOKEN_GITHUB`: A GitHub [Personal Access Token](https://docs.github.com/en/authentication/keeping-your-account-and-data-secure/managing-your-personal-access-tokens) with permissions to push to your docs repo.

mint.json

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
"layout": "sidenav",
1010
"favicon": "/favicon.svg",
1111
"sidebar": {
12-
"items": "container"
12+
"items": "border"
1313
},
1414
"colors": {
1515
"primary": "#0D9373",
@@ -60,10 +60,16 @@
6060
"group": "Getting Started",
6161
"pages": [
6262
"quickstart",
63-
"development",
63+
{
64+
"group": "Editing",
65+
"icon": "pen-paintbrush",
66+
"pages": [
67+
"development",
68+
"web-editor"
69+
]
70+
},
6471
"settings/global",
6572
"settings/navigation",
66-
"web-editor",
6773
"migration"
6874
]
6975
},
@@ -111,8 +117,7 @@
111117
"settings/versioning",
112118
"settings/add-members",
113119
"settings/github",
114-
"settings/gitlab",
115-
"settings/authentication"
120+
"settings/gitlab"
116121
]
117122
},
118123
{
@@ -166,7 +171,9 @@
166171
},
167172
"advanced/user-auth/sending-data"
168173
]
169-
}]
174+
},
175+
"settings/authentication"
176+
]
170177
},
171178
{
172179
"group": "Analytics",

quickstart.mdx

Lines changed: 48 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -20,86 +20,63 @@ icon: "rocket"
2020
Welcome! Follow the instructions below to learn how to deploy, update and
2121
supercharge your documentation with Mintlify.
2222

23-
### 1. Deploying Your Docs Repository
23+
### Creating the Repository
2424

2525
Mintlify docs are rendered from MDX files and configurations defined in our
26-
[starter kit](https://github.com/mintlify/starter). We use Github to integrate
26+
[starter kit](https://github.com/mintlify/starter). We use GitHub to integrate
2727
your docs with your code, and make source control effortless.
2828

2929
<AccordionGroup>
30-
<Accordion icon="github" title="Creating Your Documentation Repository">
30+
<Accordion icon="github" title="Creating your documentation repository">
3131

3232
If you've created a docs repo in our onboarding, this step is complete. You can find your docs repository on your Mintlify [dashboard](https://dashboard.mintlify.com).
3333

34-
To create your docs repo without logging into Github, follow these instructions:
34+
To create your docs repo without logging into GitHub, follow these instructions:
3535
1. Clone our [starter template](https://github.com/mintlify/starter) into a new public repo. You can make the repo private later.
3636
2. [Get in touch](mailto:[email protected]) with our team to deploy your repo.
3737

38+
<Frame>
3839
![Starter Template](https://mintlify.s3-us-west-1.amazonaws.com/mintlify/images/starter-template.png)
40+
</Frame>
3941

4042
</Accordion>
4143

42-
<Accordion icon="message-bot" title="Installing Our Github App">
44+
<Accordion icon="message-bot" title="Installing our GitHub app">
4345

44-
The next step is to install our Github app. This ensures that your updates are automatically deployed when you push changes. You can find the installation link in the [dashboard](https://dashboard.mintlify.com/settings), on the Settings page. Upon successful installation, a check mark will appear next to the commit hash of the repository.
46+
The next step is to install our GitHub app. This ensures that your updates are automatically deployed when you push changes. You can find the installation link in the [dashboard](https://dashboard.mintlify.com/settings), on the Settings page. Upon successful installation, a check mark will appear next to the commit hash of the repository.
4547

46-
![Github Bot Verification](https://mintlify.s3-us-west-1.amazonaws.com/mintlify/images/github-bot-verification.png)
48+
<Frame>
49+
![GitHub Bot Verification](https://mintlify.s3-us-west-1.amazonaws.com/mintlify/images/github-bot-verification.png)
50+
</Frame>
4751

4852
</Accordion>
4953

5054
</AccordionGroup>
5155

52-
### 2. Updating Your Docs
56+
### Updating the Content
5357

5458
Mintlify enables you to easily customize the style, structure, and content of
5559
your docs.
5660

57-
<Note>
58-
We provide a white-glove migration service as part of our Enterprise plan.
59-
Interested? Request it [here](mailto:[email protected])
60-
</Note>
61-
6261
<AccordionGroup>
63-
<Accordion icon="pen-to-square" title="Using the Web Editor">
64-
65-
**Edit your project using the Mintlify Web Editor**
66-
67-
See our [Web Editor documentation](/web-editor).
68-
69-
We recommend still reading through our [brand customization section](#customizing-your-brand-mint-json) as well.
70-
71-
</Accordion>
72-
73-
<Accordion icon="rectangle-terminal" title="Setting up Your Editing Environment">
74-
75-
**Edit Locally (Recommended for Developers):**
62+
<Accordion icon="rectangle-terminal" title="Editing locally (recommended for developers)">
7663

7764
1. Install [git](https://git-scm.com/book/en/v2/Getting-Started-Installing-Git).
7865
2. Once git is installed, clone your docs repository using `git clone <your-repo>`. If you haven't set it up yet, now would be a good time to do so with these [SSH keys](https://docs.github.com/en/authentication/connecting-to-github-with-ssh/generating-a-new-ssh-key-and-adding-it-to-the-ssh-agent).
7966
3. Use your favorite IDE to open the repository.
80-
4. Install our Mintlify CLI to preview changes with `npm i -g mintlify`. Learn more about this in our [development guide](/development).
81-
82-
**Editing Online:**
83-
84-
Here are two ways to edit your repository online:
85-
86-
* To edit a single file, locate and click the edit button. This will open a web editor right on Github.
87-
![Edit Online](https://mintlify.s3-us-west-1.amazonaws.com/mintlify/images/edit-online.png)
88-
* For a more versatile online experience, open your git repository in Github's [github.dev](https://github.dev) online IDE. Simply replace `github.com` in your repo URL with `github.dev`. For example, use `github.dev/mintlify/docs` instead of `github.com/mintlify/docs`.
67+
4. Install our Mintlify CLI to preview changes with `npm i -g mintlify`.
68+
69+
Learn more about this in our [local development guide](/development).
8970

71+
</Accordion>
9072

73+
<Accordion icon="pen-to-square" title="Editing with the web editor">
9174

92-
> **Monorepo Setup** <br/>
93-
> We also support a mono-rep setup, allowing you to add our starter template within a docs folder in your existing repo.
94-
> 1. Clone the starter template and move its contents into your docs folder
95-
> 2. Delete the .git directory.
96-
> 3. You can also choose the path to your mint.json in the dashboard under 'Settings' <br/>
97-
> ![Monorepo](/images/monorepo.png) <br/>
98-
> The mono-repo setup eliminates the need for creating a new repo.
75+
Learn more about how to use the web editor on our [guide](/web-editor).
9976

10077
</Accordion>
10178

102-
<Accordion icon="palette" title="Customizing Your Brand (mint.json)">
79+
<Accordion icon="palette" title="Customizing to your brand">
10380

10481
Easily customize colors, logos and buttons among other configurations in our `mint.json` file. Start with these basic configurations:
10582

@@ -118,11 +95,11 @@ your docs.
11895
},
11996
```
12097

121-
A full list of supported configurations can be found [here](/settings/global).
98+
A full list of supported configurations can be found at [global settings](/settings/global).
12299

123100
</Accordion>
124101

125-
<Accordion icon="pencil" title="Adding Content">
102+
<Accordion icon="pencil" title="Adding content">
126103

127104
Add content with simple MDX files. Initiate your pages with this template:
128105

@@ -134,26 +111,21 @@ your docs.
134111
---
135112
```
136113

137-
Learn more about adding images, tables, lists, and more using the [MDX syntax](/text). We also offer a wide array of components which are listed [here](/content/components).
114+
Learn more about adding images, tables, lists, and more using the [MDX syntax](/text). We also offer a [wide array of components](/content/components).
138115

139116
</Accordion>
140117

141-
<Accordion icon="rocket" title="Pushing Your Changes">
118+
<Accordion icon="rocket" title="Pushing changes">
142119

143-
Once ready, commit and push your changes to update your docs site. Here is a [guide](https://docs.github.com/en/get-started/using-git/pushing-commits-to-a-remote-repository#about-git-push) on how to do that. If the Github app is unable to successfully deploy your changes, you can manually update your docs through our [dashboard](https://dashboard.mintlify.com).
120+
Once ready, commit and push your changes to update your docs site. Here is a [guide](https://docs.github.com/en/get-started/using-git/pushing-commits-to-a-remote-repository#about-git-push) on how to do that. If the GitHub app is unable to successfully deploy your changes, you can manually update your docs through our [dashboard](https://dashboard.mintlify.com).
144121

122+
<Frame>
145123
![Manual Update](https://mintlify.s3-us-west-1.amazonaws.com/mintlify/images/manual-update.png)
124+
</Frame>
146125

147126
</Accordion>
148-
</AccordionGroup>
149127

150-
### 3. Supercharging Your Docs
151-
152-
Mintlify supports an array of advanced features like API reference docs,
153-
analytics, and versioning to accommodate any of your documentation needs.
154-
155-
<AccordionGroup>
156-
<Accordion icon="code-branch" title="Generating API References">
128+
<Accordion icon="code-branch" title="Generating API references">
157129

158130
You can easily set up your API references using an OpenAPI document.
159131

@@ -175,22 +147,33 @@ analytics, and versioning to accommodate any of your documentation needs.
175147

176148
</Accordion>
177149

178-
<Accordion icon="star" title="Adding a Custom Domain">
179-
180-
Integrate your docs into your website by hosting them on a custom domain. This is included even in the free Mintlify plan. Navigate to your [dashboard settings](https://www.dashboard.mintlify.com/settings) to add a custom domain.
150+
<Accordion icon="chart-simple" title="Adding analytics">
181151

182-
![Custom Domain](/images/custom-domain.png)
152+
Our in-house analytics give you insights into page views, search analytics, session recordings and more. Access these on your [dashboard](https://dashboard.mintlify.com/analytics).
153+
154+
We also support integrations with a range of analytics providers. You can find the list of providers [here](/integrations/analytics/overview).
183155

184156
</Accordion>
157+
</AccordionGroup>
158+
159+
<Note>
160+
We provide a white-glove migration service as part of our Enterprise plan.
161+
Interested? You can request it by [contacting us](mailto:[email protected]).
162+
</Note>
185163

186-
<Accordion icon="chart-simple" title="Adding Analytics">
164+
### Publishing
187165

188-
Our in-house analytics give you insights into page views, search analytics, session recordings and more. Access these on your [dashboard](https://dashboard.mintlify.com/analytics). We also support integrations with a range of analytics providers. You can find the list of providers [here](/integrations/analytics/overview).
166+
<Accordion icon="star" title="Adding a custom domain">
189167

190-
</Accordion>
191-
</AccordionGroup>
168+
Integrate your docs into your website by hosting them on a custom domain. This is included even in the free plan.
169+
170+
Navigate to your [dashboard settings](https://www.dashboard.mintlify.com/settings) to add a custom domain.
171+
172+
<Frame>
173+
![Custom Domain](/images/custom-domain.png)
174+
</Frame>
192175

193-
### All Done!
176+
</Accordion>
194177

195178
Congrats! You've set up your Mintlify Docs and it's looking amazing! Need
196179
support or want to give some feedback? You can join our

settings/add-members.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ description: 'Allow more members of your team to update your docs'
44
icon: 'user-group-simple'
55
---
66

7-
The team member who created your initial docs will have update access to your docs, as long as they push to your documentation repo with the same Github account that was used while signing up for Mintlify.
7+
The team member who created your initial docs will have update access to your docs, as long as they push to your documentation repo with the same GitHub account that was used while signing up for Mintlify.
88

99
If another editor attempts to update the docs while on the free plan, you will see a warning in your git commit check.
1010

settings/navigation.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -224,7 +224,7 @@ The `topbarCTA` field supports the following fields: `name`, `url`, and `type`.
224224
}
225225
```
226226

227-
#### Github
227+
#### GitHub
228228

229229
You can also configure the CTA button to link directly to your GitHub
230230
repository. Use the `topbarCtaButton` field with the `type` set to `github`.

style.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
@import url("https://use.typekit.net/zmy3zmk.css");
2+
3+
h1, h2, h3 {
4+
font-family: "inter-variable", sans-serif;
5+
font-variation-settings: "slnt" 0, "wght" 600;
6+
}

web-editor.mdx

Lines changed: 23 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,11 @@
11
---
22
title: 'Web Editor'
33
description: 'Edit your docs directly from the dashboard with live previews.'
4-
icon: 'pen-to-square'
54
---
65

76
<Warning>
87
Mintlify Web Editor is currently in beta. We are in the process of adding additional
9-
features and fixing bugs. We'd love to get your feedback on what we can improve.
10-
11-
Email us at [[email protected]](mailto:[email protected])
8+
features and fixing bugs. We'd love to get your feedback on what we can improve at [[email protected]](mailto:[email protected]).
129
</Warning>
1310

1411
Web Editor is the preferred way to edit docs directly without having to open your IDE or run `mintlify dev`.
@@ -148,31 +145,31 @@ As you type, you'll see more options pop up:
148145
Here are the types of content blocks available to add in the **"Visual Editor"**:
149146

150147
<AccordionGroup>
151-
<Accordion title="Standard markdown blocks" defaultOpen={true}>
152-
<CardGroup cols={3}>
153-
<Card icon="paragraph" href="/text#text-formatting">Paragraph</Card>
154-
<Card icon="heading" href="/text#titles">Headings</Card>
155-
<Card icon="list-ul" href="/list-table#unordered-list">Bullet List</Card>
156-
<Card icon="list-ol" href="/list-table#ordered-list">Numbered List</Card>
157-
<Card icon="table" href="/list-table#tables">Table</Card>
158-
<Card icon="image" href="/image-embeds">Image</Card>
159-
<Card icon="block-quote" href="/text#blockquotes">Blockquote</Card>
148+
<Accordion title="Standard markdown blocks">
149+
<CardGroup cols={2}>
150+
<Card icon="paragraph" href="/text#text-formatting" horizontal>Paragraph</Card>
151+
<Card icon="heading" href="/text#titles" horizontal>Headings</Card>
152+
<Card icon="list-ul" href="/list-table#unordered-list" horizontal>Bullet List</Card>
153+
<Card icon="list-ol" href="/list-table#ordered-list" horizontal>Numbered List</Card>
154+
<Card icon="table" href="/list-table#tables" horizontal>Table</Card>
155+
<Card icon="image" href="/image-embeds" horizontal>Image</Card>
156+
<Card icon="block-quote" href="/text#blockquotes" horizontal>Blockquote</Card>
160157
</CardGroup>
161158
</Accordion>
162159

163-
<Accordion title="Mintlify components" defaultOpen={true}>
164-
<CardGroup cols={3}>
165-
<Card icon="circle-exclamation" href="/content/components/callouts">Callouts</Card>
166-
<Card icon="square-caret-down" href="/content/components/accordions">Accordions</Card>
167-
<Card icon="table-rows" href="/content/components/accordion-groups">Accordion Group</Card>
168-
<Card icon="rectangle" href="/content/components/cards">Cards</Card>
169-
<Card icon="rectangles-mixed" href="/content/components/card-groups">Card Group</Card>
170-
<Card icon="code" href="/content/components/code">Code Block</Card>
171-
<Card icon="rectangle-code" href="/content/components/code-groups">Code Group</Card>
172-
<Card icon="window-restore" href="/content/components/tabs">Tabs</Card>
173-
<Card icon="arrow-progress" href="/content/components/steps">Steps</Card>
174-
<Card icon="frame" href="/content/components/frames">Frames</Card>
175-
<Card icon="rectangle-history" href="/content/components/update">Update</Card>
160+
<Accordion title="Mintlify components">
161+
<CardGroup cols={2}>
162+
<Card icon="circle-exclamation" href="/content/components/callouts" horizontal>Callouts</Card>
163+
<Card icon="square-caret-down" href="/content/components/accordions" horizontal>Accordions</Card>
164+
<Card icon="table-rows" href="/content/components/accordion-groups" horizontal>Accordion Group</Card>
165+
<Card icon="rectangle" href="/content/components/cards" horizontal>Cards</Card>
166+
<Card icon="rectangles-mixed" href="/content/components/card-groups" horizontal>Card Group</Card>
167+
<Card icon="code" href="/content/components/code" horizontal>Code Block</Card>
168+
<Card icon="rectangle-code" href="/content/components/code-groups" horizontal>Code Group</Card>
169+
<Card icon="window-restore" href="/content/components/tabs" horizontal>Tabs</Card>
170+
<Card icon="arrow-progress" href="/content/components/steps" horizontal>Steps</Card>
171+
<Card icon="frame" href="/content/components/frames" horizontal>Frames</Card>
172+
<Card icon="rectangle-history" href="/content/components/update" horizontal>Update</Card>
176173
</CardGroup>
177174
</Accordion>
178175
</AccordionGroup>

0 commit comments

Comments
 (0)