Skip to content

Commit

Permalink
chore: 이메일 템플릿 변경
Browse files Browse the repository at this point in the history
  • Loading branch information
@le2sky
le2sky committed Feb 25, 2025
1 parent 6c03db1 commit 5a5cd61
Showing 1 changed file with 104 additions and 66 deletions.
170 changes: 104 additions & 66 deletions maeil-mail/src/main/resources/templates/question-v4.html
View file
Original file line number Diff line number Diff line change
@@ -1,48 +1,71 @@
<html xmlns:th="http://www.thymeleaf.org" data-theme="light">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta name="color-scheme" content="only">
<meta name="color-scheme" content="light">
<meta name="supported-color-schemes" content="light">
<title>매일메일 - 기술 면접 질문 구독 서비스</title>
</head>
<body style="margin: 0; padding: 0">
<section class="mail-preview" aria-hidden="true">
<span
style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden">
오늘의 질문이 도착했습니다.
</span>
<span
style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden">
오늘의 질문이 도착했습니다.
</span>
<span
style="display:none;font-size:1px;color:#ffffff;line-height:1px;max-height:0px;max-width:0px;opacity:0;overflow:hidden">
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
</span>
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
&zwnj;
&nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp;
&shy;
&zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj;
&nbsp;
&shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy; &zwnj; &nbsp; &shy;
</span>
</section>

<div style="
Expand All @@ -68,12 +91,13 @@
padding: 21px 16px 16px 40px;
">
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/maeilmail-logo.png"
style="width: 77px;" />
style="width: 77px;"/>
</a>
<section style="text-align: center;">
<div
style="background: linear-gradient(to right, #17C881 0%, #0FB97B 49%, #24BD99 100%); padding: 54.5px 30px;">
<p style="font-size: 14px; color: #EEF8F5; font-weight: 550; margin-bottom: 20px; margin-top: 0px;">
style="background: url('https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/mail-main-background.png'); padding: 54.5px 30px;">
<p
style="font-size: 14px; color: #EEF8F5; font-weight: 550; margin: 0 auto 20px auto; width: fit-content;">
오늘의 질문
</p>
<div style="
Expand Down Expand Up @@ -103,24 +127,29 @@
padding: 40px 30px 24px 30px;
margin: 0px;
">
혹시 답변 과정에서 확실하지 않은 부분이 있다면,<br />
혹시 답변 과정에서 확실하지 않은 부분이 있다면,<br/>
아래 버튼을 눌러 답변을 확인해 보시길 권장드려요!
</p>
<a th:href="@{https://www.maeil-mail.kr/question/{id}(id = ${questionId})}" style="
display: inline-block;
padding: 10px 26px;
background: linear-gradient(to right, #17C881 0%, #0FB97B 49%, #24BD99 100%);
color: white;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
line-height: 1.5;
margin-bottom: 44px;
">
답변 확인
</a>
<div style="margin: 0 auto; width: fit-content;">
<a th:href="@{https://www.maeil-mail.kr/question/{id}(id = ${questionId})}" style="
display: inline-block;
padding: 10px 26px;
background: url('https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/mail-button.png');
background-size: cover;
color: white;
text-decoration: none;
border-radius: 5px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
line-height: 1.5;
margin-bottom: 44px;
width: fit-content;
cursor: pointer;
">
답변 확인
</a>
</div>
<div style="height: 1px; width: 90%; background: #e1e1e1; margin: 0 auto;"></div>
<table role="presentation" style="
width: 100%;
Expand All @@ -134,58 +163,67 @@
style="margin-top: 5rem; font-size: 14px; padding-bottom: 30px; color: #888888; width: auto; white-space: nowrap; text-align: center;">
<table width="75%" style="margin: 0 auto;">
<tr>
<td width="0.2%" style="padding-top: 34px">
<a th:href="@{https://www.maeil-mail.kr/question/mine/{email}(email = ${email})}" style="
<td width="100px" style="padding-top: 34px">
<a th:href="@{https://www.maeil-mail.kr/question/mine/{email}(email = ${email})}"
style="
color: #888888;
text-decoration: none;
cursor: pointer;
">
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/subscribe-question.png"
style="
width: 75px;
display: inline;
cursor: pointer;
" />
"/>
</a>
</td>
<td width="1%" style="text-align: center; padding-top: 9px;">
<td width="100px" style="text-align: center; padding-top: 9px;">
<a href="https://wiki.maeil-mail.kr/" style="
color: #888888;
text-decoration: none;
cursor: pointer;
">
<div
style="color: #17C881; border: 1.3px solid #17C881; padding: 1px 5px; width: fit-content; border-radius: 80px; font-size: 11px; font-weight: 550; margin: 0 auto 7px auto;">
NEW
</div>
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/maeilwiki-access.png" style="
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/maeilwiki-access.png"
style="
width: 48px;
display: inline;
cursor: pointer;
" />
"/>
</a>
</td>
<td width="1%" style="text-align: center; padding-top: 34px;">
<td width="100px" style="text-align: center; padding-top: 34px;">
<a style="
color: #888888;
text-decoration: none;
cursor: pointer;
" th:href="@{https://www.maeil-mail.kr/setting(email=${email}, token=${token})}">
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/setting.png" style="
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/setting.png"
style="
width: 24px;
display: inline;
cursor: pointer;
" />
"/>
</a>
</td>
<td width="0.5%" style="text-align: right; padding-top: 34px;">
<a th:href="@{https://www.maeil-mail.kr/unsubscribe(email=${email}, token=${token})}" style="
<td width="70px" style="text-align: right; padding-top: 34px;">
<a th:href="@{https://www.maeil-mail.kr/unsubscribe(email=${email}, token=${token})}"
style="
color: #888888;
text-decoration: none;
cursor: pointer;
">
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/unsubscribe.png" style="
<img src="https://maeil-mail-resource.s3.ap-northeast-2.amazonaws.com/unsubscribe.png"
style="
width: 51px;
display: inline;
cursor: pointer;
margin-top: 1px;
" />
"/>
</a>
</td>
</tr>
Expand Down

0 comments on commit 5a5cd61

Please sign in to comment.