diff --git a/packages/docusaurus/docs/01-overview.md b/packages/docusaurus/docs/01-overview.md
index f65c75b..fa7786b 100644
--- a/packages/docusaurus/docs/01-overview.md
+++ b/packages/docusaurus/docs/01-overview.md
@@ -7,6 +7,7 @@ Pangolin uses Traefik under the hood to do the actual HTTP proxying. A plugin, B
## Videos
- ["Pangolin: Your Own Self-Hosted Cloudflare Tunnel Alternative" by DB Tech](https://youtu.be/a-a-Xk1hXBQ?si=wbppkYJ3Skt3efXp)
+- ["Self-host a public Minecraft server without opening ports using Crafty and Pangolin" by Fossorial](https://youtu.be/acWB5wQQoOE?si=YsrCPYTz6JpLCDjW)
## Components Overview
diff --git a/packages/docusaurus/docs/02-Getting Started/07-tcp-udp.md b/packages/docusaurus/docs/02-Getting Started/07-tcp-udp.md
index 4648711..6192715 100644
--- a/packages/docusaurus/docs/02-Getting Started/07-tcp-udp.md
+++ b/packages/docusaurus/docs/02-Getting Started/07-tcp-udp.md
@@ -8,6 +8,10 @@ Before doing anything, make sure you've updated Newt to at least version 1.0.0-b
Pangolin supports raw TCP and UDP traffic because under the hood Badger and Newt are just using basic WireGuard tunnels that can pass anything! There is a little manual setup you need to do before you can create a raw TCP or UDP resource:
+### Video Demo
+
+- ["Self-host a public Minecraft server without opening ports using Crafty and Pangolin" by Fossorial](https://youtu.be/acWB5wQQoOE?si=yONbB4o8r_gZqqU1&t=448)
+
## Configuring Firewall
This is highly OS and VPS dependent. Just in the same way you opened port 51280, 443, and 80, you need to open your desired port to your VPS so that Traefik can pass traffic out to the internet.
@@ -92,8 +96,8 @@ After editing the Traefik config you need to restart it! You can do `sudo docker
Finally! Now after all of that config you can create the resource in Pangolin. You can simply create a new resource and toggle the HTTP switch off. This will allow you to enter the SAME point you configured above and the protocol.
-
+
-
+
After you create the resource you can add targets just like any other resource!
diff --git a/packages/docusaurus/docusaurus.config.ts b/packages/docusaurus/docusaurus.config.ts
index 88d7f53..b199f17 100644
--- a/packages/docusaurus/docusaurus.config.ts
+++ b/packages/docusaurus/docusaurus.config.ts
@@ -89,23 +89,24 @@ const config: Config = {
src: "img/pangolin_orange.svg",
},
items: [
- {
- type: "docSidebar",
- sidebarId: "tutorialSidebar",
- position: "left",
- label: "Docs",
- },
+ // {
+ // type: "docSidebar",
+ // sidebarId: "tutorialSidebar",
+ // position: "left",
+ // label: "Docs",
+ // },
// {to: '/blog', label: 'Blog', position: 'left'},
- {
- href: "https://github.com/fosrl",
- label: "GitHub",
- position: "right",
- },
{
href: "https://discord.gg/HCJR8Xhme4",
label: "Discord",
position: "right",
},
+ {
+ href: "https://github.com/fosrl",
+ position: "right",
+ className: 'header-github-link',
+ 'aria-label': 'GitHub repository',
+ }
],
},
// footer: {
diff --git a/packages/docusaurus/src/css/custom.css b/packages/docusaurus/src/css/custom.css
index b5d25c1..7237978 100644
--- a/packages/docusaurus/src/css/custom.css
+++ b/packages/docusaurus/src/css/custom.css
@@ -14,23 +14,23 @@
--ifm-color-primary-light: hsl(24.6, 95%, 58%);
--ifm-color-primary-lighter: hsl(24.6, 95%, 63%);
--ifm-color-primary-lightest: hsl(24.6, 95%, 68%);
-
+
/* Additional custom variables */
--ifm-background-color: hsl(0, 0%, 100%);
--ifm-font-color-base: hsl(20, 0%, 10%);
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
-
+
/* Chart colors */
--chart-color-1: hsl(12, 76%, 61%);
--chart-color-2: hsl(173, 58%, 39%);
--chart-color-3: hsl(197, 37%, 24%);
--chart-color-4: hsl(43, 74%, 66%);
--chart-color-5: hsl(27, 87%, 67%);
- }
-
- /* For readability concerns, you should choose a lighter palette in dark mode. */
- [data-theme='dark'] {
+}
+
+/* For readability concerns, you should choose a lighter palette in dark mode. */
+[data-theme="dark"] {
/* Primary colors for dark mode */
--ifm-color-primary: hsl(20.5, 90.2%, 48.2%);
--ifm-color-primary-dark: hsl(20.5, 90.2%, 43%);
@@ -39,16 +39,44 @@
--ifm-color-primary-light: hsl(20.5, 90.2%, 53%);
--ifm-color-primary-lighter: hsl(20.5, 90.2%, 58%);
--ifm-color-primary-lightest: hsl(20.5, 90.2%, 63%);
-
+
/* Additional custom variables for dark mode */
--ifm-background-color: hsl(20, 0%, 10%);
--ifm-font-color-base: hsl(60, 9.1%, 97.8%);
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
-
+
/* Chart colors for dark mode */
--chart-color-1: hsl(220, 70%, 50%);
--chart-color-2: hsl(160, 60%, 45%);
--chart-color-3: hsl(30, 80%, 55%);
--chart-color-4: hsl(280, 65%, 60%);
--chart-color-5: hsl(340, 75%, 55%);
- }
\ No newline at end of file
+}
+
+.header-github-link:hover {
+ opacity: 0.6;
+}
+
+.header-github-link:before {
+ content: "";
+ width: 24px;
+ height: 24px;
+ display: flex;
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+ no-repeat;
+}
+
+html[data-theme="dark"] .header-github-link:before {
+ background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='white' d='M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12'/%3E%3C/svg%3E")
+ no-repeat;
+}
+
+.navbar {
+ border-bottom: 1px solid rgb(218, 221, 225);
+ box-shadow: 0 0 0 0;
+}
+
+html[data-theme="dark"] .navbar {
+ border-bottom: 1px solid #444950;
+ box-shadow: 0 0 0 0;
+}