mirror of
https://github.com/fosrl/docs.git
synced 2025-05-13 13:50:38 +01:00
small visual changes
This commit is contained in:
Milo Schwartz
parent
e5e82f993a
commit
569c9cbabe
4 changed files with 56 additions and 22 deletions
|
|
@ -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
|
||||
|
||||
|
|
|
|||
|
|
@ -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.
|
||||
|
||||
<p align="center">
|
||||
<div align="center">
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
After you create the resource you can add targets just like any other resource!
|
||||
|
|
|
|||
|
|
@ -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: {
|
||||
|
|
|
|||
|
|
@ -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%);
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue