/newsletters/grn.html.erb
Ruby HTML | 228 lines | 216 code | 10 blank | 2 comment | 10 complexity | 3952b432193f3893a41543969302f6a1 MD5 | raw file
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
- <meta property="og:title" content="*|MC:SUBJECT|*">
- <title>*|MC:SUBJECT|*</title>
- <style type="text/css">
- #outlook a{
- padding:0;
- }
- body { width:100% !important; -webkit-text-size-adjust:none; margin:0; padding:0; }
- img{ border:none; font-size:14px; font-weight:bold; height:auto; line-height:100%; outline:none; text-decoration:none; text-transform:capitalize; }
- #backgroundTable { height:100% !important; margin:0; padding:0; width:100% !important; }
- body,.backgroundTable { background-color:#11332f; }
- #templateContainer { background-color:#113025; }
- #wrapper { width:600px; border:1px solid #000000; }
- h1 { color:#202020; display:block; font-family:Courier New, monospace; font-size:30px; font-weight:bold; line-height:100%; margin-bottom:0px; margin-top:0; text-align: right; }
- h2 { color:#202020; display:block; font-family:Courier New, monospace; font-weight:bold; line-height:100%; margin-top:6px; margin-bottom:3px; text-align:left; border-top:1px solid #000; border-bottom:1px dashed #ccc; padding:5px 0 2px 0; font-size:18px; text-transform:uppercase; }
- h3 { color:#202020; display:block; font-family:Courier New, monospace; font-size:26px; font-weight:bold; line-height:100%; margin-bottom:0; text-align:left; }
- ul { padding-left:15px; margin:5px 0; }
- #templatePreheader { background-color:#217844; padding:10px; text-align:left; padding-bottom:10px; }
- #templatePreheader div { color:#ffffff; font-family:Courier New, monospace; font-size:10px; line-height:100%; text-align:center; }
- #templatePreheader div a:link,#templatePreheader div a:visited { color:#eddf26; font-weight:bold; text-decoration:none; }
- #templatePreheader div.title { font-size:14px; font-weight:bold; }
- #templateHeader { background-color:#ffffff; color:#113331; font-size:14px; font-family:Courier New, monospace; line-height:100%; padding:5px 20px 15px; position:relative; }
- #templateHeader div { text-align:right; }
- #templateHeader #headerImage { position:absolute; left:20px; top:-10px; float:left; }
- #templateBody { background-color:#ffffff; margin-top: -15px; padding: 10px 20px; clear:both; }
- #templateBody div, #templateBody td { color: #505050; font-family: Arial, sans serif; font-size: 14px; line-height: 150%; }
- #templateBody a:link,#templateBody a:visited { color:#297b4e; font-weight:bold; text-decoration:underline; }
- #templateBody td.date { text-align: right; font-size: 12px; font-weight: bold; color: #aaa; }
- #templateFooter { color:#ffffff; font-family:Arial, sans serif; font-size:12px; line-height:125%; text-align:left; }
- #templateFooter ul { list-style:none; margin:0; padding:0; }
- #templateFooter a:link,#templateFooter a:visited { color:#f2eb17; text-decoration:none; }
- #templateFooter img { display:inline; }
- #rant { text-align: left; }
- #info { float:left; width:50%; }
- #social { padding:10px; }
- #utility { padding:10px; }
- #address { float:left; width:50%; }
- #address .add { padding:10px; }
- #address a:link,#address a:visited { color:#f2eb17; text-decoration:none; }
- #copyright { text-align:center; padding:5px; font-size:10px; color:#297b4e; font-family:Courier new, monospace; background-color:#113025; clear:both; }
- #copyright a { color:#217844; text-decoration:none; }
- #copyright a:hover { color:#ffffff; }
- #poweredby { padding:10px; }
- #poweredby a { width:300px; font-size:12px; font-family:Courier new, monospace; color:#217844; text-decoration:none; }
- #poweredby a:hover { color:#ffffff; }
- .baseline { padding-bottom: 8px; text-align: left; font-style: italic; color: #aaa; }
- .duration { font-size: 12px; font-weight: bold; color: #999; font-family: Courier new, monospace; }
- table.meat { width: 100%; border: 0; }
- table.meat tr:hover td { background-color: #eee; }
- .icon { position: relative; top: 2px; margin-left: 5px; }
- table.meat tr td.comment { padding-bottom: 8px; }
- @media only screen and (max-width: 600px) {
- body { width:auto !important; }
- body,table,td,p,a,li,blockquote { -webkit-text-size-adjust:none !important; }
- #backgroundTable,#wrapper { max-width:600px !important; width:100% !important; }
- #templatePreheader { display:none; }
- #templateBody { padding:10px !important; }
- }
- </style>
- </head>
- <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
- <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
- <tr>
- <td align="center" valign="top">
- <div id="wrapper">
- <div id="templatePreheader">
- <div><div class="title">Green Ruby News</div>
- <div class="view">
- <!-- *|IFNOT:ARCHIVE_PAGE|* -->
- Is this email not displaying correctly?
- <a href="http://greenruby.org/grn-<%= c.edition %>.html" target="_blank">View it in your browser</a>.
- <!-- *|END:IF|* -->
- </div>
- </div>
- </div>
- <div id="templateContainer">
- <div id="templateHeader">
- <img src="http://greenruby.org/img/green-ruby-68.png" id="headerImage">
- <div>
- <h1>Green Ruby News #<%= c.edition %></h1>
- <div><%= c.pubdate %></div>
- </div>
- </div>
- <div id="templateBody">
- *|IFNOT:CONTENT=Only Rant|*
- <% if @c.edito && @c.edito != '' %>
- <div>
- <div class="baseline">
- <h3>Edito</h3>
- <%= @c.edito %>
- <br>
- <br>
- <em> mose - the green ruby editor</em><br>
- <em> xenor - the informer</em><br>
- <a href="http://greenruby.org" target="_self">http://greenruby.org</a>
- <br>
- </div>
- <% end %>
- <% c.topics.each do |t| %>
- <h2><%= t.title %></h2>
- <div class="baseline"><%= t.baseline %></div>
- <table cellpadding="0" cellspacing="0" border="0" class="meat">
- <% t.links.each do |l| %>
- <tr><td>
- <a href="<%= l.url %>"><%= l.title %></a>
- <% if l.duration %><span class="duration">(<%= l.duration %>)</span><% end %>
- </td>
- <td class="date">
- <%= l.pubdate %>
- <% if l.tags %>
- <% l.tags.each do |tag| %>
- <img class="icon" src="http://greenruby.org/ico/<%= tag %>.png" height="18" width="18" align="right" alt="<%= tag %>" />
- <% end %>
- <% end %>
- </td></tr>
- <tr><td colspan="2" class="comment">
- <%= l.comment %>
- </td></tr>
- <% end %>
- </table>
- <% end %>
- <div class="baseline" style="border-top: 1px solid #ccc">
- <% if @c.contributors %>
- <i>Links curated by mose (editor), <%= @c.contributors %> (informers).</i>
- <% elsif @c.editors %>
- <i>Links curated by mose (publisher), <%= @c.editors %> (editors)
- <% if @c.participants %>, <%= @c.participants %> (contributors)<% end %>
- .</i>
- <% else %>
- <i>Links curated by mose (editor), xenor (informer).</i>
- <% end %>
- </div>
- *|END:IF|*
- <% if @c.rant != '' %>
- *|IFNOT:CONTENT=Only Links|*
- <div id="rant">
- <h2>Rant</h2>
- <div class="baseline"><i>The random rant of the week by <%= @c.rant.author rescue 'mose' %>.</i></div>
- <%= @c.rant_html %>
- </div>
- <hr>
- <div class="baseline"><i>If you don't need the rant section in your mailbox, you can <a href="*|UPDATE_PROFILE|*">adjust your preferences</a>.</i></div>
- *|END:IF|*
- <% end %>
- <hr>
- <div class="baseline">
- EOF<br><br>
- <em>Feel free to send us feedback or information at <a href="mailto:news@greenruby.org" target="_self">news@greenruby.org</a></em>
- </div>
- </div>
- </div>
- <div id="templateFooter">
- <div id="info">
- <div id="social">
- <div mc:edit="std_social">
- <ul>
- <li><a href="http://twitter.com/greenrubist">follow on Twitter</a></li>
- <li><a href="*|FORWARD|*">forward to a friend</a></li>
- </ul>
- </div>
- </div>
- <div id="utility">
- <div mc:edit="std_utility">
- <ul>
- <li><a href="*|LIST:SUBSCRIBE|*">Subscribe</a></li>
- </ul>
- <br>
- *|IFNOT:ARCHIVE_PAGE|*
- <ul>
- <li><a href="*|UNSUB|*">Unsubscribe</a></li>
- <li><a href="*|UPDATE_PROFILE|*">Update preferences</a></li>
- </ul>
- *|END:IF|*
- </div>
- </div>
- </div>
- <div id="address">
- <div class="add" mc:edit="std_footer">
- *|IFNOT:ARCHIVE_PAGE|*
- <div>
- *|LIST:DESCRIPTION|*
- </div>
- <div>
- <strong>Our mailing address is:</strong>
- <div>*|HTML:LIST_ADDRESS_HTML|*</div>
- </div>
- *|ELSE:|*
- <div>
- <strong>Our mailing address is:</strong>
- <div>*|USER:ADDRESS_HTML|*</div>
- </div>
- *|END:IF|*
- </div>
- </div>
- </div>
- <div id="copyright">
- Copyright © *|CURRENT_YEAR|* Mose<br>
- <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
- <img alt="Creative Commons License" style="border-width:0" src="http://i.creativecommons.org/l/by-sa/3.0/80x15.png">
- </a>
- <br>
- This publication is licensed under a
- <br>
- <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">
- Creative Commons Attribution-ShareAlike 3.0 License
- </a>.
- </div>
- </div>
- </div>
- <div id="poweredby">
- *|IF:REWARDS|* *|HTML:REWARDS|* *|END:IF|*
- </div>
- </td></tr></table>
- </body>
- </html>