rezqio / issues

Create issues here to report bugs, provide feedback, or ask questions!
https://rezq.io/
3 stars 3 forks source link

Email content needed for notifications #153

Closed fannydengdeng closed 5 years ago

fannydengdeng commented 5 years ago

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

Two notifications

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.

image

<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
  1. Match

    You've been matched!

    Good news, you have a new resume to critique.

  2. Critique complete

    Your critique is ready!

    Good news, your resume has a new critique.
ju-de commented 5 years ago

image

  1. Match <a href="https://rezq.io/critiques"

  2. 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>