123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426 |
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
- <title>{{ _("You have been Taigatized") }}</title>
- <style type="text/css">
- /* /\/\/\/\/\/\/\/\/ CLIENT-SPECIFIC STYLES /\/\/\/\/\/\/\/\/ */
- #outlook a{padding:0;} /* Force Outlook to provide a "view in browser" message */
- .ReadMsgBody{width:100%;} .ExternalClass{width:100%;} /* Force Hotmail to display emails at full width */
- .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100%;} /* Force Hotmail to display normal line spacing */
- 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 */
- table, td{mso-table-lspace:0pt; mso-table-rspace:0pt;} /* Remove spacing between tables in Outlook 2007 and up */
- img{-ms-interpolation-mode:bicubic;} /* Allow smoother rendering of resized image in Internet Explorer */
- /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
- body{margin:0; padding:0;}
- img{border:0; height:auto; line-height:100%; outline:none; text-decoration:none;}
- table{border-collapse:collapse !important;}
- body, #bodyTable, #bodyCell{height:100% !important; margin:0; padding:0; width:100% !important;}
- /* /\/\/\/\/\/\/\/\/ TEMPLATE STYLES /\/\/\/\/\/\/\/\/ */
- #bodyCell{padding:20px;}
- #templateContainer{width:600px;}
- /* ========== Page Styles ========== */
- body, #bodyTable{
- background-color:#f5f5f5;
- }
- /**
- * @section email border
- */
- #templateContainer{
- border:1px solid #CDCDCD;
- }
- /**
- * @section heading 1
- */
- h1{
- color: #fff !important;
- display:block;
- font-family: 'Open Sans', Arial;
- font-size:25px;
- font-style:normal;
- font-weight:bold;
- line-height:100%;
- letter-spacing:normal;
- margin-top:0;
- margin-right:0;
- margin-bottom:16px;
- margin-left:0;
- text-align:center;
- }
- /**
- * @style heading 2
- */
- h2{
- color: #8D8D8D !important;
- display:block;
- font-family: 'Open Sans', Arial;
- font-size:20px;
- font-style:normal;
- font-weight:bold;
- line-height:100%;
- letter-spacing:normal;
- margin-top:0;
- margin-right:0;
- margin-bottom:16px;
- margin-left:0;
- text-align:center;
- }
- /**
- * @section heading 3
- */
- h3{
- color:#6e6e6e !important;
- display:block;
- font-family: 'Open Sans', Arial, Helvetica;
- font-size:16px;
- font-weight:normal;
- line-height:100%;
- font-weight:bold;
- letter-spacing:normal;
- margin-top:0;
- margin-right:0;
- margin-bottom:16px;
- margin-left:0;
- text-align:center;
- }
- /**
- * @section heading 4
- */
- h4{
- color:#808080 !important;
- display:block;
- font-family: 'Open Sans', Arial, Helvetica;
- font-size:14px;
- font-weight:bold;
- line-height:100%;
- letter-spacing:normal;
- margin-top:0;
- margin-right:0;
- margin-bottom:16px;
- margin-left:0;
- text-align:left;
- }
- /* ========== Header Styles ========== */
- .headerContent {
- text-align: center;
- color:#fff !important;
- font-family: 'Open Sans', Arial, Helvetica;
- font-size:14px;
- margin-bottom:16px;
- text-align:center;
- }
- #headerImage{
- height:auto;
- width:80px;
- margin: 20px auto;
- }
- /* ========== Body Styles ========== */
- /**
- * @section body style
- */
- #templateBody{
- background-color:#FFF;
- }
- /**
- * @section body text
- */
- .bodyContent{
- color:#505050;
- font-family: 'Open Sans', Arial, Helvetica;
- font-size:16px;
- line-height:150%;
- padding-right:20px;
- padding-bottom:20px;
- padding-left:20px;
- padding-top:20px;
- text-align:center;
- }
- /**
- * @section body link
- */
- .bodyContent a:link, .bodyContent a:visited, /* Yahoo! Mail Override */ .bodyContent a .yshortcuts /* Yahoo! Mail Override */{
- color:#699b05;
- font-weight:normal;
- text-decoration:underline;
- }
- /**
- * @section body link button class
- */
- .bodyContent a.button {
- background: #699b05;
- color: #fff;
- display: block;
- width: 50%;
- text-decoration: none;
- text-align: center;
- margin: 0 auto 16px;
- text-transform: uppercase;
- padding: .8rem 3rem;
- }
- .bodyContent a.button:hover {
- background: #aad400;
- }
- .bodyContent img{
- display:inline;
- height:auto;
- max-width:560px;
- }
- .social-links {
- font-family: 'Open Sans', Arial, Helvetica;
- font-size:13px;
- padding-right:20px;
- padding-bottom:20px;
- padding-left:20px;
- text-align:center;
- }
- .social-links a:link, .social-links a:visited{
- color:#699b05;
- font-weight:normal;
- text-decoration:underline;
- text-align: center;
- margin: 0 5px;
- }
- /* ========== Footer Styles ========== */
- /**
- * @section footer style
- */
- #templateFooter{
- background-color:#555555;
- }
- /**
- * @section footer text
- */
- .footerContent{
- color:#f5f5f5;
- font-family: 'Open Sans', Arial, Helvetica;
- font-size:10px;
- line-height:150%;
- padding-top:20px;
- padding-right:20px;
- padding-bottom:20px;
- padding-left:20px;
- text-align:left;
- }
- /**
- * @section footer link
- */
- .footerContent a:link, .footerContent a:visited, /* Yahoo! Mail Override */ .footerContent a .yshortcuts, .footerContent a span /* Yahoo! Mail Override */{
- color:#699b05;
- font-weight:normal;
- text-decoration:underline;
- }
- /* /\/\/\/\/\/\/\/\/ MOBILE STYLES /\/\/\/\/\/\/\/\/ */
- @media only screen and (max-width: 480px){
- /* /\/\/\/\/\/\/ CLIENT-SPECIFIC MOBILE STYLES /\/\/\/\/\/\/ */
- body, table, td, p, a, li, blockquote{-webkit-text-size-adjust:none !important;} /* Prevent Webkit platforms from changing default text sizes */
- body{width:100% !important; min-width:100% !important;} /* Prevent iOS Mail from adding padding to the body */
- /* /\/\/\/\/\/\/ MOBILE RESET STYLES /\/\/\/\/\/\/ */
- #bodyCell{padding:10px !important;}
- /* /\/\/\/\/\/\/ MOBILE TEMPLATE STYLES /\/\/\/\/\/\/ */
- /* ======== Page Styles ======== */
- /**
- * @section template width
- */
- #templateContainer{
- max-width:600px !important;
- /*@editable*/ width:100% !important;
- }
- /**
- * @section heading 1
- */
- h1{
- font-size:18px !important;
- line-height:100% !important;
- }
- /**
- * @section heading 2
- */
- h2{
- font-size:16px !important;
- line-height:100% !important;
- }
- /**
- * @section heading 3
- */
- h3{
- font-size:14px !important;
- line-height:100% !important;
- }
- /* ======== Header Styles ======== */
- #templatePreheader{display:none !important;} /* Hide the template preheader to save space */
- /**
- * @section header image
- */
- #headerImage{
- height:auto !important;
- max-width:600px !important;
- width:20% !important;
- }
- /* ======== Body Styles ======== */
- /**
- * @section body image
- */
- #bodyImage{
- height:auto !important;
- max-width:560px !important;
- width:100% !important;
- }
- /**
- * @section body text
- */
- .bodyContent{
- font-size:16px !important;
- line-height:125% !important;
- }
- /**
- * @section body link button class
- */
- .bodyContent a.button {
- font-size:14px !important;
- width: auto;
- }
- /* ======== Footer Styles ======== */
- /**
- * @section footer text
- */
- .footerContent{
- font-size:14px !important;
- line-height:115% !important;
- }
- .footerContent a{display:block !important;} /* Place footer social and utility links on their own lines, for easier access */
- }
- </style>
- </head>
- <body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" alink="#699b05" link="#699b05" bgcolor="#FFFFFF" text="#444444">
- <center>
- <table align="center" border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="bodyTable">
- <tr>
- <td align="center" valign="top" id="bodyCell">
- <!-- BEGIN TEMPLATE // -->
- <table border="0" cellpadding="0" cellspacing="0" id="templateContainer">
- <tr>
- <td align="center" valign="top">
- <!-- BEGIN HEADER // -->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateHeader">
- <tr>
- <td valign="top" class="headerContent" background="{{ static("emails/top-bg-hero.png") }}" style="background-position: center center">
- <a href="{{ resolve_front_url("home") }}" title="Taiga">
- <img src="{{ static("emails/logo.png") }}" alt="Taiga logo" id="headerImage" />
- </a>
- {% trans %}
- <h1>You have been Taigatized!</h1>
- <p>Welcome to Taiga, an Open Source, Agile Project Management Tool</p>
- {% endtrans %}
- </td>
- </tr>
- </table>
- <!-- // END HEADER -->
- </td>
- </tr>
- <tr>
- <td align="center" valign="top">
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateBody">
- <tr>
- <td valign="top" class="bodyContent">
- {% block body %}{% endblock %}
- </td>
- </tr>
- {% block social %}
- <tr>
- <td valign="top" class="social-links">
- <a href="{{ sr("social.twitter_url") }}" title="{{ _("Follow us on Twitter") }}" style="color: #9dce0a">{{ _("Twitter") }}</a>
- <a href="{{ sr("social.github_url") }}" title="{{ _("Get the code on GitHub") }}" style="color: #9dce0a">{{ _("GitHub") }}</a>
- <a href="{{ sr("taigaio_url") }}" title="{{ _("Visit our website") }}" style="color: #9dce0a">{{ _("Taiga.io") }}</a>
- </td>
- </tr>
- {% endblock %}
- </table>
- </td>
- </tr>
- <tr>
- <td align="center" valign="top">
- <!-- BEGIN FOOTER // -->
- <table border="0" cellpadding="0" cellspacing="0" width="100%" id="templateFooter">
- <tr>
- <td valign="top" class="footerContent">
- {% block footer %}
- {% trans support_url=sr("support.url"), support_email=sr("support.email"), mailing_list_url=sr("support.mailing_list") %}
- <strong>Taiga Support:</strong>
- <a href="{{ support_url }}" title="Support page" style="color: #9dce0a">{{ support_url}}</a>
- <br>
- <strong>Contact us:</strong>
- <a href="mailto:{{ support_email }}" title="Supporti email" style="color: #9dce0a">
- {{ support_email }}
- </a>
- <br>
- <strong>Mailing list:</strong>
- <a href="{{ mailing_list_url }}" title="Mailing list" style="color: #9dce0a">
- {{ mailing_list_url }}
- </a>
- {% endtrans %}
- {% endblock %}
- </td>
- </tr>
- </table>
- <!-- // END FOOTER -->
- </td>
- </tr>
- </table>
- <!-- // END TEMPLATE -->
- </td>
- </tr>
- </table>
- </center>
- </body>
- </html>
|