docs/protect-an-instance: fix image alignment

This commit is contained in:
wukko 2024-10-20 18:02:24 +06:00 committed by GitHub
parent b837f291b5
commit 722223f6d3
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -16,60 +16,58 @@ cloudflare dashboard interface might change over time, but basics should stay th
> [!CAUTION] > [!CAUTION]
> never share the turnstile secret key, always keep it private. if accidentally exposed, rotate it in widget settings. > never share the turnstile secret key, always keep it private. if accidentally exposed, rotate it in widget settings.
1. open [the cloudflare dashboard](https://dash.cloudflare.com/) and log into your account. 1. open [the cloudflare dashboard](https://dash.cloudflare.com/) and log into your account
2. once logged in, select `turnstile` in the sidebar. 2. once logged in, select `Turnstile` in the sidebar
<div align="center"> <div align="left">
<p> <p>
<img src="images/protect-an-instance/sidebar.png" width="250" /> <img src="images/protect-an-instance/sidebar.png" width="250" />
</p> </p>
</div> </div>
3. press `add widget`. 3. press `Add widget`
<div align="center"> <div align="left">
<p> <p>
<img src="images/protect-an-instance/add.png" width="550" /> <img src="images/protect-an-instance/add.png" width="550" />
</p> </p>
</div> </div>
4. enter the widget name (can be anything, such as "cobalt"). 4. enter the widget name (can be anything, such as "cobalt")
<div align="center"> <div align="left">
<p> <p>
<img src="images/protect-an-instance/name.png" width="450" /> <img src="images/protect-an-instance/name.png" width="450" />
</p> </p>
</div> </div>
5. add cobalt frontend domains you want the widget to work with. you can change this list later at any time. 5. add cobalt frontend domains you want the widget to work with, you can change this list later at any time
- if you want to use your processing instance with [cobalt.tools](https://cobalt.tools/) frontend, then add `cobalt.tools` to the list. - if you want to use your processing instance with [cobalt.tools](https://cobalt.tools/) frontend, then add `cobalt.tools` to the list
<div align="center"> <div align="left">
<p> <p>
<img src="images/protect-an-instance/domain.png" width="450" /> <img src="images/protect-an-instance/domain.png" width="450" />
</p> </p>
</div> </div>
6. select `invisible` widget mode. 6. select `invisible` widget mode
<div align="center"> <div align="left">
<p> <p>
<img src="images/protect-an-instance/mode.png" width="450" /> <img src="images/protect-an-instance/mode.png" width="450" />
</p> </p>
</div> </div>
7. press `create`. 7. press `create`
8. keep the page with sitekey and secret key open, you'll need them later. 8. keep the page with sitekey and secret key open, you'll need them later.
if you closed it, no worries! if you closed it, no worries!
just open the same turnstile page and press "settings" on your freshly made turnstile widget. just open the same turnstile page and press "settings" on your freshly made turnstile widget.
<div align="center">
<div align="left">
<p> <p>
<img src="images/protect-an-instance/created.png" width="450" /> <img src="images/protect-an-instance/created.png" width="450" />
</p> </p>
</div> </div>
<div align="center">
<p> you've successfully created a turnstile widget!
you've successfully created a turnstile widget! time to add it to your processing instance.
time to add it to your processing instance.
</p>
</div>
### enable turnstile on your processing instance ### enable turnstile on your processing instance
this tutorial assumes that you only have `API_URL` in your `environment` variables list. this tutorial assumes that you only have `API_URL` in your `environment` variables list.