<head>
	<style>
    /* 1. Page background image */
		.notion-app:before {
		  content: "";
		  position: fixed;
		  left: 0;
		  top: 0;
		  width: 100%;
		  height: 100%;
		  z-index: -10;
		  background: url("<https://cdn.lazyrockets.com/homepage/360abb10007541a9b4a3e9f04f7a9343_crumbled-paper-1.jpg>") no-repeat center center;
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
		}

    .notion-frame {
      background-color: transparent !important;
    }
	</style>
  <style>
    /* 2. Checklist background color */
    div[aria-checked=true] {
      background-color: #724a26 !important;
    }
  </style>
  <style>
    /* 3. Callout background image */
    .notion-callout-block {
      background: url("<https://cdn.lazyrockets.com/homepage/360abb10007541a9b4a3e9f04f7a9343_craft.jpg>");
	    background-size: cover;
    }

    /* 3. Callout text color */
    .notion-callout-block > * {
      color: #fff !important;
    }
  </style>
</head>

<aside> 📢 * 템플릿은 우측 상단의 ‘더보기 버튼(∙∙∙) - 복제' 버튼을 눌러 사용하시면 됩니다.

현재 페이지에서 보이는 우피의 기능은 모두 HTML 코드로 적용이 되어 있습니다. 이 기능들은 우피 콘솔에서도 동일하게 적용할 수 있는데요. 페이지에 있는 HTML 코드와 콘솔의 기능이 중복으로 겹치면 원하는대로 구현이 되지 않을 수 있으니 주의해 주세요!
템플릿과 관련된 자세한 기능 소개를 원하시면 아래 링크를 통해서 확인해 보세요.

</aside>

이 템플릿은

이런 기능이 포함되어 있어요!

⚠️ 아래에서 언급하는 내용들은 노션에서만 변경할 수 있습니다. 우피에서는 코드가 안보여요!

1. 페이지 배경화면에 내가 원하는 이미지를 넣을 수 있어요!
1. 아래와 같이 체크리스트 색상을 변경할 수 있어요!
[x] 체크리스트 색상을 갈색으로 바꿨어요
1. 콜아웃 박스에 원하는 배경 이미지를 넣을 수 있어요! (1번과 비슷하죠?)

<aside> 👌 콜아웃 박스에 내가 원하는 배경 이미지를 넣을 수 있어요!

</aside>

사용하고 싶지 않은 기능이 있나요?

위 3가지 기능 중 필요 없는 기능이 있다면 코드에서 해당하는 style 태그를 통째로 지워주세요. 예를 들어 3번 콜아웃 박스 배경 이미지 기능이 필요 없다면 아래 이미지처럼 코드 내용을 삭제해 주세요.

이렇게요!

𝟐𝟎𝟐𝟏 𝐌𝐲 𝐃𝐢𝐚𝐫𝐲 ⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼⎼