github.com/masterhung0112/hk_server/v5@v5.0.0-20220302090640-ec71aef15e1c/templates/cloud_welcome_email.html (about) 1 {{define "cloud_welcome_email"}} 2 <html> 3 4 <head> 5 <link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap" rel="stylesheet"> 6 <style type="text/css"> 7 @import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap); 8 </style> 9 </head> 10 11 <body> 12 <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" 13 style="margin-top: 20px; line-height: 1.7; color: #3D3C40;"> 14 <tr> 15 <td> 16 <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" 17 style="width: 724px; padding: 32px; background: #F7F7F7; color: #3D3C40;"> 18 <tr> 19 <td style="padding: 24px 54px; border-radius: 8px; background: #FFFFFF; color: #3D3C40;"> 20 <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" 21 style="margin-bottom: 30px;"> 22 <tr> 23 <td style="padding: 20px 20px 10px; text-align:center;"> 24 <img src="{{.Props.WorkSpacePath}}/static/images/logo_email_blue.png" 25 style="height: 21.7px;" alt="logo_email_blue"> 26 </td> 27 </tr> 28 </table> 29 <table border="0" cellpadding="0" cellspacing="0"> 30 <tr> 31 <td> 32 <p 33 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 28px; line-height: 36px; letter-spacing: -0.02em; color: #3D3C40;"> 34 {{.Props.Title}} 35 </p> 36 <p 37 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 16px; line-height: 24px; color: #3D3C40;"> 38 {{.Props.Info}} <a href="{{.Props.WorkSpacePath}}" target="_blank" 39 rel="noopener noreferrer" 40 style="text-decoration: none; color: #6DA4EB;">{{.Props.DNS}}.</a> 41 {{.Props.Info2}} 42 </p> 43 <p style="text-align: center; margin-top: 30px; margin-bottom: 30px;"> 44 <a href="{{.Props.WorkSpacePath}}" target="_blank" rel="noopener noreferrer" 45 style="padding: 14px 24px; position: static; background: #166DE0; border-radius: 4px; margin: 0px 150px; font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 18px; color: #FFFFFF; text-decoration: none;">{{.Props.Button}}<a /> 46 </p> 47 </td> 48 </tr> 49 </table> 50 <table border="0" cellpadding="0" cellspacing="0"> 51 <tr> 52 <td> 53 <p 54 style="font-family: Open Sans, Arial; font-weight: 600; font-size: 22px; line-height: 28px; color: #3D3C40;"> 55 {{.Props.SubTitle}} 56 </p> 57 <p 58 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;"> 59 {{.Props.SubTitleInfo}} 60 </p> 61 </td> 62 </tr> 63 </table> 64 <table border="0" cellpadding="0" cellspacing="0" style="margin-top: 30px;"> 65 <tr> 66 <td> 67 <div style="position: relative;"> 68 <span> 69 <img src="{{.Props.WorkSpacePath}}/static/images/c_avatar.png" 70 style="height: 15px; width: 15px; transform: translateY(2px);" alt="c_avatar"> 71 </span> 72 <span 73 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;"> 74 {{.Props.InviteInfo}} 75 </span> 76 <p 77 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40; margin-left: 26px;"> 78 {{.Props.InviteSubInfo}} 79 <a style="text-decoration: none; color: #6DA4EB;" target="_blank" 80 rel="noopener noreferrer" 81 href="{{.Props.InviteSubInfoLink}}">{{.Props.InviteSubInfoLink}}</a> 82 </p> 83 </div> 84 85 <div style="position: relative;"> 86 <span> 87 <span> 88 <img src="{{.Props.WorkSpacePath}}/static/images/c_socket.png" 89 style="height: 15px; width: 15px; transform: translateY(2px);" alt="c_avatar"> 90 </span> 91 </span> 92 <span 93 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;"> 94 {{.Props.AddAppsInfo}} 95 </span> 96 <p 97 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40; margin-left: 26px;"> 98 {{.Props.AddAppsSubInfo}} 99 <a style="text-decoration: none; color: #6DA4EB;" target="_blank" 100 rel="noopener noreferrer" 101 href="{{.Props.AppMarketPlaceLink}}">{{.Props.AppMarketPlace}}</a> 102 </p> 103 </div> 104 105 <div style="position: relative;"> 106 <span> 107 <span> 108 <img src="{{.Props.WorkSpacePath}}/static/images/c_download.png" 109 style="height: 17px; width: 15px; transform: translateY(5px);" alt="c_avatar"> 110 </span> 111 </span> 112 <span 113 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 600; font-size: 16px; line-height: 24px; color: #3D3C40; margin-left: 8px;"> 114 {{.Props.DownloadMMInfo}} 115 </span> 116 <p 117 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40; margin-left: 26px;"> 118 {{.Props.SignInSubInfo}} <a 119 style="text-decoration: none; color: #6DA4EB;" target="_blank" 120 rel="noopener noreferrer" 121 href="{{.Props.DownloadMMAppsLink}}">{{.Props.MMApps}}</a> 122 {{.Props.SignInSubInfo2}} 123 </p> 124 </div> 125 </td> 126 </tr> 127 </table> 128 <table border="0" cellpadding="0" cellspacing="0" style="margin-top: 50px;"> 129 <tr> 130 <td> 131 <p 132 style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 14px; line-height: 20px; color: #3D3C40;"> 133 {{.Props.GettingStartedQuestions}} <a 134 style="text-decoration: none; color: #6DA4EB;" 135 href="mailto:support@mattermost.com">support@mattermost.com.</a> 136 </p> 137 138 </td> 139 </tr> 140 </table> 141 <table align="center" border="0" cellpadding="0" cellspacing="0"> 142 <tr> 143 <td style="padding: 20px 20px 10px; text-align:center;"> 144 <img src="{{.Props.WorkSpacePath}}/static/images/invite_illustration.png" 145 width="320px" alt="invite_illustration"> 146 147 </td> 148 </tr> 149 </table> 150 <table align="center" border="0" cellpadding="0" cellspacing="0" width="100%"> 151 <tr> 152 <td> 153 <p style="font-family: Open Sans, Arial; font-style: normal; font-weight: 400; font-size: 12px; line-height: 16px; text-align: center; color: rgba(61, 60, 64, 0.56);">{{.Props.Organization}} 154 {{.Props.FooterV2}} 155 </p> 156 </td> 157 </tr> 158 </table> 159 160 </td> 161 </tr> 162 </table> 163 </td> 164 </tr> 165 166 </table> 167 168 </body> 169 170 </html> 171 {{end}}