app/views/layouts/mailer.html.erb
<!--
Apache License
Version 2.0, January 2004
http://www.apache.org/licenses/
GITHUB REPO: https://github.com/sendwithus/templates (template: goldstar/progress.html)
-->
<!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"
xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!--[if gte mso 9]><xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml><![endif]-->
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="format-detection" content="date=no" />
<meta name="format-detection" content="address=no" />
<meta name="format-detection" content="telephone=no" />
<title>Email Template</title>
<style type="text/css" media="screen">
/* Linked Styles */
body { padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none }
a { color:#e9573f; text-decoration:none }
p { padding:0 !important; margin:0 !important }
/* Mobile styles */
</style>
<style media="only screen and (max-device-width: 480px), only screen and (max-width: 480px)" type="text/css">
@media only screen and (max-device-width: 480px), only screen and (max-width: 480px) {
div[class='mobile-br-5'] { height: 5px !important; }
div[class='mobile-br-10'] { height: 10px !important; }
div[class='mobile-br-15'] { height: 15px !important; }
div[class='mobile-br-20'] { height: 20px !important; }
div[class='mobile-br-25'] { height: 25px !important; }
div[class='mobile-br-30'] { height: 30px !important; }
th[class='m-td'],
td[class='m-td'],
div[class='hide-for-mobile'],
span[class='hide-for-mobile'] { display: none !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; min-height: 0 !important; }
span[class='mobile-block'] { display: block !important; }
div[class='wgmail'] img { min-width: 320px !important; width: 320px !important; }
div[class='img-m-center'] { text-align: center !important; }
div[class='fluid-img'] img,
td[class='fluid-img'] img { width: 100% !important; max-width: 100% !important; height: auto !important; }
table[class='mobile-shell'] { width: 100% !important; min-width: 100% !important; }
td[class='td'] { width: 100% !important; min-width: 100% !important; }
table[class='center'] { margin: 0 auto; }
td[class='column-top'],
th[class='column-top'],
td[class='column'],
th[class='column'] { float: left !important; width: 100% !important; display: block !important; }
td[class='content-spacing'] { width: 15px !important; }
div[class='h2'] { font-size: 44px !important; line-height: 48px !important; }
}
</style>
</head>
<body class="body" style="padding:0 !important; margin:0 !important; display:block !important; background:#ffffff; -webkit-text-size-adjust:none">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ffffff">
<tr>
<td align="center" valign="top">
<table width="600" border="0" cellspacing="0" cellpadding="0" class="mobile-shell">
<tr>
<td class="td" style="font-size:0pt; line-height:0pt; padding:0; margin:0; font-weight:normal; width:600px; min-width:600px; Margin:0" width="600">
<!-- Header -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="20"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="60">
<img src="<%= image_url("rubygems_logo_black.png") %>" border="0" width="40" height="40" alt="" />
</td>
<td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="60">
<div class="h3-2-center" style="color:#1e1e1e; font-family:Arial, sans-serif; min-width:auto !important; font-size:25px; line-height:46px; text-align:center; letter-spacing:5px">RUBYGEMS.ORG</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="hide-for-mobile">
<div class="text-nav" style="color:#000000; font-family:Arial, sans-serif; min-width:auto !important; font-size:12px; line-height:22px; text-align:center">
<a href=<%= root_url %> target="_blank" rel="noopener" class="link-white" style="color:#000000; text-decoration:none"><span class="link-white" style="color:#000000; text-decoration:none">HOME</span></a>
|
<a href="https://guides.rubygems.org/" target="_blank" rel="noopener" class="link-white" style="color:#000000; text-decoration:none"><span class="link-white" style="color:#000000; text-decoration:none">GUIDES</span></a>
|
<a href="https://blog.rubygems.org/" target="_blank" rel="noopener" class="link-white" style="color:#000000; text-decoration:none"><span class="link-white" style="color:#000000; text-decoration:none">BLOG</span></a>
|
<a href="mailto:support@rubygems.org" target="_blank" rel="noopener" class="link-white" style="color:#000000; text-decoration:none"><span class="link-white" style="color:#000000; text-decoration:none">CONTACT US</span></a>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="20" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</div>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="20"></td>
</tr>
</table>
<!-- END Header -->
<!-- Main -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<!-- Head -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e9573f">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" bgcolor="#ffffff" width="27"><img src="<%= image_url("top_left.jpg") %>" border="0" width="28" height="27" alt="" /></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="3" bgcolor="#000000"> </td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="24" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" bgcolor="#ffffff" width="27"><img src="<%= image_url("top_right.jpg") %>" border="0" width="27" height="27" alt="" /></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="3" bgcolor="#000000"></td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3-2-center" style="color:#1e1e1e; font-family:Arial, sans-serif; min-width:auto !important; font-size:20px; line-height:26px; text-align:center; letter-spacing:5px">
<%= @title %>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="5" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h2" style="color:#ffffff; font-family:Georgia, serif; min-width:auto !important; font-size:50px; line-height:64px; text-align:center">
<em><%= @sub_title %></em>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="35" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="10"></td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="3" bgcolor="#000000"></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Head -->
<%= yield %>
<!-- Foot -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#e9573f">
<tr>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="3" bgcolor="#000000"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<div class="h3-1-center" style="color:#1e1e1e; font-family:Georgia, serif; min-width:auto !important; font-size:20px; line-height:26px; text-align:center">
<em>Follow Us</em>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<!-- Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="38"><a href="https://github.com/rubygems" target="_blank" rel="noopener"><img src="<%= image_url("github_icon.png") %>" border="0" width="28" height="28" alt="" /></a></td>
<td class="img-center" style="font-size:0pt; line-height:0pt; text-align:center" width="38"><a href="https://groups.google.com/forum/#!forum/rubygems-org" target="_blank" rel="noopener"><img src="<%= image_url("google_group_icon.png") %>" border="0" width="28" height="28" alt="" /></a></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Socials -->
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="15" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" width="3" bgcolor="#000000"></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" bgcolor="#ffffff" width="27"><img src="<%= image_url("bot_left.jpg") %>" border="0" width="28" height="27" alt="" /></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="24" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" height="3" bgcolor="#000000"> </td>
</tr>
</table>
</td>
<td class="img" style="font-size:0pt; line-height:0pt; text-align:left" bgcolor="#ffffff" width="27"><img src="<%= image_url("bot_right.jpg") %>" border="0" width="27" height="27" alt="" /></td>
</tr>
</table>
</td>
</tr>
</table>
<!-- END Foot -->
</td>
</tr>
</table>
<!-- END Main -->
<!-- Footer -->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="20"></td>
<td>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"><tr><td height="30" class="spacer" style="font-size:0pt; line-height:0pt; text-align:center; width:100%; min-width:100%"> </td></tr></table>
</td>
<td class="content-spacing" style="font-size:0pt; line-height:0pt; text-align:left" width="20"></td>
</tr>
</table>
<!-- END Footer -->
</td>
</tr>
</table>
<div class="wgmail" style="font-size:0pt; line-height:0pt; text-align:center"><img src="<%= image_url("gmail_fix.gif") %>" width="600" height="1" style="min-width:600px" alt="" border="0" /></div>
</td>
</tr>
</table>
</body>
</html>