38 |
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/thoughtful-post/emails/util/accessibleColor.ts:
--------------------------------------------------------------------------------
1 | // Returns a color (black or white) that is visually accessible on top of the given background color.
2 | export default function accessibleColor(
3 | color: string,
4 | dark: string,
5 | light: string
6 | ) {
7 | const isHEX = color.indexOf("#") == 0;
8 | const isRGB = color.indexOf("rgb") == 0;
9 |
10 | let r, g, b;
11 |
12 | if (isHEX) {
13 | const hasFullSpec = color.length == 7;
14 | const m = color.substr(1).match(hasFullSpec ? /(\S{2})/g : /(\S{1})/g);
15 | if (m) {
16 | r = parseInt(m[0] + (hasFullSpec ? "" : m[0]), 16);
17 | g = parseInt(m[1] + (hasFullSpec ? "" : m[1]), 16);
18 | b = parseInt(m[2] + (hasFullSpec ? "" : m[2]), 16);
19 | }
20 | } else if (isRGB) {
21 | var m = color.match(/(\d+){3}/g);
22 | if (m) {
23 | r = parseInt(m[0], 16);
24 | g = parseInt(m[1], 16);
25 | b = parseInt(m[2], 16);
26 | }
27 | }
28 |
29 | if (r && g && b) {
30 | const intensity = (r * 299 + g * 587 + b * 114) / 1000;
31 | return intensity > 186 ? dark : light;
32 | }
33 |
34 | return dark;
35 | }
36 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2022 Sofn Inc
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/fynn/emails/FinalizingReminder3.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const FinalizingReminder3 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | Sign your loan before the opportunity is gone!
15 |
16 |
20 |
21 |
Hi {name},
22 |
23 | If we don't hear from you soon, your Fynn loan offer may expire in a few
24 | days. There's still time to sign it and secure financing for your
25 | program!
26 |
27 |
28 | );
29 | };
30 |
31 | export default FinalizingReminder3;
32 |
--------------------------------------------------------------------------------
/fynn/emails/TuitionRequestReminder3.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const TuitionRequestReminder3 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | Select a loan amount to get your funding!{" "}
15 |
16 |
20 |
21 |
Hi {name},
22 |
23 | Even though you’re approved for a loan, you still have one step left!
24 | Click the button above or log into your Fynn account to complete this
25 | step.
26 |
27 |
28 | );
29 | };
30 |
31 | export default TuitionRequestReminder3;
32 |
--------------------------------------------------------------------------------
/fynn/emails/TuitionRequestReminder5.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const TuitionRequestReminder5 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | Request a tuition amount for your Fynn loan
15 |
16 |
20 |
21 |
{name},
22 |
23 | Please take a minute to input your tuition request amount for your Fynn
24 | loan. We need this information to be certified by your school before you
25 | can sign!
26 |
27 |
28 | );
29 | };
30 |
31 | export default TuitionRequestReminder5;
32 |
--------------------------------------------------------------------------------
/fynn/emails/FinalizingReminder6.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const FinalizingReminder6 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | It’s time to sign your loan documents!
15 |
16 |
20 |
21 |
{name},
22 |
23 | This may be your last chance to obtain funding from Fynn! Your loan
24 | approval will be archived soon unless you sign your loan document. Don’t
25 | let this opportunity go to waste!
26 |
27 |
28 | );
29 | };
30 |
31 | export default FinalizingReminder6;
32 |
--------------------------------------------------------------------------------
/fynn/emails/FinalizingReminder5.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const FinalizingReminder5 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | It’s time to sign your loan documents!
15 |
16 |
20 |
21 |
Hi {name},
22 |
23 | You still have a chance to get funding for your program! There’s only
24 | one more thing we need to finalize your loan: your signature. To make
25 | your loan official, simply click the button above!
26 |
27 |
28 | );
29 | };
30 |
31 | export default FinalizingReminder5;
32 |
--------------------------------------------------------------------------------
/fynn/emails/FinalizingReminder7.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const FinalizingReminder7 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | It’s time to sign your loan documents!
15 |
16 |
20 |
21 |
Hi {name},
22 |
23 | Your school has certified your tuition amount, but you still haven’t
24 | signed your Fynn loan document to make it official. Your account may be
25 | archived soon, and with that, you could lose your funding.
26 |
29 | {schoolName} has certified your application, and your contract is ready
30 | for you to sign. You can complete the last step by clicking the button
31 | above!
32 |
23 | Before your loan can be certified by your school, we need to know how
24 | much money you need! Please go to your account and request a tuition
25 | amount. Your school will verify it, and then we will let you know when
26 | it’s time to sign!
27 |
28 |
29 | );
30 | };
31 |
32 | export default TuitionRequestReminder4;
33 |
--------------------------------------------------------------------------------
/fynn/emails/previews/TuitionRequestReminder.tsx:
--------------------------------------------------------------------------------
1 | import TuitionRequestReminder1 from "../TuitionRequestReminder1";
2 | import TuitionRequestReminder2 from "../TuitionRequestReminder2";
3 | import TuitionRequestReminder3 from "../TuitionRequestReminder3";
4 | import TuitionRequestReminder4 from "../TuitionRequestReminder4";
5 | import TuitionRequestReminder5 from "../TuitionRequestReminder5";
6 | import TuitionRequestReminder6 from "../TuitionRequestReminder6";
7 | import TuitionRequestReminder7 from "../TuitionRequestReminder7";
8 |
9 | export function tuitionRequestReminder1() {
10 | return ;
11 | }
12 | export function tuitionRequestReminder2() {
13 | return ;
14 | }
15 | export function tuitionRequestReminder3() {
16 | return ;
17 | }
18 | export function tuitionRequestReminder4() {
19 | return ;
20 | }
21 | export function tuitionRequestReminder5() {
22 | return ;
23 | }
24 | export function tuitionRequestReminder6() {
25 | return ;
26 | }
27 | export function tuitionRequestReminder7() {
28 | return ;
29 | }
30 |
--------------------------------------------------------------------------------
/fynn/emails/IncompleteReminder4.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const IncompleteReminder4 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | Find out if you are eligible for a Fynn loan!
15 |
16 |
20 |
21 |
{name},
22 |
23 | You’re close to completing your Fynn application! If you do not submit
24 | your application soon, it may be archived, and your progress will be
25 | lost.
26 |
27 |
28 | If you'd like to cancel your application, go to your account by clicking
29 | the button above and then select “Cancel Application.”{" "}
30 |
29 | You’re almost done with your loan application to attend {schoolName}.
30 | Continue your application below to see if you qualify for full tuition
31 | funding!
32 |
33 |
If you have any questions, simply respond to this email.
34 |
We look forward to reviewing your application.
35 |
36 | );
37 | };
38 |
39 | export default IncompleteReminder1;
40 |
--------------------------------------------------------------------------------
/lancey/emails/PasswordReset.jsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Button from "./components/Button";
3 | import P from "./components/P";
4 | import Headline from "./components/Headline";
5 | import Link from "./components/Link";
6 | import { colors } from "./components/theme";
7 | import DesktopSpacer from "./components/DesktopSpacer";
8 |
9 | export default function PasswordReset({ name }) {
10 | return (
11 |
12 |
13 | Hi {name},
14 |
15 |
16 |
17 | Please use the link below to set up a new password. This link is only
18 | usable once! If you need to, you can reinitiate the password process{" "}
19 |
23 | here
24 |
25 | .
26 |
27 |
32 |
33 | Thanks, The Lancey Team
34 |
35 |
36 |
37 | );
38 | }
39 |
--------------------------------------------------------------------------------
/fynn/emails/previews/FinalizingReminder.tsx:
--------------------------------------------------------------------------------
1 | import FinalizingReminder1 from "../FinalizingReminder1";
2 | import FinalizingReminder2 from "../FinalizingReminder2";
3 | import FinalizingReminder3 from "../FinalizingReminder3";
4 | import FinalizingReminder4 from "../FinalizingReminder4";
5 | import FinalizingReminder5 from "../FinalizingReminder5";
6 | import FinalizingReminder6 from "../FinalizingReminder6";
7 | import FinalizingReminder7 from "../FinalizingReminder7";
8 |
9 | export function finalizingReminder1() {
10 | return ;
11 | }
12 | export function finalizingReminder2() {
13 | return ;
14 | }
15 | export function finalizingReminder3() {
16 | return ;
17 | }
18 | export function finalizingReminder4() {
19 | return ;
20 | }
21 | export function finalizingReminder5() {
22 | return ;
23 | }
24 | export function finalizingReminder6() {
25 | return ;
26 | }
27 | export function finalizingReminder7() {
28 | return ;
29 | }
30 |
--------------------------------------------------------------------------------
/fynn/emails/IncompleteReminder2.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const IncompleteReminder2 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | Getting funded with Fynn only takes 5 minutes!
15 |
16 |
20 |
21 |
Hi {name},
22 |
23 | You are nearly done with your application for Fynn. It takes less than
24 | five minutes to get approved for a loan— submit your application and
25 | find out how much you can get for your program!
26 |
27 |
28 | If you'd like to cancel your application, go to your account by clicking
29 | the button above and then select “Cancel Application.”{" "}
30 |
29 | Your loan is approved. All you need to do before you attend {schoolName}{" "}
30 | is to sign your loan documents. Click the button above to sign your
31 | documents!
32 |
33 |
34 | Let us know if you have questions - we're here to help. We're looking
35 | forward to supporting your time in school and your future career.
36 |
29 | We hope you're excited about attending {schoolName}! You're almost ready
30 | to go with Fynn - we just need you to make it official.
31 |
32 |
33 | Let us know if you have any questions or concerns - our team is here to
34 | help. If you're no longer interested in financing your education with
35 | Fynn, just reply to this email and let us know.
36 |
37 |
38 | );
39 | };
40 |
41 | export default FinalizingReminder2;
42 |
--------------------------------------------------------------------------------
/fynn/emails/TuitionRequestReminder6.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 | import assetUrl from "./util/assetUrl";
9 |
10 | const TuitionRequestReminder6 = ({ name }: { name: string }) => {
11 | return (
12 |
13 |
19 |
20 | Your Fynn account is about to be archived!
21 |
22 |
26 |
27 |
Hi {name},
28 |
29 | To complete your loan and avoid losing your approval, you must select
30 | your loan amount soon! Choosing a loan amount only takes 2 minutes.
31 | Click the button above, or log into your Fynn account to complete this
32 | step.
33 |
23 | It’s been a few days since you started your Fynn loan application. If we
24 | don't hear from you soon, your application may be archived.
25 |
26 |
27 | We understand that finances can be tricky. If this isn't the right time
28 | for you, don't worry! You can always apply to Fynn again at a later
29 | date.
30 |
31 |
32 | If you'd like to cancel your application, go to your account by clicking
33 | the button above and then select “Cancel Application.”
34 |
35 |
36 | );
37 | };
38 |
39 | export default IncompleteReminder5;
40 |
--------------------------------------------------------------------------------
/fynn/emails/TuitionRequestReminder7.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 | import assetUrl from "./util/assetUrl";
9 |
10 | const TuitionRequestReminder7 = ({ name }: { name: string }) => {
11 | return (
12 |
13 |
19 |
20 | Your chance for funding will be archived soon
21 |
22 |
26 |
27 |
{name},
28 |
29 | There’s not much time left to request your tuition amount for your Fynn
30 | loan! We need to know how much money you will need so that we can verify
31 | that with your school. If you don’t make a tuition request, your
32 | application may be archived soon, causing you to lose your accepted
33 | status.
34 |
30 | Congratulations! You have been approved for a Fynn loan to attend{" "}
31 | {schoolName}.
32 |
33 |
34 | Now it’s time to select your loan amount and verify your identity; click
35 | the button below to complete your loan.
36 |
37 |
41 |
42 |
We’re excited to be a part of your success at {schoolName}!
43 |
44 | );
45 | };
46 |
47 | export default ApplicationApproved;
48 |
--------------------------------------------------------------------------------
/fynn/emails/StudentDispersed.tsx:
--------------------------------------------------------------------------------
1 | import { MjmlImage } from "mjml-react";
2 | import BaseLayout from "./components/BaseLayout";
3 | import { colors } from "./components/theme";
4 | import assetUrl from "./util/assetUrl";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 |
8 | const StudentDispersed = ({
9 | name,
10 | schoolName,
11 | }: {
12 | name: string;
13 | schoolName: string;
14 | }) => {
15 | return (
16 |
17 |
25 |
26 | We’ve officially sent your tuition to your school
27 |
28 |
Hi {name},
29 |
30 | We’ve sent your tuition to your school today. This means two things:
31 |
32 |
1. Your interest officially starts accruing today.
33 |
34 | 2. Next week, you will receive a text and email about how to
35 | log into your borrower portal. You can manage all aspects of your loan
36 | in your borrower portal.
37 |
38 |
39 | As always, please feel free to reach out with any questions. We’re
40 | excited for your success at {schoolName}.
41 |
42 |
43 | );
44 | };
45 |
46 | export default StudentDispersed;
47 |
--------------------------------------------------------------------------------
/fynn/emails/IncompleteReminder6.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const IncompleteReminder6 = ({ name }: { name: string }) => {
10 | return (
11 |
12 |
13 |
14 | Don’t miss out on funding. Complete your application today!
15 |
16 |
20 |
21 |
Hi {name},
22 |
23 | Be sure to finish filling out your Fynn application If you still need a
24 | loan for school! If you do not submit your application soon, it may be
25 | archived and your progress may be lost.
26 |
27 |
You can quickly finish up and submit your application here:
28 |
29 | Don’t worry – even if your application becomes archived, you can always
30 | apply for a Fynn loan later.
31 |
32 |
33 | If you'd like to cancel your application, go to your account by clicking
34 | the button above and then select “Cancel Application.”
35 |
36 |
37 | );
38 | };
39 |
40 | export default IncompleteReminder6;
41 |
--------------------------------------------------------------------------------
/fynn/emails/IncompleteReminder3.tsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import { colors } from "./components/theme";
5 | import P from "./components/P";
6 | import Headline from "./components/Headline";
7 | import HeadlineImage from "./components/HeadlineImage";
8 |
9 | const IncompleteReminder3 = ({
10 | name,
11 | schoolName,
12 | }: {
13 | name: string;
14 | schoolName: string;
15 | }) => {
16 | return (
17 |
18 |
19 |
20 | You’re almost done! Start on a path to a better future.
21 |
22 |
26 |
27 |
Hello {name},
28 |
Your loan application with Fynn is almost complete.
29 |
30 | Continue your Fynn application to see if you qualify for 100% tuition
31 | funding.
32 |
33 |
34 | We're excited to review your completed application and help launch your
35 | career with {schoolName}.
36 |
37 |
If you have any questions, simply respond to this email.
38 |
39 | If you'd like to cancel your application, go to your account by clicking
40 | the button above and then select “Cancel Application.”
41 |
66 |
67 | );
68 | } else return {children};
69 | }
70 |
--------------------------------------------------------------------------------
/lancey/emails/NewFeature.jsx:
--------------------------------------------------------------------------------
1 | import BaseLayout from "./components/BaseLayout";
2 | import Divider from "./components/Divider";
3 | import Button from "./components/Button";
4 | import P from "./components/P";
5 | import Link from "./components/Link";
6 | import Headline from "./components/Headline";
7 | import { MjmlImage, MjmlText } from "mjml-react";
8 | import assetUrl from "./util/assetUrl";
9 | import { fontSize } from "./components/theme";
10 | import DesktopSpacer from "./components/DesktopSpacer";
11 |
12 | export default function NewFeature() {
13 | return (
14 |
32 |
39 | Introducing
40 |
41 |
42 | A/B Testing
43 |
44 |
45 |
51 |
52 |
53 |
54 |
55 |
56 | Why we're excited about A/B Testing
57 |
58 |
59 | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
60 | tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
61 | veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
62 | commodo consequat.
63 |
64 |
65 | Read more in our blog →
66 |
67 |
68 | );
69 | }
70 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | # Templates
8 |
9 | This repo is for showcasing email templates built with [Mailing](https://www.mailing.run). Built some cool templates you want to share with the community? Submit a PR adding it to the list.
10 |
11 |
3 | 
4 |
5 | 
14 |
15 | ### Lancey [Demo](https://lancey-mailing.vercel.app/) / [Source](https://github.com/sofn-xyz/mailing-templates/tree/main/lancey)
16 |
17 | 
20 |
21 | ### BBeam [Demo](https://bbeam-mailing.vercel.app/) / [Source](https://github.com/sofn-xyz/mailing-templates/tree/main/bbeam)
22 |
23 | 
26 |
27 | ### Mailing [Demo](https://emails.mailing.run/) / [Source](https://github.com/sofn-xyz/mailing/tree/main/packages/web/emails)
28 |
29 | 
32 |
33 | ### Fynn [Demo](https://fynn-mailing.vercel.app/) / [Source](https://github.com/sofn-xyz/mailing-templates/tree/main/fynn)
34 |
35 | 
38 |
39 |
40 | ### ThoughtfulPost [Demo](https://thoughtful-post-mailing.vercel.app/) / [Source](https://github.com/sofn-xyz/mailing-templates/tree/main/thoughtful-post)
41 |
42 | 
45 |
46 |
47 | ### BookBook [Demo](https://book-book-mailing.vercel.app/) / [Source](https://github.com/sofn-xyz/mailing-templates/tree/main/book-book)
48 |
49 | ![Facebook Logo]({assetUrl("/assets/facebook.png")})
46 |
47 | ![Instagram Logo]({assetUrl("/assets/instagram.png")})
66 |
67 | ![BBeam Logo]({assetUrl("/assets/bbeam-logo-white.png")}){kind=logo}
48 |
49 | ![Twitter Logo]({assetUrl("/assets/twitter.png")})
65 |
66 | ![Linkedin Logo]({assetUrl("/assets/linkedin.png")})
82 |
83 | ![]({assetUrl("/assets/cart.png")})
134 | Buy
135 | ![BBeam Logo]({assetUrl("/assets/logo-yellow.png")}){kind=logo}
81 | ![]({assetUrl("/assets/question-mark.png")})
252 |
253 |
254 | }
255 | right={dollarFormatter.format(0.5)}
256 | />
257 |
258 |