hero-body-html.jinja 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  5. <title>{{ _("You have been Taigatized") }}</title>
  6. <style type="text/css">
  7. /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
  8. #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
  9. .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
  10. .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
  11. body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%;} /* Prevent WebKit and Windows mobile changing default text sizes */
  12. table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
  13. img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
  14. /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
  15. body{margin:0; padding:0;}
  16. img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
  17. table{border-collapse:collapse !important;}
  18. body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
  19. /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
  20. #bodyCell{padding:20px;}
  21. #templateContainer{width:600px;}
  22. /* ========== Page Styles ========== */
  23. body, #bodyTable{
  24. background-color:#f5f5f5;
  25. }
  26. /**
  27. * @section email border
  28. */
  29. #templateContainer{
  30. border:1px solid #CDCDCD;
  31. }
  32. /**
  33. * @section heading 1
  34. */
  35. h1{
  36. color: #fff !important;
  37. display:block;
  38. font-family: 'Open Sans', Arial;
  39. font-size:25px;
  40. font-style:normal;
  41. font-weight:bold;
  42. line-height:100%;
  43. letter-spacing:normal;
  44. margin-top:0;
  45. margin-right:0;
  46. margin-bottom:16px;
  47. margin-left:0;
  48. text-align:center;
  49. }
  50. /**
  51. * @style heading 2
  52. */
  53. h2{
  54. color: #8D8D8D !important;
  55. display:block;
  56. font-family: 'Open Sans', Arial;
  57. font-size:20px;
  58. font-style:normal;
  59. font-weight:bold;
  60. line-height:100%;
  61. letter-spacing:normal;
  62. margin-top:0;
  63. margin-right:0;
  64. margin-bottom:16px;
  65. margin-left:0;
  66. text-align:center;
  67. }
  68. /**
  69. * @section heading 3
  70. */
  71. h3{
  72. color:#6e6e6e !important;
  73. display:block;
  74. font-family: 'Open Sans', Arial, Helvetica;
  75. font-size:16px;
  76. font-weight:normal;
  77. line-height:100%;
  78. font-weight:bold;
  79. letter-spacing:normal;
  80. margin-top:0;
  81. margin-right:0;
  82. margin-bottom:16px;
  83. margin-left:0;
  84. text-align:center;
  85. }
  86. /**
  87. * @section heading 4
  88. */
  89. h4{
  90. color:#808080 !important;
  91. display:block;
  92. font-family: 'Open Sans', Arial, Helvetica;
  93. font-size:14px;
  94. font-weight:bold;
  95. line-height:100%;
  96. letter-spacing:normal;
  97. margin-top:0;
  98. margin-right:0;
  99. margin-bottom:16px;
  100. margin-left:0;
  101. text-align:left;
  102. }
  103. /* ========== Header Styles ========== */
  104. .headerContent {
  105. text-align: center;
  106. color:#fff !important;
  107. font-family: 'Open Sans', Arial, Helvetica;
  108. font-size:14px;
  109. margin-bottom:16px;
  110. text-align:center;
  111. }
  112. #headerImage{
  113. height:auto;
  114. width:80px;
  115. margin: 20px auto;
  116. }
  117. /* ========== Body Styles ========== */
  118. /**
  119. * @section body style
  120. */
  121. #templateBody{
  122. background-color:#FFF;
  123. }
  124. /**
  125. * @section body text
  126. */
  127. .bodyContent{
  128. color:#505050;
  129. font-family: 'Open Sans', Arial, Helvetica;
  130. font-size:16px;
  131. line-height:150%;
  132. padding-right:20px;
  133. padding-bottom:20px;
  134. padding-left:20px;
  135. padding-top:20px;
  136. text-align:center;
  137. }
  138. /**
  139. * @section body link
  140. */
  141. .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
  142. color:#699b05;
  143. font-weight:normal;
  144. text-decoration:underline;
  145. }
  146. /**
  147. * @section body link button class
  148. */
  149. .bodyContent a.button {
  150. background: #699b05;
  151. color: #fff;
  152. display: block;
  153. width: 50%;
  154. text-decoration: none;
  155. text-align: center;
  156. margin: 0 auto 16px;
  157. text-transform: uppercase;
  158. padding: .8rem 3rem;
  159. }
  160. .bodyContent a.button:hover {
  161. background: #aad400;
  162. }
  163. .bodyContent img{
  164. display:inline;
  165. height:auto;
  166. max-width:560px;
  167. }
  168. .social-links {
  169. font-family: 'Open Sans', Arial, Helvetica;
  170. font-size:13px;
  171. padding-right:20px;
  172. padding-bottom:20px;
  173. padding-left:20px;
  174. text-align:center;
  175. }
  176. .social-links a:link, .social-links a:visited{
  177. color:#699b05;
  178. font-weight:normal;
  179. text-decoration:underline;
  180. text-align: center;
  181. margin: 0 5px;
  182. }
  183. /* ========== Footer Styles ========== */
  184. /**
  185. * @section footer style
  186. */
  187. #templateFooter{
  188. background-color:#555555;
  189. }
  190. /**
  191. * @section footer text
  192. */
  193. .footerContent{
  194. color:#f5f5f5;
  195. font-family: 'Open Sans', Arial, Helvetica;
  196. font-size:10px;
  197. line-height:150%;
  198. padding-top:20px;
  199. padding-right:20px;
  200. padding-bottom:20px;
  201. padding-left:20px;
  202. text-align:left;
  203. }
  204. /**
  205. * @section footer link
  206. */
  207. .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
  208. color:#699b05;
  209. font-weight:normal;
  210. text-decoration:underline;
  211. }
  212. /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
  213. @media only screen and (max-width: 480px){
  214. /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
  215. body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
  216. body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
  217. /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
  218. #bodyCell{padding:10px !important;}
  219. /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
  220. /* ======== Page Styles ======== */
  221. /**
  222. * @section template width
  223. */
  224. #templateContainer{
  225. max-width:600px !important;
  226. /*@editable*/ width:100% !important;
  227. }
  228. /**
  229. * @section heading 1
  230. */
  231. h1{
  232. font-size:18px !important;
  233. line-height:100% !important;
  234. }
  235. /**
  236. * @section heading 2
  237. */
  238. h2{
  239. font-size:16px !important;
  240. line-height:100% !important;
  241. }
  242. /**
  243. * @section heading 3
  244. */
  245. h3{
  246. font-size:14px !important;
  247. line-height:100% !important;
  248. }
  249. /* ======== Header Styles ======== */
  250. #templatePreheader{display:none !important;} /* Hide the template preheader to save space */
  251. /**
  252. * @section header image
  253. */
  254. #headerImage{
  255. height:auto !important;
  256. max-width:600px !important;
  257. width:20% !important;
  258. }
  259. /* ======== Body Styles ======== */
  260. /**
  261. * @section body image
  262. */
  263. #bodyImage{
  264. height:auto !important;
  265. max-width:560px !important;
  266. width:100% !important;
  267. }
  268. /**
  269. * @section body text
  270. */
  271. .bodyContent{
  272. font-size:16px !important;
  273. line-height:125% !important;
  274. }
  275. /**
  276. * @section body link button class
  277. */
  278. .bodyContent a.button {
  279. font-size:14px !important;
  280. width: auto;
  281. }
  282. /* ======== Footer Styles ======== */
  283. /**
  284. * @section footer text
  285. */
  286. .footerContent{
  287. font-size:14px !important;
  288. line-height:115% !important;
  289. }
  290. .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
  291. }
  292. </style>
  293. </head>
  294. <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" alink="#699b05" link="#699b05" bgcolor="#FFFFFF" text="#444444">
  295. <center>
  296. <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
  297. <tr>
  298. <td align="center" valign="top" id="bodyCell">
  299. <!-- BEGIN TEMPLATE // -->
  300. <table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
  301. <tr>
  302. <td align="center" valign="top">
  303. <!-- BEGIN HEADER // -->
  304. <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
  305. <tr>
  306. <td valign="top" class="headerContent" background="{{ static("emails/top-bg-hero.png") }}" style="background-position: center center">
  307. <a href="{{ resolve_front_url("home") }}" title="Taiga">
  308. <img src="{{ static("emails/logo.png") }}" alt="Taiga logo" id="headerImage" />
  309. </a>
  310. {% trans %}
  311. <h1>You have been Taigatized!</h1>
  312. <p>Welcome to Taiga, an Open Source, Agile Project Management Tool</p>
  313. {% endtrans %}
  314. </td>
  315. </tr>
  316. </table>
  317. <!-- // END HEADER -->
  318. </td>
  319. </tr>
  320. <tr>
  321. <td align="center" valign="top">
  322. <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
  323. <tr>
  324. <td valign="top" class="bodyContent">
  325. {% block body %}{% endblock %}
  326. </td>
  327. </tr>
  328. {% block social %}
  329. <tr>
  330. <td valign="top" class="social-links">
  331. <a href="{{ sr("social.twitter_url") }}" title="{{ _("Follow us on Twitter") }}" style="color: #9dce0a">{{ _("Twitter") }}</a>
  332. <a href="{{ sr("social.github_url") }}" title="{{ _("Get the code on GitHub") }}" style="color: #9dce0a">{{ _("GitHub") }}</a>
  333. <a href="{{ sr("taigaio_url") }}" title="{{ _("Visit our website") }}" style="color: #9dce0a">{{ _("Taiga.io") }}</a>
  334. </td>
  335. </tr>
  336. {% endblock %}
  337. </table>
  338. </td>
  339. </tr>
  340. <tr>
  341. <td align="center" valign="top">
  342. <!-- BEGIN FOOTER // -->
  343. <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
  344. <tr>
  345. <td valign="top" class="footerContent">
  346. {% block footer %}
  347. {% trans support_url=sr("support.url"), support_email=sr("support.email"), mailing_list_url=sr("support.mailing_list") %}
  348. <strong>Taiga Support:</strong>
  349. <a href="{{ support_url }}" title="Support page" style="color: #9dce0a">{{ support_url}}</a>
  350. <br>
  351. <strong>Contact us:</strong>
  352. <a href="mailto:{{ support_email }}" title="Supporti email" style="color: #9dce0a">
  353. {{ support_email }}
  354. </a>
  355. <br>
  356. <strong>Mailing list:</strong>
  357. <a href="{{ mailing_list_url }}" title="Mailing list" style="color: #9dce0a">
  358. {{ mailing_list_url }}
  359. </a>
  360. {% endtrans %}
  361. {% endblock %}
  362. </td>
  363. </tr>
  364. </table>
  365. <!-- // END FOOTER -->
  366. </td>
  367. </tr>
  368. </table>
  369. <!-- // END TEMPLATE -->
  370. </td>
  371. </tr>
  372. </table>
  373. </center>
  374. </body>
  375. </html>