Email content needed for notifications

fannydengdeng commented 5 years ago

A continuation of https://github.com/rezqio/issues/issues/142

Two notifications

When a critiquer is matched
When a critique (matched, linked, or pooled) is completed

So far we have some generic oneliner placeholders. In the future, we want to include deeplinks that direct user to the correct critique page (also signs them in if they are not already).

HTML templates could be explored.

ju-de commented 5 years ago

Here's an HTML template for you, but the link needs to be replaced with a deeplink.

<html>
<body>
  <font face="Helvetica Neue">
  <div style="background-color: #fafafa; padding: 10px; height: 100%; width: 100%;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center">
          <div style="text-align: center; background-color: #fff; width: 500px; height: 400px; border-radius: 20px; padding: 40px; box-shadow: 0px 0px 20px #e6e6e6;>
            <div style="padding: 0px 100px;">
              <img src="https://rezq.io/ed0a1a721ccb77eb4d1fb77c526a9e8d.png" style="width: 240px;"></img>
              <p style="font-size: 30px;">Your critique is ready!</p>
              <div style="background-color: #ffb91b; height: 5px; margin: -20px 100px 40px 100px;"></div>
              <p style="font-size: 14px; padding-bottom: 20px;">
                Good news, your resume has a new critique.
              </p>
              <a href="https://rezq.io" style="text-decoration: none; color: #fff;">
                <div style="background-color: #d21280; border-radius: 5px; width: 200px; font-size: 18px; font-weight: 400; cursor: pointer; padding: 25px 0px; margin-left: 150px;">
                  View Now
                </div>
              </a>
            </div>
          </div>
        </td>
      </tr>
    </table>
  </div>
  </font>
</body>
</html>

ju-de commented 5 years ago

Match

You've been matched!
Good news, you have a new resume to critique.

Critique complete

Your critique is ready!
Good news, your resume has a new critique.

ju-de commented 5 years ago

Match <a href="https://rezq.io/critiques"
Critique complete <a href="https://rezq.io/resumes"

ju-de commented 5 years ago

Fixes styling issues for gmail/outlook.

<html>
<body>
  <font face="Helvetica Neue" color="000000">
  <div style="background-color: #fafafa; padding: 10px; height: 100%; width: 100%;">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td align="center">
            <table height="450px" width="500px" border="0" cellspacing="0" cellpadding="0" bgcolor="ffffff">
                <tr>
                  <td align="center">
            <div style="padding: 0px 100px;">
              <img src="https://rezq.io/fe1d26ab9409b7a3c42bed97d7df82a3.png" style="width: 240px;"></img>
              <p style="font-size: 30px;">Your critique is ready!</p>
              <table bgcolor="#ffb91b" height="5px" width="300px"><tr><td></td></tr></table>
              <p style="font-size: 14px; padding-bottom: 20px;">
                Good news, your resume has a new critique.
              </p>
              <a href="https://rezq.io" style="text-decoration: none; color: #fff;">
                <div style="background-color: #d21280; width: 200px; font-size: 18px; font-weight: 400; cursor: pointer; padding: 25px 0px;">
                  View Now
                </div>
              </a>
                </td>
              </tr>
            </table>
        </td>
      </tr>
    </table>
  </div>
  </font>
</body>
</html>

rezqio / issues

Email content needed for notifications #153