reset_password_instructions.html.erb 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <!-- Facebook sharing information tags -->
  6. <meta property="og:title" content="*|MC:SUBJECT|*" />
  7. <title> <%= APP_NAME %> </title>
  8. <style type="text/css">
  9. /* Client-specific Styles */
  10. #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" button. */
  11. body{width:100% !important;} .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
  12. body{-webkit-text-size-adjust:none;} /* Prevent Webkit platforms from changing default text sizes. */
  13. /* Reset Styles */
  14. body{margin:0; padding:0;}
  15. img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
  16. table td{border-collapse:collapse;}
  17. #backgroundTable{height:100% !important; margin:0; padding:0; width:100% !important;}
  18. /* Template Styles */
  19. /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: COMMON PAGE ELEMENTS /\/\/\/\/\/\/\/\/\/\ */
  20. /**
  21. * @tab Page
  22. * @section background color
  23. * @tip Set the background color for your email. You may want to choose one that matches your company's branding.
  24. * @theme page
  25. */
  26. body, #backgroundTable{
  27. /*@editable*/ background-color:#FAFAFA;
  28. }
  29. /**
  30. * @tab Page
  31. * @section email border
  32. * @tip Set the border for your email.
  33. */
  34. #templateContainer{
  35. /*@editable*/ border: 1px solid #DDDDDD;
  36. }
  37. /**
  38. * @tab Page
  39. * @section heading 1
  40. * @tip Set the styling for all first-level headings in your emails. These should be the largest of your headings.
  41. * @style heading 1
  42. */
  43. h1, .h1{
  44. /*@editable*/ color:#202020;
  45. display:block;
  46. /*@editable*/ font-family:Arial;
  47. /*@editable*/ font-size:34px;
  48. /*@editable*/ font-weight:bold;
  49. /*@editable*/ line-height:100%;
  50. margin-top:0;
  51. margin-right:0;
  52. margin-bottom:10px;
  53. margin-left:0;
  54. /*@editable*/ text-align:left;
  55. }
  56. /**
  57. * @tab Page
  58. * @section heading 2
  59. * @tip Set the styling for all second-level headings in your emails.
  60. * @style heading 2
  61. */
  62. h2, .h2{
  63. /*@editable*/ color:#202020;
  64. display:block;
  65. /*@editable*/ font-family:Arial;
  66. /*@editable*/ font-size:30px;
  67. /*@editable*/ font-weight:bold;
  68. /*@editable*/ line-height:100%;
  69. margin-top:0;
  70. margin-right:0;
  71. margin-bottom:10px;
  72. margin-left:0;
  73. /*@editable*/ text-align:left;
  74. }
  75. /**
  76. * @tab Page
  77. * @section heading 3
  78. * @tip Set the styling for all third-level headings in your emails.
  79. * @style heading 3
  80. */
  81. h3, .h3{
  82. /*@editable*/ color:#202020;
  83. display:block;
  84. /*@editable*/ font-family:Arial;
  85. /*@editable*/ font-size:26px;
  86. /*@editable*/ font-weight:bold;
  87. /*@editable*/ line-height:100%;
  88. margin-top:0;
  89. margin-right:0;
  90. margin-bottom:10px;
  91. margin-left:0;
  92. /*@editable*/ text-align:left;
  93. }
  94. /**
  95. * @tab Page
  96. * @section heading 4
  97. * @tip Set the styling for all fourth-level headings in your emails. These should be the smallest of your headings.
  98. * @style heading 4
  99. */
  100. h4, .h4{
  101. /*@editable*/ color:#202020;
  102. display:block;
  103. /*@editable*/ font-family:Arial;
  104. /*@editable*/ font-size:22px;
  105. /*@editable*/ font-weight:bold;
  106. /*@editable*/ line-height:100%;
  107. margin-top:0;
  108. margin-right:0;
  109. margin-bottom:10px;
  110. margin-left:0;
  111. /*@editable*/ text-align:left;
  112. }
  113. /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: PREHEADER /\/\/\/\/\/\/\/\/\/\ */
  114. /**
  115. * @tab Header
  116. * @section preheader style
  117. * @tip Set the background color for your email's preheader area.
  118. * @theme page
  119. */
  120. #templatePreheader{
  121. /*@editable*/ background-color:#FAFAFA;
  122. }
  123. /**
  124. * @tab Header
  125. * @section preheader text
  126. * @tip Set the styling for your email's preheader text. Choose a size and color that is easy to read.
  127. */
  128. .preheaderContent div{
  129. /*@editable*/ color:#505050;
  130. /*@editable*/ font-family:Arial;
  131. /*@editable*/ font-size:10px;
  132. /*@editable*/ line-height:100%;
  133. /*@editable*/ text-align:left;
  134. }
  135. /**
  136. * @tab Header
  137. * @section preheader link
  138. * @tip Set the styling for your email's preheader links. Choose a color that helps them stand out from your text.
  139. */
  140. .preheaderContent div a:link, .preheaderContent div a:visited, /* Yahoo! Mail Override */ .preheaderContent div a .yshortcuts /* Yahoo! Mail Override */{
  141. /*@editable*/ color:#336699;
  142. /*@editable*/ font-weight:normal;
  143. /*@editable*/ text-decoration:underline;
  144. }
  145. /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: HEADER /\/\/\/\/\/\/\/\/\/\ */
  146. /**
  147. * @tab Header
  148. * @section header style
  149. * @tip Set the background color and border for your email's header area.
  150. * @theme header
  151. */
  152. #templateHeader{
  153. /*@editable*/ background-color:#FFFFFF;
  154. /*@editable*/ border-bottom:0;
  155. }
  156. /**
  157. * @tab Header
  158. * @section header text
  159. * @tip Set the styling for your email's header text. Choose a size and color that is easy to read.
  160. */
  161. .headerContent{
  162. /*@editable*/ color:#202020;
  163. /*@editable*/ font-family:Arial;
  164. /*@editable*/ font-size:34px;
  165. /*@editable*/ font-weight:bold;
  166. /*@editable*/ line-height:100%;
  167. /*@editable*/ padding:0;
  168. /*@editable*/ text-align:center;
  169. /*@editable*/ vertical-align:middle;
  170. }
  171. /**
  172. * @tab Header
  173. * @section header link
  174. * @tip Set the styling for your email's header links. Choose a color that helps them stand out from your text.
  175. */
  176. .headerContent a:link, .headerContent a:visited, /* Yahoo! Mail Override */ .headerContent a .yshortcuts /* Yahoo! Mail Override */{
  177. /*@editable*/ color:#336699;
  178. /*@editable*/ font-weight:normal;
  179. /*@editable*/ text-decoration:underline;
  180. }
  181. #headerImage{
  182. height:auto;
  183. max-width:600px !important;
  184. }
  185. /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: MAIN BODY /\/\/\/\/\/\/\/\/\/\ */
  186. /**
  187. * @tab Body
  188. * @section body style
  189. * @tip Set the background color for your email's body area.
  190. */
  191. #templateContainer, .bodyContent{
  192. /*@editable*/ background-color:#FFFFFF;
  193. }
  194. /**
  195. * @tab Body
  196. * @section body text
  197. * @tip Set the styling for your email's main content text. Choose a size and color that is easy to read.
  198. * @theme main
  199. */
  200. .bodyContent div{
  201. /*@editable*/ color:#505050;
  202. /*@editable*/ font-family:Arial;
  203. /*@editable*/ font-size:14px;
  204. /*@editable*/ line-height:150%;
  205. /*@editable*/ text-align:left;
  206. }
  207. /**
  208. * @tab Body
  209. * @section body link
  210. * @tip Set the styling for your email's main content links. Choose a color that helps them stand out from your text.
  211. */
  212. .bodyContent div a:link, .bodyContent div a:visited, /* Yahoo! Mail Override */ .bodyContent div a .yshortcuts /* Yahoo! Mail Override */{
  213. /*@editable*/ color:#336699;
  214. /*@editable*/ font-weight:normal;
  215. /*@editable*/ text-decoration:underline;
  216. }
  217. /**
  218. * @tab Body
  219. * @section button style
  220. * @tip Set the styling for your email's button. Choose a style that draws attention.
  221. */
  222. .templateButton{
  223. -moz-border-radius:3px;
  224. -webkit-border-radius:3px;
  225. /*@editable*/ background-color:#336699;
  226. /*@editable*/ border:0;
  227. border-collapse:separate !important;
  228. border-radius:3px;
  229. }
  230. /**
  231. * @tab Body
  232. * @section button style
  233. * @tip Set the styling for your email's button. Choose a style that draws attention.
  234. */
  235. .templateButton, .templateButton a:link, .templateButton a:visited, /* Yahoo! Mail Override */ .templateButton a .yshortcuts /* Yahoo! Mail Override */{
  236. /*@editable*/ color:#FFFFFF;
  237. /*@editable*/ font-family:Arial;
  238. /*@editable*/ font-size:15px;
  239. /*@editable*/ font-weight:bold;
  240. /*@editable*/ letter-spacing:-.5px;
  241. /*@editable*/ line-height:100%;
  242. text-align:center;
  243. text-decoration:none;
  244. }
  245. .bodyContent img{
  246. display:inline;
  247. height:auto;
  248. }
  249. /* /\/\/\/\/\/\/\/\/\/\ STANDARD STYLING: FOOTER /\/\/\/\/\/\/\/\/\/\ */
  250. /**
  251. * @tab Footer
  252. * @section footer style
  253. * @tip Set the background color and top border for your email's footer area.
  254. * @theme footer
  255. */
  256. #templateFooter{
  257. /*@editable*/ background-color:#FFFFFF;
  258. /*@editable*/ border-top:0;
  259. }
  260. /**
  261. * @tab Footer
  262. * @section footer text
  263. * @tip Set the styling for your email's footer text. Choose a size and color that is easy to read.
  264. * @theme footer
  265. */
  266. .footerContent div{
  267. /*@editable*/ color:#707070;
  268. /*@editable*/ font-family:Arial;
  269. /*@editable*/ font-size:12px;
  270. /*@editable*/ line-height:125%;
  271. /*@editable*/ text-align:center;
  272. }
  273. /**
  274. * @tab Footer
  275. * @section footer link
  276. * @tip Set the styling for your email's footer links. Choose a color that helps them stand out from your text.
  277. */
  278. .footerContent div a:link, .footerContent div a:visited, /* Yahoo! Mail Override */ .footerContent div a .yshortcuts /* Yahoo! Mail Override */{
  279. /*@editable*/ color:#336699;
  280. /*@editable*/ font-weight:normal;
  281. /*@editable*/ text-decoration:underline;
  282. }
  283. .footerContent img{
  284. display:inline;
  285. }
  286. /**
  287. * @tab Footer
  288. * @section utility bar style
  289. * @tip Set the background color and border for your email's footer utility bar.
  290. * @theme footer
  291. */
  292. #utility{
  293. /*@editable*/ background-color:#FFFFFF;
  294. /*@editable*/ border:0;
  295. }
  296. /**
  297. * @tab Footer
  298. * @section utility bar style
  299. * @tip Set the background color and border for your email's footer utility bar.
  300. */
  301. #utility div{
  302. /*@editable*/ text-align:center;
  303. }
  304. #monkeyRewards img{
  305. max-width:190px;
  306. }
  307. </style>
  308. </head>
  309. <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0">
  310. <center>
  311. <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable">
  312. <tr>
  313. <td align="center" valign="top" style="padding-top:20px;">
  314. <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateContainer">
  315. <tr>
  316. <td align="center" valign="top">
  317. <!-- // Begin Template Header \\ -->
  318. <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateHeader">
  319. <tr>
  320. <td class="headerContent">
  321. <!-- // Begin Module: Standard Header Image \\ -->
  322. <img src="http://gallery.mailchimp.com/653153ae841fd11de66ad181a/images/placeholder_600.gif" style="max-width:600px;" id="headerImage campaign-icon" mc:label="header_image" mc:edit="header_image" mc:allowdesigner mc:allowtext />
  323. <!-- // End Module: Standard Header Image \\ -->
  324. </td>
  325. </tr>
  326. </table>
  327. <!-- // End Template Header \\ -->
  328. </td>
  329. </tr>
  330. <tr>
  331. <td align="center" valign="top">
  332. <!-- // Begin Template Body \\ -->
  333. <table border="0" cellpadding="0" cellspacing="0" width="600" id="templateBody">
  334. <tr>
  335. <td valign="top">
  336. <!-- // Begin Module: Standard Content \\ -->
  337. <table border="0" cellpadding="20" cellspacing="0" width="100%">
  338. <tr>
  339. <td valign="top" class="bodyContent">
  340. <div mc:edit="std_content00">
  341. <h3 class="h3">Cambio de contraseña</h3>
  342. <h4 class="h4">Hola <%= @resource.first_name %> <%= @resource.last_name %></h4>
  343. <h5 class="h5"> <%= @resource.email %> </h5>
  344. <p><strong>El siguiente correo lo has recibido porque fue solicitado el cambio de contraseña.</strong>
  345. Para realizar el cambio de contraseña de <strong> <%= APP_NAME %></strong> lo podrás realizar en el siguiente enlace
  346. </p>
  347. </div>
  348. </td>
  349. </tr>
  350. <tr>
  351. <td align="center" valign="top" style="padding-top:0;">
  352. <table border="0" cellpadding="15" cellspacing="0" class="templateButton">
  353. <tr>
  354. <td valign="middle" class="templateButtonContent">
  355. <div mc:edit="std_content01">
  356. <%= link_to 'Cambiar contraseña', edit_password_url(@resource, reset_password_token: @token) %>
  357. </div>
  358. </td>
  359. </tr>
  360. </table>
  361. </td>
  362. </tr>
  363. </table>
  364. <!-- // End Module: Standard Content \\ -->
  365. </td>
  366. </tr>
  367. </table>
  368. <!-- // End Template Body \\ -->
  369. </td>
  370. </tr>
  371. <tr>
  372. <td align="center" valign="top">
  373. <!-- // Begin Template Footer \\ -->
  374. <table border="0" cellpadding="10" cellspacing="0" width="600" id="templateFooter">
  375. <tr>
  376. <td valign="top" class="footerContent">
  377. <!-- // Begin Module: Transactional Footer \\ -->
  378. <table border="0" cellpadding="10" cellspacing="0" width="100%">
  379. <tr>
  380. <td valign="top">
  381. <div mc:edit="std_footer">
  382. <em><%= APP_CREDITS %></em>
  383. </div>
  384. </td>
  385. </tr>
  386. <!-- <tr>
  387. <td valign="middle" id="utility">
  388. <div mc:edit="std_utility">
  389. &nbsp;<a href="*|ARCHIVE|*" target="_blank">view this in your browser</a> | <a href="*|UNSUB|*">unsubscribe from this list</a> | <a href="*|UPDATE_PROFILE|*">update subscription preferences</a>&nbsp;
  390. </div>
  391. </td>
  392. </tr>-->
  393. </table>
  394. <!-- // End Module: Transactional Footer \\ -->
  395. </td>
  396. </tr>
  397. </table>
  398. <!-- // End Template Footer \\ -->
  399. </td>
  400. </tr>
  401. </table>
  402. <br />
  403. </td>
  404. </tr>
  405. <tr>
  406. <td align="center" valign="top">
  407. <!-- // Begin Template Preheader \\ -->
  408. <table border="0" cellpadding="10" cellspacing="0" width="600" id="templatePreheader">
  409. <tr>
  410. <td valign="top" class="preheaderContent">
  411. <!-- // Begin Module: Standard Preheader \ -->
  412. <table border="0" cellpadding="10" cellspacing="0" width="100%">
  413. <tr>
  414. <td valign="top">
  415. <div mc:edit="std_preheader_content">
  416. <p>Por favor, no respondas directamente a este correo electrónico. Este mensaje fue enviado desde una cuenta exclusiva de notificaciones que no admite respuestas.</p>
  417. <p>En caso de no haber solicitado el cambio de contraseña ignora el siguiente correo.</p>
  418. <p>Si tu contraseña no se restablece, favor de comunicarte al correo <%= APP_MAIL_INFO %>, exponiendo tu caso para poder restablecerla. </p>
  419. </div>
  420. </td>
  421. </tr>
  422. </table>
  423. <!-- // End Module: Standard Preheader \ -->
  424. </td>
  425. </tr>
  426. </table>
  427. <!-- // End Template Preheader \\ -->
  428. </td>
  429. </tr>
  430. </table>
  431. </center>
  432. </body>
  433. </html>