{% load custom_tags %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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, initial-scale=1.0"/>
  </head>
  <body style="margin: 0; padding: 0;">
  	<table style="border: 1px solid #cccccc;" cellpadding="0" cellspacing="0" width="100%">
  		<tr>
  			<td>
      		<table align="center" border="0" cellpadding="0" cellspacing="0" width="600" style="border: 1px solid #cccccc;">
      			<tr>
        			<td align="center" style="padding: 40px 0 30px 0;">
   							<img src="https://{% env 'FQDN' %}/static/img/logo-large-transparent.png" alt="{% env 'PROJECT_NAME' %}" width="300" height="73" style="display: block;"/>
  						</td>
       			</tr>
       			<tr>
    					<td align="left">
  						Hey {{followed.username}},<br>
  						<br>
  						You just got a new follower <a href="https://{% env 'FQDN' %}/profile/{{follower.username}}">{{follower.username}}</a>
              <br>You can see all your followers on your <a href="https://{% env 'FQDN' %}/profile/{{followed.username}}">profile page</a>, under the 'Followers tab'.
  						<br>
              <br>
              Best,<br>
  						<br>
  						The {% env 'PROJECT_NAME' %} Team<br>
      				</td>
      			</tr>
      			<tr>
        			<td style="padding: 30px 30px 30px 30px;">
        				<table border="0" cellpadding="0" cellspacing="0" width="100%" style="border: 1px solid #cccccc;">
          				<tr>
           					<td align="center">
            						<table border="0" cellpadding="0" cellspacing="0">
            							<tr border="0" align="center">
            								<td>
            									<a href="{% env 'TWITTER_URL' %}">
              								Twitter</a>
            								</td>
            								<td style="font-size: 0; line-height: 0;" width="20">&nbsp;</td>
            								<td>
            									<a href="{% env 'FACEBOOK_URL' %}">             				Facebook</a>
              							</td>
              							<td style="font-size: 0; line-height: 0;" width="20">&nbsp;</td>
              							<td>
              								<a href="{% env 'GITHUB_URL' %}">
              								GitHub</a>
              							</td>
             							</tr>
            						</table>
          					</td>
          				</tr>
          			</table>
       				</td>
       			</tr>
    			</table>
   			</td>
  		</tr>      
    </table>
  </body>
</html>