1"use strict";(globalThis.webpackChunkdocusaurus=globalThis.webpackChunkdocusaurus||[]).push([[836],{23:(e,s,a)=>{a.d(s,{A:()=>o});a(6540);var t=a(4848);function o({children:e,className:s}){return(0,t.jsx)("div",{className:"site-card"+(s?` ${s}`:""),children:e})}},391:(e,s,a)=>{a.d(s,{A:()=>o});a(6540);var t=a(4848);function o({eyebrow:e,heading:s,children:a}){return(0,t.jsx)("section",{className:"hero-header",children:(0,t.jsxs)("div",{className:"container",children:[(0,t.jsxs)("div",{className:"hero-header-inner",children:[(0,t.jsx)("p",{className:"sectionEyebrow",children:e}),s&&(0,t.jsx)("h2",{children:s})]}),a]})})}},3922:(e,s,a)=>{a.d(s,{A:()=>r});var t=a(6540),o=a(3200),i=a(4848);function r({src:e,style:s}){const[a,r]=t.useState(null),[n,c]=t.useState(!0),[l,d]=t.useState(!1);return t.useEffect(()=>{c(!0),d(!1),fetch(e).then(e=>{if(!e.ok)throw new Error("Failed to load animation");return e.json()}).then(e=>{r(e),c(!1)}).catch(e=>{console.error("Error loading Lottie animation:",e),d(!0),c(!1)})},[e]),l?(0,i.jsx)("div",{className:"lottie-error",style:s}):(0,i.jsx)("div",{className:"lottie-wrapper",style:s,children:!n&&(0,i.jsx)(o.A,{loop:!0,animationData:a,play:!0,className:"lottie-player"})})}},4018:(e,s,a)=>{a.d(s,{A:()=>i});a(6540);var t=a(8774),o=a(4848);function i({heading:e,subheading:s,ctaLabel:a,ctaUrl:i,ctaExternal:r=!1,ctaPrimary:n=!1}){return(0,o.jsx)("section",{className:"supportSection",children:(0,o.jsxs)("div",{className:"container",children:[(0,o.jsx)("p",{children:e}),(0,o.jsx)("p",{children:s}),r?(0,o.jsx)(t.A,{href:i,target:"_blank",rel:"noopener noreferrer",className:"button "+(n?"button--primary":"button--secondary"),children:a}):(0,o.jsx)(t.A,{to:i,className:"button "+(n?"button--primary":"button--secondary"),children:a})]})})}},6856:(e,s,a)=>{a.r(s),a.d(s,{default:()=>w});var t=a(6540),o=a(7148),i=a(3922),r=a(7428),n=a(8774),c=a(6025),l=a(5673),d=a(4848);function u(){const[e,s]=(0,t.useState)(0),{withBaseUrl:a}=(0,c.hH)(),o=(0,l.A)(),i=[{heading:o.formatMessage({defaultMessage:"Easily share access to your server with anyone",id:"how-it-works.carousel_section.carousel.0.heading"}),logo_file:"code-for-africa-logo.png",logo_title:o.formatMessage({defaultMessage:"Code for Africa logo",id:"how-it-works.carousel_section.carousel.0.logo_title"}),logo_spacer:!1,description_title:o.formatMessage({defaultMessage:"Code for Africa",id:"how-it-works.carousel_section.carousel.0.description.0"}),description:o.formatMessage({defaultMessage:"Code for Africa is one of the largest civil society organizations in Africa. They have used Outline since 2016 and currently support hundreds of users. The team of technologists and activists perform digital training workshops all over Africa, and share access to their Outline servers to anyone who needs access to the open internet. Learn more about their work here.",id:"how-it-works.carousel_section.carousel.0.description.1"}),cta:{cta_title:o.formatMessage({defaultMessage:"Learn More",id:"how-it-works.carousel_section.carousel.0.cta.cta_title"}),cta_url:"https://github.com/CodeForAfrica/",is_external:"True"}},{heading:o.formatMessage({defaultMessage:"Open Source Technology Makes Outline Customizable to Your Needs",id:"how-it-works.carousel_section.carousel.1.heading"}),logo_file:"nthlink-logo.png",logo_title:o.formatMessage({defaultMessage:"nth link logo",id:"how-it-works.carousel_section.carousel.1.logo_title"}),logo_spacer:!0,description_title:o.formatMessage({defaultMessage:"nthLink",id:"how-it-works.carousel_section.carousel.1.description.0"}),description:o.formatMessage({defaultMessage:"nthLink is a mobile application built on top of Outline's technology that allows users to safely access the open internet. nthLink runs their circumvention service on top of Outline's existing transport component, utilizing Outline's open source code to create a custom product experience. nthLink relies on Outline's strong encryption, fast connection speed, and cross-platform capabilities to support its users. Learn more about the company here.",id:"how-it-works.carousel_section.carousel.1.description.1"}),cta:{cta_title:o.formatMessage({defaultMessage:"Learn More",id:"how-it-works.carousel_section.carousel.1.cta.cta_title"}),cta_url:"https://www.nthlink.com/",is_external:"True"}},{heading:o.formatMessage({defaultMessage:"Safer to Use and Harder to Block than Traditional VPNs",id:"how-it-works.carousel_section.carousel.2.heading"}),logo_file:null,logo_title:"",logo_spacer:!1,description_title:o.formatMessage({defaultMessage:"Sudan Ombudsman",id:"how-it-works.carousel_section.carousel.2.description.0"}),description:o.formatMessage({defaultMessage:"When widespread protests broke out in Sudan, the government blocked social media sites to try and slow the protests and prevent protestors from communicating with each other and the outside world. An activist who calls himself the Sudan Ombudsman used Outline to gain access to social media, and to communicate with international journalists. When other VPNs failed or were blocked, some activists in Sudan used Outline to share information about the protests with the outside world, and draw attention to the reality of the situation on the ground.",id:"how-it-works.carousel_section.carousel.2.description.1"}),cta:{cta_title:"",cta_url:null,is_external:"False"}}];return(0,d.jsxs)("div",{className:"carousel-outer-wrapper",children:[(0,d.jsx)("button",{type:"button",className:"carousel-arrow carousel-arrow--prev",onClick:()=>s(e=>0===e?i.length-1:e-1),"aria-label":"Previous",children:"\u2039"}),(0,d.jsx)("div",{dir:"ltr",children:(0,d.jsx)(r.FN,{selectedItem:e,onCh
1ange:s,showArrows:!1,showStatus:!1,showIndicators:!0,infiniteLoop:!0,showThumbs:!1,autoPlay:!1,emulateTouch:!0,children:i.map((e,s)=>(0,d.jsx)("div",{className:"carousel-slide",children:(0,d.jsxs)("div",{className:"carousel-slide-content",children:[(0,d.jsxs)("div",{className:"carousel-slide-left",children:[(0,d.jsx)("h3",{children:e.heading}),e.logo_file&&(0,d.jsx)("img",{src:a(`/img/${e.logo_file}`),alt:e.logo_title||"",className:"carousel-logo"}),e.logo_spacer&&(0,d.jsx)("div",{className:"carousel-logo-spacer"})]}),(0,d.jsxs)("div",{className:"carousel-slide-right",children:[e.description_title&&(0,d.jsx)("p",{className:"carousel-slide-org",children:e.description_title}),(0,d.jsx)("p",{children:e.description}),e.cta.cta_title&&e.cta.cta_url&&(0,d.jsx)(n.A,{className:"carousel-cta",href:e.cta.cta_url,target:"True"===e.cta.is_external?"_blank":"_self",children:e.cta.cta_title})]})]})},s))})}),(0,d.jsx)("button",{type:"button",className:"carousel-arrow carousel-arrow--next",onClick:()=>s(e=>e===i.length-1?0:e+1),"aria-label":"Next",children:"\u203a"})]})}var h=a(23),g=a(8306),m=a(4018),p=a(391);function f({heading:e,description:s,animationSrc:a}){return(0,d.jsxs)(h.A,{className:"comparison-card",children:[(0,d.jsxs)("div",{className:"comparison-card-top",children:[(0,d.jsx)("h3",{children:e}),(0,d.jsx)(i.A,{src:a})]}),(0,d.jsx)("div",{className:"comparison-card-body",children:s})]})}function w(){const e=(0,l.A)(),s=(0,c.Ay)("/img/illustration/traditional-vpn.json"),a=(0,c.Ay)("/img/illustration/outline-vpn.json");return(0,d.jsx)(o.A,{children:(0,d.jsxs)("main",{className:"how-it-works-page",children:[(0,d.jsx)(p.A,{eyebrow:e.formatMessage({id:"how-it-works.heading",defaultMessage:"How it Works"}),children:(0,d.jsxs)("div",{className:"heroSubheading",children:[(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"Run your own VPN and take control of your Internet traffic",id:"how-it-works.sub_heading.0"})}),(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"Outline improves on the traditional VPN model by making it easy for anyone to create their own VPN.",id:"how-it-works.sub_heading.1"})})]})}),(0,d.jsx)("div",{className:"comparisonSection sectionPadding",children:(0,d.jsx)("div",{className:"container",children:(0,d.jsxs)(g.A,{columns:2,children:[(0,d.jsx)(f,{heading:e.formatMessage({defaultMessage:"Traditional VPNs",id:"how-it-works.comparison.cards.0.heading"}),description:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"Traditional VPNs are often easy to block because they are easy to detect.",id:"how-it-works.comparison.cards.0.description.0"})}),(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"When you use a VPN, your traffic is anonymous, but certain security protocols used by popular VPNS use unique cryptographic signatures that can be easily identified and blocked.",id:"how-it-works.comparison.cards.0.description.1"})}),(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"When you connect your device to a traditional VPN, your traffic is easy to detect because the volume of similar traffic makes it easy to find and block a server.",id:"how-it-works.comparison.cards.0.description.2"})})]}),animationSrc:s}),(0,d.jsx)(f,{heading:e.formatMessage({defaultMessage:"Outline",id:"how-it-works.comparison.cards.1.heading"}),description:(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"Outline works when other VPNs are blocked and is resistant to sophisticated forms of censorship like network-based blocking or IP blocking.",id:"how-it-works.comparison.cards.1.description.0"})}),(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"Outline is more resilient because it is built using a protocol that is designed to be difficult to detect and therefore harder to block.",id:"how-it-works.comparison.cards.1.description.1"})}),(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"Privately share access to your server with a trusted group of people. Fewer people connected to your server means it is harder to detect and easier to remain private.",id:"how-it-works.comparison.cards.1.description.2"})})]}),animationSrc:a})]})})}),(0,d.jsx)("div",{className:"privacySection",children:(0,d.jsxs)("div",{className:"container",children:[(0,d.jsxs)("div",{className:"privacyHeading",children:[(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"Outline was built with your privacy in mind.",id:"how-it-works.manager_section.heading.0"})}),(0,d.jsx)("p",{children:e.formatMessage({defaultMessage:"It never logs your traffic or tracks your internet usage.",id:"how-it-works.manager_section.heading.1"})})]}),(0,d.jsx)(n.A,{to:"/get-started/#step-1",className:"button button--secondary button--lg ctaButton",children:e.formatMessage({defaultMessage:"Get Outline Manager",id:"how-it-works.manager_section.cta.0.cta_title"})}),(0,d.jsx)(n.A,{to:"/get-started/#step-3",className:"button button--secondary button--lg ctaButton",children:e.formatMessage({defaultMessage:"Get Outline Client",id:"how-it-works.manager_section.cta.1.cta_title"})})]})}),(0,d.jsx)("div",{className:"carouselSection sectionPadding",children:(0,d.jsxs)("div",{className:"container",children:[(0,d.jsx)("h2",{children:e.formatMessage({defaultMessage:"Learn How Individuals and Organizations Use Outline",id:"how-it-works.carousel_section.heading"})}),(0,d.jsx)(u,{})]})}),(0,d.jsx)(m.A,{heading:e.formatMessage({defaultMessage:"Can't find what you're looking for?",id:"how-it-works.support.heading.0"}),subheading:e.formatMessage({defaultMessage:"Check our support page.",id:"how-it-works.support.heading.1"}),ctaLabel:e.formatMessage({defaultMessage:"Outline FAQs",id:"how-it-works.support.cta.cta_title"}),ctaUrl:"/faq/"})]})})}},8306:(e,s,a)=>{a.d(s,{A:()=>o});a(6540);var t=a(4848);function o({children:e,columns:s=2,className:a}){return(0,t.jsx)("div",{className:"site-card-group"+(a?` ${a}`:""),style:{"--group-columns":s},children:e})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.