lamchau
9/27/2016 - 12:17 AM

New Twiddle

New Twiddle

import Ember from 'ember';

export default Ember.Controller.extend({
  currentYear: 2016,
  game: {
    title: `Tom Clancy's Rainbow Six: Siege`,
  },
  user: {
    name: 'Lam'
  },
  video: {
    channelName: 'lolRenaynay', 
    thumbnails: [
      'https://static-cdn.jtvnw.net/v1/AUTH_system/vods_eec7/lolrenaynay_23255723248_522158230/thumb/thumb0-320x240.jpg'
    ],
    title: 'Tanked Ranked | Sloppy Saturday',
    url: 'https://www.twitch.tv/lolrenaynay/v/91219998'
  },
});
<html xmlns="http://www.w3.org/1999/xhtml">

  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width">
  </head>

  <body style="background-color:#eee;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;color:#333;font-family:Helvetica, Arial, sans-serif;line-height:1.25;-webkit-text-size-adjust:100%;">
    <div style="max-width:620px;min-width:320px;margin:0 auto">
      <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" class="body-table">
        <tr>
          <td align="center" valign="top">
            <table border="0" cellpadding="20" cellspacing="0" width="100%" class="outer-email-container">
              <tr>
                <td align="center" valign="top">
                  <table border="0" cellpadding="0" cellspacing="0" width="100%" class="inner-email-container" style="background-color:#fff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;">
                    <!-- Email Logo -->
                    <tr>
                      <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" height="90" width="100%" class="email-logo" style="background-color:#ffffff;background-image:none;background-repeat:repeat;background-position:top left;background-attachment:scroll;">
                          <tr>
                            <td align="center" valign="middle">
                              <a href="https://twitch.tv"><img src="https://s.jtvnw.net/jtv_user_pictures/hosted_images/twitch-email-logomark-purple.png" width="102" height="34" alt="Twitch"></a>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" height="1" width="100%" class="email-divider">
                          <tr>
                            <td align="center" valign="middle" style="background-color: #eeeeee"></td>
                            <td align="center" valign="middle" style="background-color: #6441a5" width="102"></td>
                            <td align="center" valign="middle" style="background-color: #eeeeee"></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <!-- Email Logo -->
                    <!-- Email Header -->
                    <tr>
                      <td align="center" valign="top">
                        <table border="0" cellpadding="40" cellspacing="0" height="0" width="100%" class="email-header">
                          <tr>
                            <td align="center" valign="middle">
                              <div class="header-message">
                                {{user.name}}, <strong style="color:#6441a5;"> your recent video upload '{{video.title}}' will not be published.</strong>
                              </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <!-- Email Header -->
                    <!-- Email Content -->
                    <tr>
                      <td align="center" valign="top">
                        <table border="0" cellpadding="0" cellspacing="0" height="0" width="100%" class="email-content">
                          <tr>
                            <td align="center" valign="middle">
                              <div class="message" style="text-align:left;padding:0 20px 20px;font-size:14px;line-height:1.5;width:80%;">
                                <p>Our video moderators have indicated that your video contains material that may be in violation of our terms of service.</p>
                                <p>Channel Owners are responsible for making sure all content uploaded to their channel follows Twitch’s Rules of Conduct and Terms of Service.</p>
                                <p>Please review Twitch’s Terms of Service at <a href="http://www.twitch.tv/user/legal" target="_blank">http://www.twitch.tv/user/legal</a> and edit your video to remove any prohibited content before re-uploading.</p>
                                <p>If you feel that your video was removed by mistake, please contact <a href="mailto:help@twitch.tv">help@twitch.tv</a>.</p>
                              </div>
                            </td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                    <tr>
                      <td align="center" valign="middle">
                        <table style="border-top-width:1px;border-top-style:solid;border-top-color:#eee" height="0" border="0" cellpadding="30" cellspacing="0" width="100%">
                          <tbody>
                            <tr>
                              <td align="center" valign="middle">
                                <div>
                                  <a href="http://www.twitch.tv/manager/uploads" style="background-color:#6441a5;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:14px;line-height:40px;margin-bottom:10px;text-align:center;text-decoration:none;width:200px" target="_blank">
                                    Manage Uploads
                                  </a>
                                  <br>
                                  <small style="color:#999;font-size:11px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px">Or click on this link:
                                    <a href="http://www.twitch.tv/manager/uploads" style="color:#999" target="_blank">http://www.twitch.tv/manager/uploads</a>
                                  </small>
                                </div>
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </td>
                    </tr>
                    <!-- Email Content -->
                    <tr>
                      <td align="center" valign="top">
                        <p style="color:#7f7f7f;font-size:12px;padding: 20px 0;">© {{currentYear}} Twitch. All Rights Reserved.</p>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </div>
  </body>
</html>
{
  "version": "0.10.5",
  "EmberENV": {
    "FEATURES": {}
  },
  "options": {
    "use_pods": false,
    "enable-testing": false
  },
  "dependencies": {
    "jquery": "https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.js",
    "ember": "2.8.0",
    "ember-data": "2.8.0",
    "ember-template-compiler": "2.8.0",
    "ember-testing": "2.8.0"
  },
  "addons": {}
}