Skip to content

Commit 58083ff

Browse files
author
4LB
committed
fakap fix
1 parent 1f39c68 commit 58083ff

24 files changed

+1736
-1763
lines changed

‎src/components/NewsletterSection.astro

+124-124
Original file line numberDiff line numberDiff line change
@@ -1,124 +1,124 @@
1-
---
2-
import ProductSection from "../layouts/ProductSection.astro";
3-
import { Button } from "./buttons/Button/Button";
4-
import HeaderTag from "./HeaderTag.astro";
5-
6-
interface Props {
7-
headerLevel: "1" | "2";
8-
}
9-
10-
const { headerLevel } = Astro.props;
11-
12-
const title = "Get informed about new releases";
13-
---
14-
15-
<ProductSection padding="newsletter" bordered>
16-
<section id="newsletter">
17-
<HeaderTag level={headerLevel}>
18-
{title}
19-
</HeaderTag>
20-
<p>Get the latest defguard news and updates in your inbox.</p>
21-
<form
22-
id="newsletter-form"
23-
action="https://buttondown.email/api/emails/embed-subscribe/defguard"
24-
method="post"
25-
target="popupwindow"
26-
onsubmit={`window.open('https://buttondown.email/defguard', 'popupwindow')`}
27-
>
28-
<div class="form-row field-email field">
29-
<label for="bd-email">Email:</label>
30-
<input id="bd-email" name="email" type="email" placeholder="" />
31-
</div>
32-
<div class="terms">
33-
<div class="form-row">
34-
<!-- <div class="form-row field checkbox">
35-
<Checkbox client:load />
36-
<p>I agree to receive information about defguard’s products and services.</p>
37-
</div>
38-
<p>
39-
By submitting this form, I confirm that I have read and agree to defguard’s
40-
Privacy Notice and Privacy Policy.
41-
</p> -->
42-
</div>
43-
</div>
44-
<!-- <SubscribeButton client:load /> -->
45-
<Button type="submit" text="Subscribe Now" size="normal" />
46-
</form>
47-
</section>
48-
</ProductSection>
49-
50-
<style lang="scss">
51-
#newsletter {
52-
width: 100%;
53-
& > h1,
54-
& > h2 {
55-
padding-bottom: 20px;
56-
@include typography(section);
57-
}
58-
59-
p,
60-
a,
61-
span,
62-
label,
63-
input {
64-
@include typography(paragraph);
65-
}
66-
67-
a {
68-
text-decoration: underline;
69-
text-decoration-color: var(--text-body-primary);
70-
}
71-
72-
& > p {
73-
padding-bottom: 8px;
74-
}
75-
76-
form {
77-
display: flex;
78-
flex-flow: column;
79-
row-gap: 8px;
80-
81-
input {
82-
width: 100%;
83-
height: 38px;
84-
border: 1px solid var(--text-body-primary);
85-
background-color: transparent;
86-
&:focus-visible {
87-
outline: none;
88-
}
89-
}
90-
91-
.field-email {
92-
padding: 20px 0;
93-
}
94-
95-
.form-row {
96-
width: 100%;
97-
display: flex;
98-
flex-flow: row wrap;
99-
align-items: center;
100-
justify-content: flex-start;
101-
column-gap: 8px;
102-
row-gap: 8px;
103-
104-
&.field {
105-
max-width: 580px;
106-
padding: 40px 0;
107-
@include break-up(lg) {
108-
display: grid;
109-
grid-template-columns: max-content 1fr;
110-
}
111-
112-
&.checkbox {
113-
padding: 0px;
114-
}
115-
}
116-
}
117-
118-
.terms {
119-
padding-bottom: 20px;
120-
max-width: 50ch;
121-
}
122-
}
123-
}
124-
</style>
1+
---
2+
import ProductSection from "../layouts/ProductSection.astro";
3+
import { Button } from "./buttons/Button/Button";
4+
import HeaderTag from "./HeaderTag.astro";
5+
6+
interface Props {
7+
headerLevel: "1" | "2";
8+
}
9+
10+
const { headerLevel } = Astro.props;
11+
12+
const title = "Get informed about new releases";
13+
---
14+
15+
<ProductSection padding="newsletter" bordered>
16+
<section id="newsletter">
17+
<HeaderTag level={headerLevel}>
18+
{title}
19+
</HeaderTag>
20+
<p>Get the latest defguard news and updates in your inbox.</p>
21+
<form
22+
id="newsletter-form"
23+
action="https://buttondown.email/api/emails/embed-subscribe/defguard"
24+
method="post"
25+
target="popupwindow"
26+
onsubmit={`window.open('https://buttondown.email/defguard', 'popupwindow')`}
27+
>
28+
<div class="form-row field-email field">
29+
<label for="bd-email">Email:</label>
30+
<input id="bd-email" name="email" type="email" placeholder="" />
31+
</div>
32+
<div class="terms">
33+
<div class="form-row">
34+
<!-- <div class="form-row field checkbox">
35+
<Checkbox client:load />
36+
<p>I agree to receive information about defguard’s products and services.</p>
37+
</div>
38+
<p>
39+
By submitting this form, I confirm that I have read and agree to defguard’s
40+
Privacy Notice and Privacy Policy.
41+
</p> -->
42+
</div>
43+
</div>
44+
<!-- <SubscribeButton client:load /> -->
45+
<Button type="submit" text="Subscribe Now" size="normal" />
46+
</form>
47+
</section>
48+
</ProductSection>
49+
50+
<style lang="scss">
51+
#newsletter {
52+
width: 100%;
53+
& > h1,
54+
& > h2 {
55+
padding-bottom: 20px;
56+
@include typography(section);
57+
}
58+
59+
p,
60+
a,
61+
span,
62+
label,
63+
input {
64+
@include typography(paragraph);
65+
}
66+
67+
a {
68+
text-decoration: underline;
69+
text-decoration-color: var(--text-body-primary);
70+
}
71+
72+
& > p {
73+
padding-bottom: 8px;
74+
}
75+
76+
form {
77+
display: flex;
78+
flex-flow: column;
79+
row-gap: 8px;
80+
81+
input {
82+
width: 100%;
83+
height: 38px;
84+
border: 1px solid var(--text-body-primary);
85+
background-color: transparent;
86+
&:focus-visible {
87+
outline: none;
88+
}
89+
}
90+
91+
.field-email {
92+
padding: 20px 0;
93+
}
94+
95+
.form-row {
96+
width: 100%;
97+
display: flex;
98+
flex-flow: row wrap;
99+
align-items: center;
100+
justify-content: flex-start;
101+
column-gap: 8px;
102+
row-gap: 8px;
103+
104+
&.field {
105+
max-width: 580px;
106+
padding: 40px 0;
107+
@include break-up(lg) {
108+
display: grid;
109+
grid-template-columns: max-content 1fr;
110+
}
111+
112+
&.checkbox {
113+
padding: 0px;
114+
}
115+
}
116+
}
117+
118+
.terms {
119+
padding-bottom: 20px;
120+
max-width: 50ch;
121+
}
122+
}
123+
}
124+
</style>

‎src/components/product/ProductHeader.astro

+32-32
Original file line numberDiff line numberDiff line change
@@ -1,32 +1,32 @@
1-
---
2-
import ProductSection from "../../layouts/ProductSection.astro";
3-
---
4-
5-
<ProductSection padding="small">
6-
<header>
7-
<h1>The Best WireGuard® desktop client</h1>
8-
<p>
9-
Beautiful, open-source, cross-platform client for Enterprise and home usage, with
10-
real WireGuard®-based Multi-Factor Authentication.
11-
</p>
12-
</header>
13-
</ProductSection>
14-
15-
<style lang="scss">
16-
header {
17-
display: flex;
18-
flex-flow: column;
19-
overflow: hidden;
20-
row-gap: var(--product-section-items-gap);
21-
22-
h1 {
23-
@include typography(title);
24-
padding-bottom: 20px;
25-
}
26-
27-
& > p {
28-
max-width: 65ch;
29-
@include typography(paragraph);
30-
}
31-
}
32-
</style>
1+
---
2+
import ProductSection from "../../layouts/ProductSection.astro";
3+
---
4+
5+
<ProductSection padding="small">
6+
<header>
7+
<h1>The Best WireGuard® desktop client</h1>
8+
<p>
9+
Beautiful, open-source, cross-platform client for Enterprise and home usage, with
10+
real WireGuard®-based Multi-Factor Authentication.
11+
</p>
12+
</header>
13+
</ProductSection>
14+
15+
<style lang="scss">
16+
header {
17+
display: flex;
18+
flex-flow: column;
19+
overflow: hidden;
20+
row-gap: var(--product-section-items-gap);
21+
22+
h1 {
23+
@include typography(title);
24+
padding-bottom: 20px;
25+
}
26+
27+
& > p {
28+
max-width: 65ch;
29+
@include typography(paragraph);
30+
}
31+
}
32+
</style>

‎src/content/client-features/2fa.mdx

+8-8
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
1-
---
2-
title: 2FA/Multi-Factor Authentication with WireGuard® PSK
3-
order: 1
4-
---
5-
6-
Since WireGuard® protocol doesn't support 2FA, most (if not all) available WireGuard® clients use 2FA authorization to the "application" itself (not WireGuard® tunnel - just enforece 2FA using Google/Microsoft before opening the client application).
7-
When using this client with the <a href="https://github.com/defguard/defguard" target="_blank">defguard VPN & SSO server</a> (which is <strong>free & open source</strong>)
8-
you will get <strong>real Multi-Factor Authentication using TOTP/Email codes + WireGuard® Pre-shared session keys</strong>.
1+
---
2+
title: 2FA/Multi-Factor Authentication with WireGuard® PSK
3+
order: 1
4+
---
5+
6+
Since WireGuard® protocol doesn't support 2FA, most (if not all) available WireGuard® clients use 2FA authorization to the "application" itself (not WireGuard® tunnel - just enforece 2FA using Google/Microsoft before opening the client application).
7+
When using this client with the <a href="https://github.com/defguard/defguard" target="_blank">defguard VPN & SSO server</a> (which is <strong>free & open source</strong>)
8+
you will get <strong>real Multi-Factor Authentication using TOTP/Email codes + WireGuard® Pre-shared session keys</strong>.

‎src/content/core-features/vpn.mdx

+19-19
Original file line numberDiff line numberDiff line change
@@ -1,19 +1,19 @@
1-
---
2-
title: Enterprise WireGuard® VPN with MFA/2FA
3-
order: 1
4-
---
5-
6-
Defguard has a unique and secure architecture as well as **first of it's kind Multi-Factor Authentication for WireGuard® with TOTP/Email and WireGuard® session Pre-Shared Keys**. Since WireGuard® protocol doesn't support 2FA, most (if not all) available WireGuard® solutions use 2FA authorization to the "application" itself (not WireGuard® tunnel). By using our desktop application defguard provides **real MFA/2FA** - read more about it in our [documentation](https://docs.defguard.net/admin-and-features/WireGuard®/architecture).
7-
Other features:
8-
9-
- **multiple VPN Locations** (networks/sites) - with defined access (all users or only Admin group)
10-
- beautiful <a href="/client/" target="_blank">desktop clients</a> for Mac, Windows & Linux
11-
- [automatic and real-time synchronization](https://docs.defguard.net/enterprise/automatic-real-time-desktop-client-configuration) for users' desktop client settings (including all VPNs/locations).
12-
- control users [ability to manage devices and VPN options](https://docs.defguard.net/enterprise/behavior-customization)
13-
- multiple Gateways for each VPN Location (**high availability/failover**) - supported on a cluster of routers/firewalls for Linux, FreeBSD/pfSense®/OPNsense®
14-
- **import** your current WireGuard® server configuration with a **wizard**!
15-
- **dashboard and statistics overview** of connected users/devices for admins
16-
- automatic IP allocation
17-
- kernel (Linux, FreeBSD/OPNsense®/pfSense®) & userspace WireGuard® support with our Rust library
18-
19-
_defguard is not an official WireGuard® project, and WireGuard® is a registered trademark of Jason A. Donenfeld._
1+
---
2+
title: Enterprise WireGuard® VPN with MFA/2FA
3+
order: 1
4+
---
5+
6+
Defguard has a unique and secure architecture as well as **first of it's kind Multi-Factor Authentication for WireGuard® with TOTP/Email and WireGuard® session Pre-Shared Keys**. Since WireGuard® protocol doesn't support 2FA, most (if not all) available WireGuard® solutions use 2FA authorization to the "application" itself (not WireGuard® tunnel). By using our desktop application defguard provides **real MFA/2FA** - read more about it in our [documentation](https://docs.defguard.net/admin-and-features/WireGuard®/architecture).
7+
Other features:
8+
9+
- **multiple VPN Locations** (networks/sites) - with defined access (all users or only Admin group)
10+
- beautiful <a href="/client/" target="_blank">desktop clients</a> for Mac, Windows & Linux
11+
- [automatic and real-time synchronization](https://docs.defguard.net/enterprise/automatic-real-time-desktop-client-configuration) for users' desktop client settings (including all VPNs/locations).
12+
- control users [ability to manage devices and VPN options](https://docs.defguard.net/enterprise/behavior-customization)
13+
- multiple Gateways for each VPN Location (**high availability/failover**) - supported on a cluster of routers/firewalls for Linux, FreeBSD/pfSense®/OPNsense®
14+
- **import** your current WireGuard® server configuration with a **wizard**!
15+
- **dashboard and statistics overview** of connected users/devices for admins
16+
- automatic IP allocation
17+
- kernel (Linux, FreeBSD/OPNsense®/pfSense®) & userspace WireGuard® support with our Rust library
18+
19+
_defguard is not an official WireGuard® project, and WireGuard® is a registered trademark of Jason A. Donenfeld._

‎src/content/faq/acls.mdx

+7-7
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
1-
---
2-
title: Does defguard support ACLs?
3-
order: 4
4-
---
5-
6-
Defguard currently supports a simple ACL based on user group assignment, which determines the VPN locations users can access.
7-
More granular ACLs (e.g., firewall rules) are coming to defguard 1.3, which is currently in development.
1+
---
2+
title: Does defguard support ACLs?
3+
order: 4
4+
---
5+
6+
Defguard currently supports a simple ACL based on user group assignment, which determines the VPN locations users can access.
7+
More granular ACLs (e.g., firewall rules) are coming to defguard 1.3, which is currently in development.

0 commit comments

Comments
 (0)