lttr: tweaked Range html template to enlarge picture and have link to

site

1 files changed, 3 insertions, 7 deletions

diff --git a/app/lttr/templates/lttr/emails/test-range_html_email.html b/app/lttr/templates/lttr/emails/test-range_html_email.html
index 139ff33..e4048bc 100644
--- a/app/lttr/templates/lttr/emails/test-range_html_email.html
+++ b/app/lttr/templates/lttr/emails/test-range_html_email.html
@@ -57,7 +57,7 @@ sub {
   top: 0.4em; 
 }
 img { 
-	max-width: 100%;
+	width: 846px;
 }
 p img.fullbleed { margin-bottom: 0px; }
 .collapse {
@@ -160,14 +160,10 @@ ul li, ol li {
 @media only screen and (max-width: 700px) {
 	
 	a[class="btn"] { display:block!important; margin-bottom:10px!important; background-image:none!important; margin-right:0!important;}
-	img.fullbleed { margin-bottom: 1.5em; width: 100%; height: auto !important; }
 	p { font-size: 16px;}
 	h1 { font-size: 36px; }
 	div[class="column"] { width: auto!important; float:none!important;}
 	
-	table.social div[class="column"] {
-		width:auto!important;
-	}
 }
     
 </style>
@@ -193,7 +189,7 @@ ul li, ol li {
           <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
           <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
 
-            {{object.body_email_html|safe|smartypants}}
+          If you'd like to view a larger version, read some backstory, and see a video of the development process in Darktable, head on over to: <a href="{{object.get_absolute_url}}"{{object.get_absolute_url}}</a>
 
           <hr style="padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;width:50%;margin-top:40px;margin-bottom:40px;margin-right:auto;margin-left:auto;border-width:0;border-top-width:1px;border-top-style:solid;border-top-color:#ddd;" />
         </td>
@@ -230,7 +226,7 @@ ul li, ol li {
              <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
              <p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:1.4em;font-weight:400;line-height:1.5;hyphens:auto;font-size:14px;" >If you enjoy this, <br style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;" />
  please consider forwarding it to a friend.</p>
-             <p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:1.4em;font-weight:400;line-height:1.5;hyphens:auto;font-size:14px;" >⫹⫺</p>
+             <p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;margin-bottom:1.4em;font-weight:400;line-height:1.5;hyphens:auto;font-size:14px;" >✪ </p>
             <p style="margin-top:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-weight:normal;margin-bottom:1.4em;line-height:1.5;hyphens:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif !important;color:#999;font-size:14px;" >You can always: <a href="https://luxagraf.net{{subscriber.unsubscribe_activate_url}}" style="margin-top:0;margin-bottom:0;margin-right:0;margin-left:0;padding-top:0;padding-bottom:0;padding-right:0;padding-left:0;font-weight:600;text-decoration:underline;color:#999 !important;" >Unsubscribe</a> instantly.</p>
            </td>
          </tr>