Send Email When Deck Shared

ronakkothari123 commented 1 year ago

document.getElementById("name").innerHTML = personSharing + " shared \"" + deckSharedName + "\" with you";
document.getElementById("button").setAttribute("onclick", "window.open('https://elephantsuite.me/flashcards/viewer/?deck=" + sharedDeckID + "')");
document.getElementById("main-link").setAttribute("href", "https://elephantsuite.me/flashcards/viewer/?deck=" + sharedDeckID)

<head>
  <meta charset="UTF-8">
  <title>Deck Shared</title>

  <style>
    body{
      font-family: 'Montserrat', sans-serif;
      background:#f6f7fb;
      display:flex;
      flex-direction:column;
      justify-content:flex-start;
      align-items:center;
      margin:0;
    }

    body *{
      font-family: 'Montserrat', sans-serif;
    }

    #desktop-wrapper{
      width:600px;
      display:flex;
      flex-direction:column;
    }

    #desktop-wrapper > a > img{
      width:600px;
    }

    #button-container-buttons > button{
      flex-shrink:0;
      color:white;
      font-weight:700;
      text-transform:uppercase;
      font-size:12px;
      height:32px;
      border-radius:16px;
      border:none;
    }

    #button-container-buttons > button:not(.accent-button){
      background:#1e1e1e;
    }

    .accent-button{
      background:linear-gradient(135deg, #fe599d, #f30096);
    }

    #main-wrapper > div > button{
      width:236px;
      font-size:12px;
      height:32px;
      border-radius:16px;
    }

    #button-container-buttons > button{
      width:260px;
      font-size:14px;
      height:36px;
      border-radius:18px;
      cursor:pointer;
    }

    #button-container-buttons{
      display:flex;
      flex-direction:row;
      align-items:center;
      justify-content:center;
      gap:24px;
    }

    #main-wrapper > div > h6{
      color:gray;
      font-weight:500;
      margin:0;
      font-size:9px;
    }

    #button-container{
      width:100%;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:flex-start;
      text-align:center;
      background:white;
      padding:32px 0;
      gap:16px;
    }

    #button-container > h2{
      font-size:16px;
      margin:0;
    }

    #button-container > p{
      font-size:9px;
      width:500px;
      margin:0;
    }
  </style>
</head>
<body>
<div id="desktop-wrapper">
  <a href="#" id="main-link">
    <img src="shared-header.png" alt="">
  </a>
  <div id="button-container">
    <h2 id="name">Ronak Kothari shared "Business Management Terms" with you</h2>
    <div id="button-container-buttons">
      <button id="button">View Deck</button>
    </div>
    <p>Clicking the above button will automatically add the viewed deck to your dashboard if you are logged in. Please note that this may not be desired, so visit the website directly for more options.</p>
  </div>
  <a href="https://elephantsuite.me">
    <img src="shared-footer.png" alt="">
  </a>
</div>
</body>

https://user-images.githubusercontent.com/70562508/199634175-048fc5dd-49c1-46bb-922a-d9ce882d7481.png https://user-images.githubusercontent.com/70562508/199634173-f7255fc7-4e8d-4e0a-a432-d8f21f024088.png

OverlordsIII commented 1 year ago

Remove the personalization and make it a static image por favor

ronakkothari123 commented 1 year ago

Kk, my love

OverlordsIII commented 1 year ago

W beta

ronakkothari123 commented 1 year ago

I have forgotten to do this. Sorry my darling...

Elephant-Learning / Elephant-Rearend

Send Email When Deck Shared #99