👀멘탈레터 Home 3.0

<head>
  <style>
    .page_cover, .width.padding:first-of-type {
      display: none !important;
    }
  </style>
</head>

hideNotionTitle: true
showShareButton: false
topNavigator: null

title: "멘탈레터"
description: "무너지지 않기 위해서 흔들리는 법을 배우다"
ogImage: "<https://i.postimg.cc/85WfSG9x/image.png>"

theme: "custom"
backgroundColor: "#ffffff"
fontColor: "#000000"

imageBorderRadius: 0
calloutBorderRadius: 0
galleryBorderRadius: 0

Untitled

<script src="<https://cdn.commoninja.com/sdk/latest/commonninja.js>" defer></script>
<div class="commonninja_component pid-c9d0fe7c-a848-4185-921b-af31ee6ff10f"></div>

🟥 동기부여 콘텐츠 ❌ 동기부여는 다른 곳을 알아보세요

🟩 매주 3편, 월수금 오전 8시 15분에 발행됩니다

🟦 오늘의 멘탈레터는 무료로 운영됩니다

🟨 발행된 레터는 카톡으로 편하게 보세요

Screen Shot 2024-05-06 at 12.48.47 AM.png

멘탈레터는 현재

600명 이상의 학생들과 함께하고 있습니다

학생들이 남겨준 소중한 방명록

oopy:hide

Untitled

oopy:hide

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scroll CTA Button</title>
    <style>
        body {
            margin: 0;
        }

        #ctaButton {
            position: fixed;
            bottom: 100px;
            left: 50%;
            transform: translateX(-50%);
            transition: opacity 0.3s ease-in-out;
            opacity: 0;
            z-index: 999;
        }

        #ctaButton button {
            padding: 10px 20px;
            background-color: #fff;
            color: #000;
            font-weight: bold;
            font-size: 18px;
            border: 2px solid #000;
            border-radius: 0px;
            cursor: pointer;
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
            transition: background-color 0.3s ease-in-out;
            white-space: normal;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #ctaButton button:hover {
            background-color: #eee;
        }
    </style>
</head>
<body>
    <!-- Your website content goes here -->

    <!-- CTA button -->
    <div id="ctaButton">
        <button onclick="openChat()">멘탈레터 합류하기</button>
    </div>

    <script>
    const ctaButton = document.getElementById('ctaButton');

    function checkScroll() {
        const scrollPosition = window.scrollY || document.documentElement.scrollTop;
        const scrollThreshold = 2750; // 수정된 부분: 픽셀 값으로 변경

        if (scrollPosition > scrollThreshold) {
            ctaButton.style.opacity = '1';
        } else {
            ctaButton.style.opacity = '0';
        }
    }

    function openChat() {
        const currentHour = new Date().getHours();
        const currentMinute = new Date().getMinutes();

        const linkToOpen = (currentHour >= 8 && currentHour <= 20 && currentMinute <= 55) ? '<http://pf.kakao.com/_AsxlBG>' : '<http://pf.kakao.com/_AsxlBG>';

        window.open(linkToOpen, '_blank');
    }

    window.addEventListener('scroll', checkScroll);
    </script>
</body>
</html>