2019-09-23 19:33:58 +02:00
< ! -- THIS EMAIL WAS BUILT AND TESTED WITH LITMUS http :/ / litmus . com -- >
< ! -- IT WAS RELEASED UNDER THE MIT LICENSE https :/ / opensource . org / licenses / MIT -- >
< ! -- QUESTIONS ? TWEET US @ LITMUSAPP -- >
< ! DOCTYPE html >
< html lang = " <%= @locale %> " >
2020-06-23 18:40:56 +02:00
< head >
< title > < % = @subject % > < / title >
< meta http - equiv = " Content-Type " content = " text/html; charset=utf-8 " / >
< meta name = " viewport " content = " width=device-width, initial-scale=1 " >
< meta http - equiv = " X-UA-Compatible " content = " IE=edge " / >
< style type = " text/css " >
/ * CLIENT - SPECIFIC STYLES * /
body , table , td , a { - webkit - text - size - adjust : 100 % ; - ms - text - size - adjust : 100 % ; }
table , td { mso - table - lspace : 0 pt ; mso - table - rspace : 0 pt ; }
img { - ms - interpolation - mode : bicubic ; }
/ * RESET STYLES * /
img { border : 0 ; height : auto ; line - height : 100 % ; outline : none ; text - decoration : none ; }
table { border - collapse : collapse ! important ; }
body { height : 100 % ! important ; margin : 0 ! important ; padding : 0 ! important ; width : 100 % ! important ; }
/ * iOS BLUE LINKS * /
a [ x - apple - data - detectors ] {
color : inherit ! important ;
text - decoration : none ! important ;
font - size : inherit ! important ;
font - family : inherit ! important ;
font - weight : inherit ! important ;
line - height : inherit ! important ;
}
/ * MOBILE STYLES * /
@media screen and ( max - width : 600 px ) {
h1 {
font - size : 32 px ! important ;
line - height : 32 px ! important ;
}
}
/ * ANDROID CENTER FIX * /
div [ style * = " margin: 16px 0; " ] { margin : 0 ! important ; }
< / style >
< / head >
< body style = " background-color: # ECEBF2; margin: 0 !important; padding: 0 !important; " >
< table border = " 0 " cellpadding = " 0 " cellspacing = " 0 " width = " 100% " >
< ! -- LOGO -- >
< tr >
2020-06-23 18:00:04 +02:00
< td bgcolor = " # 474467 " align = " center " >
2020-06-23 18:40:56 +02:00
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
2019-09-23 19:33:58 +02:00
< table align = " center " border = " 0 " cellspacing = " 0 " cellpadding = " 0 " width = " 600 " >
2020-06-23 18:40:56 +02:00
< tr >
< td align = " center " valign = " top " width = " 600 " >
< ! [ endif ] -- >
< table border = " 0 " cellpadding = " 0 " cellspacing = " 0 " width = " 100% " style = " max-width: 600px; " >
2019-09-23 19:33:58 +02:00
< tr >
2020-06-23 18:40:56 +02:00
< td align = " center " valign = " top " style = " padding: 40px 10px 40px 10px; " >
< a href = " <%= Mobilizon.Web.Endpoint.url() %> " target = " _blank " >
< img alt = " <%= Mobilizon.Config.instance_name() %> " src = " <%= " #{Mobilizon.Web.Endpoint.url()}/img/mobilizon_logo.png" %>" width="366" height="108" style="display: block; width: 366px; max-width: 366px; min-width: 366px; font-family: 'Roboto', Helvetica, Arial, sans-serif; color: #ffffff; font-size: 18px;" border="0">
< / a >
< / td >
2019-09-23 19:33:58 +02:00
< / tr >
2020-06-23 18:40:56 +02:00
< / table >
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
< / td >
2019-10-11 10:43:14 +02:00
< / tr >
2020-06-23 18:40:56 +02:00
< / table >
< ! [ endif ] -- >
< / td >
< / tr >
< % = @inner_content % >
< % = if Mobilizon.Config . instance_demo_mode? ( ) do % >
< ! -- BETA WARNING -- >
2019-09-23 19:33:58 +02:00
< tr >
2020-06-23 18:40:56 +02:00
< td bgcolor = " # ECEBF2 " align = " center " style = " padding: 30px 10px 0px 10px; " >
2019-09-23 19:33:58 +02:00
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
2020-06-23 18:40:56 +02:00
< table align = " center " border = " 0 " cellspacing = " 0 " cellpadding = " 0 " width = " 600 " >
< tr >
< td align = " center " valign = " top " width = " 600 " >
2019-09-23 19:33:58 +02:00
< ! [ endif ] -- >
< table border = " 0 " cellpadding = " 0 " cellspacing = " 0 " width = " 100% " style = " max-width: 600px; " >
2020-06-23 18:40:56 +02:00
< ! -- HEADLINE -- >
2019-09-23 19:33:58 +02:00
< tr >
2020-06-23 18:40:56 +02:00
< td bgcolor = " # FFD599 " align = " center " style = " padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: # 3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px; " >
< h2 style = " font-size: 25px; font-weight: 400; color: # D35204; margin: 0; " >
< % = gettext " Warning " % >
< / h2 >
< br >
< p style = " margin: 0; color: # 3A384C " > < % = gettext " This is a demonstration site to test the beta version of Mobilizon. " % > < / p >
2020-08-10 18:30:15 +02:00
< p style = " margin: 0; color: # 3A384C; " > < % = gettext ( " <b>Please do not use it for real purposes.</b> " ) |> raw ( ) % > < / p >
2020-06-23 18:40:56 +02:00
< p style = " margin: 0; color: # 3A384C; " >
2020-08-10 18:30:15 +02:00
< % = gettext ( " Mobilizon is still under development, we will add new features along the updates, until the release of <b>version 1 of the software in the fall of 2020</b>. " ) |> raw ( ) % >
2020-08-10 16:57:26 +02:00
< % = gettext ( " In the meantime, please consider this software as not (yet) fully functional. Read more %{a_start}on the Framasoft blog%{a_end}. " , a_start : " <a target='_blank' style='color: # 474467;' href='https://framablog.org/?p=18299'> " , a_end : " </a> " ) |> raw ( ) % >
2019-09-23 19:33:58 +02:00
< / p >
< / td >
< / tr >
< / table >
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
< / td >
2020-06-23 18:40:56 +02:00
< / tr >
< / table >
2019-09-23 19:33:58 +02:00
< ! [ endif ] -- >
2020-06-23 18:40:56 +02:00
< / td >
< / tr >
< % end % >
< ! -- SUPPORT CALLOUT -- >
< tr >
< td bgcolor = " # ECEBF2 " align = " center " style = " padding: 30px 10px 0px 10px; " >
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
< table align = " center " border = " 0 " cellspacing = " 0 " cellpadding = " 0 " width = " 600 " >
< tr >
< td align = " center " valign = " top " width = " 600 " >
< ! [ endif ] -- >
< table border = " 0 " cellpadding = " 0 " cellspacing = " 0 " width = " 100% " style = " max-width: 600px; " >
< ! -- HEADLINE -- >
< tr >
< td bgcolor = " # 757199 " align = " center " style = " padding: 30px 30px 30px 30px; border-radius: 4px 4px 4px 4px; color: # 3A384C; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 25px; " >
2020-08-10 16:57:26 +02:00
< h2 style = " font-size: 20px; font-weight: 400; color: # 3A384C; margin: 0; " >
2020-06-23 18:40:56 +02:00
< % = gettext " Need help? Is something not working as expected? " % >
< / h2 >
< p style = " margin: 0; " > < a href = " https://framacolibri.org/c/mobilizon/test-mobilizon " target = " _blank " style = " color: # 474467; " >
< % = gettext " Ask the community on Framacolibri " % >
< / a > < / p >
< / td >
< / tr >
< / table >
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
< / td >
< / tr >
< / table >
< ! [ endif ] -- >
< / td >
< / tr >
< ! -- FOOTER -- >
< tr >
< td bgcolor = " # ECEBF2 " align = " center " style = " padding: 0px 10px 0px 10px; " >
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
< table align = " center " border = " 0 " cellspacing = " 0 " cellpadding = " 0 " width = " 600 " >
< tr >
< td align = " center " valign = " top " width = " 600 " >
< ! [ endif ] -- >
< table border = " 0 " cellpadding = " 0 " cellspacing = " 0 " width = " 100% " style = " max-width: 600px; " >
< ! -- ADDRESS -- >
< tr >
< td bgcolor = " # ECEBF2 " align = " center " style = " padding: 30px 30px 30px 30px; color: # 474467; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; " >
< p style = " margin: 0; " >
2020-08-10 16:57:26 +02:00
< % = gettext ( " <b>%{instance}</b> is powered by Mobilizon. " , instance : @instance [ :name ] ) |> raw % >
< a href = " https://joinmobilizon.org " > < % = gettext " Learn more about Mobilizon here! " % > < / a >
2020-06-23 18:40:56 +02:00
< / p >
< / td >
< / tr >
< / table >
< ! -- [ if ( gte mso 9 ) | ( IE ) ] >
< / td >
< / tr >
< / table >
< ! [ endif ] -- >
2019-09-23 19:33:58 +02:00
< / td >
2020-06-23 18:40:56 +02:00
< / tr >
< / table >
< / body >
2018-10-11 17:37:39 +02:00
< / html >
