admin/server
1
0
Fork 0
mirror of https://github.com/bitwarden/server.git synced 2026-01-31 14:13:18 +08:00
Code Issues Packages Projects Releases Wiki Activity

[PM-30610] Reset v2

Browse Source
This commit is contained in:
Jimmy Vo
2026-01-29 15:57:37 -05:00
parent 52b80c3bb6
commit 48566b03ac
1 changed files with 225 additions and 285 deletions
Download Patch File Download Diff File Expand all files Collapse all files

510
src/Core/MailTemplates/Mjml/emails/AdminConsole/OrganizationConfirmation/organization-confirmation-v2.mjml
View File

@@ -1,296 +1,236 @@
<mjml>
<mj-head>
<mj-font
name="Inter"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
</mj-font>
<mj-font
name="Roboto"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
</mj-font>
<mj-attributes>
<mj-all
font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
<mj-text
color="#1B2029" />
<mj-body
background-color="#e6e9ef"
width="660px" />
</mj-attributes>
<mj-style>
p { margin: 0px !important; }
.link { color: #175ddc; text-decoration: none; font-weight: 600; }
.icon-box { background: #dbe5f6; border-radius: 8px; }
</mj-style>
</mj-head>
<mj-head>
<mj-font
name="Inter"
href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap">
</mj-font>
<mj-font
name="Roboto"
href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap">
</mj-font>
<mj-attributes>
<mj-all
font-family="'Inter','Helvetica Neue',Helvetica,Arial,sans-serif" />
<mj-text
color="#1B2029" />
<mj-body
background-color="#e6e9ef"
width="660px" />
</mj-attributes>
<mj-style>
p { margin: 0px !important; }
.link { color: #175ddc; text-decoration: none; font-weight: 600; }
.icon-box { background: #dbe5f6; border-radius: 8px; }
</mj-style>
</mj-head>
<mj-body
background-color="#e6e9ef">
<!-- Blue Header Section -->
<mj-section
border-radius="10px 10px 0px 0px"
padding="32px 32px 40px 32px"
background-color="#175ddc">
<mj-column
width="65%"
padding="0px">
<mj-image
padding="0px 0px 24px 0px"
align="left"
width="150px"
src="https://bitwarden.com/images/logo-horizontal-white.png">
</mj-image>
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-size="24px"
line-height="32px"
font-weight="600"
padding="0px 0px 24px 0px"
align="left"
color="#ffffff">
<p><strong>{{OrganizationName}}</strong> set up a Bitwarden password manager account for you.</p>
</mj-text>
<mj-button
href="{{WebVaultUrl}}"
background-color="#ffffff"
color="#1A41AC"
border-radius="20px"
align="left"
inner-padding="6px 16px"
padding="0px"
font-size="16px"
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-weight="700"
line-height="24px">
Log in
</mj-button>
</mj-column>
<mj-column
vertical-align="middle"
width="35%">
<mj-image
align="center"
padding="0px"
width="200px"
alt="Business Building"
src="https://assets.bitwarden.com/email/v1/spot-enterprise.png">
</mj-image>
</mj-column>
</mj-section>
<mj-body
background-color="#e6e9ef">
<!-- Blue Header Section -->
<mj-section
border-radius="10px 10px 0px 0px"
padding="32px 32px 40px 32px"
background-color="#175ddc">
<mj-column
width="65%"
padding="0px">
<mj-image
padding="0px 0px 24px 0px"
align="left"
width="150px"
src="https://bitwarden.com/images/logo-horizontal-white.png">
</mj-image>
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-size="24px"
line-height="32px"
font-weight="600"
padding="0px 0px 24px 0px"
align="left"
color="#ffffff">
<p><strong>{{OrganizationName}}</strong> set up a Bitwarden password manager account for you.</p>
</mj-text>
<mj-button
href="{{WebVaultUrl}}"
background-color="#ffffff"
color="#1A41AC"
border-radius="20px"
align="left"
inner-padding="6px 16px"
padding="0px"
font-size="16px"
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
font-weight="700"
line-height="24px">
Log in
</mj-button>
</mj-column>
<mj-column
vertical-align="middle"
width="35%">
<mj-image
align="center"
padding="0px"
width="200px"
alt="Business Building"
src="https://assets.bitwarden.com/email/v1/spot-enterprise.png">
</mj-image>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Main Content Section -->
<mj-section
padding="40px 40px 8px 40px"
background-color="#fff">
<mj-column>
<mj-text
font-size="16px"
line-height="24px"
padding="0px">
As a member of <b>{{OrganizationName}}</b>:
</mj-text>
</mj-column>
</mj-section>
<!-- Main Content Section -->
<mj-section
padding="40px 40px 8px 40px"
background-color="#fff">
<mj-column>
<mj-text
font-size="16px"
line-height="24px"
padding="0px">
As a member of <b>{{OrganizationName}}</b>:
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 1: Organization Ownership -->
<mj-section
padding="8px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="48px"
vertical-align="top">
<mj-image
css-class="icon-box"
src="https://assets.bitwarden.com/email/v1/icon-enterprise.png"
alt="Organization Icon"
width="48px"
border-radius="8px"
padding="0px">
</mj-image>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
Your account is owned by {{OrganizationName}} and is subject to their security and management policies.
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 1: Organization Ownership -->
<mj-section
padding="8px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="48px"
vertical-align="top">
<mj-image
css-class="icon-box"
src="https://assets.bitwarden.com/email/v1/icon-enterprise.png"
alt="Organization Icon"
width="48px"
border-radius="8px"
padding="0px">
</mj-image>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
Your account is owned by {{OrganizationName}} and is subject to their security and management policies.
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 2: Password Sharing -->
<mj-section
padding="8px 40px 40px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="25%">
<mj-image
src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"
alt="Share Icon"
width="48px">
</mj-image>
<!-- Icon Row 2: Password Sharing -->
<mj-section
padding="8px 40px 40px 40px"
text-align="left"
background-color="#fff">
<mj-column
width="48px"
vertical-align="top">
<mj-image
css-class="icon-box"
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png"
alt="Share Icon"
width="48px"
border-radius="8px"
padding="0px">
</mj-image>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
</mj-column>
<mj-column
width="5%">
<mj-spacer
height="1px">
</mj-spacer>
</mj-column>
<mj-column
width="80%"
vertical-align="top">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px">
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Icon Row 3: test -->
<mj-section
background-color="#fff">
<mj-column
width="25%">
<mj-image
width="48px"
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png">
</mj-image>
</mj-column>
<mj-column
width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
padding="0px 0px 0px 0px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Learn More Section -->
<mj-section
border-radius="0px 0px 10px 10px"
padding="40px"
background-color="#F3F6F9">
<mj-column
width="70%">
<mj-text
line-height="30px"
font-size="20px"
font-weight="700"
padding="0px 0px 8px 0px">
Learn more about Bitwarden
</mj-text>
<mj-text
line-height="20px"
font-size="14px"
padding="0px">
Find user guides, product documentation, and videos on the <a href="https://bitwarden.com/help/" class="link">Bitwarden help center</a>.
</mj-text>
</mj-column>
<mj-column
width="30%"
vertical-align="middle">
<mj-image
src="https://assets.bitwarden.com/email/v1/spot-community.png"
width="94px"
padding="0px">
</mj-image>
</mj-column>
</mj-section>
<!-- Icon Row 4: test iteration -->
<mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<mj-column width="25%">
<mj-image width="48px"
src="https://assets.bitwarden.com/email/v1/icon-account-switching-new.png">
</mj-image>
</mj-column>
<mj-column width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Icon Row 5: test original -->
<mj-section>
<mj-column width="25%">
<mj-image width="100px" href="http://projects.csail.mit.edu/soundnet/" src="https://static.mailjet.com/mjml-website/templates/recast-image2.png"></mj-image>
</mj-column>
<mj-column width="75%">
<mj-text
font-family="'Roboto','Helvetica Neue',Helvetica,Arial,sans-serif"
line-height="24px"
font-size="16px"
>
You can easily access and share passwords with your team.<br/>
<a href="https://bitwarden.com/help/share-items/" class="link">Share passwords in Bitwarden</a>
</mj-text>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Learn More Section -->
<mj-section
border-radius="0px 0px 10px 10px"
padding="40px"
background-color="#F3F6F9">
<mj-column
width="70%">
<mj-text
line-height="30px"
font-size="20px"
font-weight="700"
padding="0px 0px 8px 0px">
Learn more about Bitwarden
</mj-text>
<mj-text
line-height="20px"
font-size="14px"
padding="0px">
Find user guides, product documentation, and videos on the <a href="https://bitwarden.com/help/" class="link">Bitwarden help center</a>.
</mj-text>
</mj-column>
<mj-column
width="30%"
vertical-align="middle">
<mj-image
src="https://assets.bitwarden.com/email/v1/spot-community.png"
width="94px"
padding="0px">
</mj-image>
</mj-column>
</mj-section>
<!-- Spacing -->
<mj-section
padding="0px">
<mj-column
padding="0px">
<mj-spacer
height="16px">
</mj-spacer>
</mj-column>
</mj-section>
<!-- Footer -->
<mj-include path="../../../components/footer.mjml" />
</mj-body>
<!-- Footer -->
<mj-include path="../../../components/footer.mjml" />
</mj-body>
</mjml>