Skip to content

Commit

Permalink
chore: linting
Browse files Browse the repository at this point in the history
  • Loading branch information
nijikokun committed Oct 29, 2024
1 parent 20acc18 commit 29f93b1
Showing 1 changed file with 45 additions and 36 deletions.
81 changes: 45 additions & 36 deletions docs/traffic-policy/overview.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,15 @@ import Link from "@docusaurus/Link";

# Traffic Policy

<div class="mt-2 text-lg prose prose-gray dark:prose-invert">
<p>
ngrok's Traffic Policy is a powerful configuration language for ngrok endpoints and edges, offering
the flexibility to filter, match, manage and orchestrate traffic exactly as you need.
</p>
<div class="prose prose-gray dark:prose-invert mt-2 text-lg">
<p>
ngrok's Traffic Policy is a powerful configuration language for ngrok
endpoints and edges, offering the flexibility to filter, match, manage and
orchestrate traffic exactly as you need.
</p>
</div>

With ngrok's Traffic Policy you can validate incoming traffic, block malicious traffic, rewrite URLs, respond
With ngrok's Traffic Policy you can validate incoming traffic, block malicious traffic, rewrite URLs, respond
with custom content, forward traffic to your agents running across the globe and more...

## Get Started
Expand All @@ -36,9 +37,7 @@ Learn how traffic policies work, key concepts, examples, and identity management
</svg>
<h2>Quickstart</h2>
</div>
<p>
Apply a traffic policy to your app with the ngrok agent in 5 minutes.
</p>
<p>Apply a traffic policy to your app with the ngrok agent in 5 minutes.</p>
<a>Get started with Traffic Policy →</a>
</div>
</Link>
Expand All @@ -56,15 +55,16 @@ Looking to do more with Traffic Policy?
</div>
</Link>

<Link to={`/traffic-policy/gallery/`}>
<div className="ngrok--card">
<div className="ngrok--card-heading">
<h3>Explore Examples and Use-Cases</h3>
</div>
<p>Dive into practical examples, use-cases, and guides to see traffic policies in action.</p>
<a>View Examples →</a>
</div>
</Link>
<Link to={`/traffic-policy/gallery/`}>
<div className="ngrok--card">
<div className="ngrok--card-heading">
<h3>Explore Examples and Use-Cases</h3>
</div>
<p>Dive into practical examples, use-cases, and guides to see traffic policies in action.</p>
<a>View Examples →</a>
</div>
</Link>

</div>

<div className="ngrok--cards ngrok--cards-row">
Expand All @@ -73,7 +73,10 @@ Looking to do more with Traffic Policy?
<div className="ngrok--card-heading">
<h3> Understand Traffic Identity</h3>
</div>
<p>Learn how you can manage users authenticated with OAuth, SAML, and OIDC actions.</p>
<p>
Learn how you can manage users authenticated with OAuth, SAML, and OIDC
actions.
</p>
<a>View Examples →</a>
</div>
</Link>
Expand All @@ -83,15 +86,18 @@ Looking to do more with Traffic Policy?

<Link
className="mb-4 block text-inherit no-underline hover:text-inherit hover:no-underline focus:text-inherit focus:no-underline"
to="/traffic-policy/actions"
to="/traffic-policy/actions/"
>
<div className="ngrok--card ngrok--card-lg">
<div className="ngrok--card-heading">
<h3>Actions to Control & Manage your Traffic</h3>
</div>
<p>Utilize actions, such as add-headers and rate-limit, to transform, redirect, and manage traffic flow with advanced control options.</p>
<a>Explore Actions →</a>
</div>
<h3>Actions to Control & Manage your Traffic</h3>
</div>
<p>
Utilize actions, such as add-headers and rate-limit, to transform,
redirect, and manage traffic flow with advanced control options.
</p>
<a>Explore Actions →</a>
</div>
</Link>

<div className="ngrok--cards ngrok--cards-row">
Expand All @@ -114,17 +120,20 @@ Looking to do more with Traffic Policy?
<a>Learn About Macros →</a>
</div>
</Link>
</div>

</div>

<div className="ngrok--cards ngrok--cards-row">
<Link to={`/traffic-policy/api-resources/`}>
<div className="ngrok--card">
<div className="ngrok--card-heading">
<h3>API Resources</h3>
</div>
<p>API resources you can leverage as references within specific traffic actions.</p>
<a>View API Resources →</a>
</div>
</Link>
</div>
<Link to={`/traffic-policy/api-resources/`}>
<div className="ngrok--card">
<div className="ngrok--card-heading">
<h3>API Resources</h3>
</div>
<p>
API resources you can leverage as references within specific traffic
actions.
</p>
<a>View API Resources →</a>
</div>
</Link>
</div>

0 comments on commit 29f93b1

Please sign in to comment.