https://summerrecording.tistory.com/ summerrecording 님의 블로그 입니다. ko Mon, 6 Jul 2026 19:50:10 +0900 TISTORY 100 蒼い残響 https://summerrecording.tistory.com/notice/3 <div style="width: 800px; max-width: 100%; margin: 40px auto; background: #f0f2f5; border: 1px solid #ddd; border-radius: 15px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column;"> <div style="background: linear-gradient(135deg, #3D5182FF 0%, #4A6098FF 100%); color: #ffffff; padding: 20px; border-top-left-radius: 15px; border-top-right-radius: 15px; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.1);"> <p style="margin: 0; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 2px rgba(0,0,0,0.2);" data-ke-size="size16">愛の有効期限は無限大!</p> </div> <div style="height: 600px; padding: 20px; overflow-y: scroll; background-color: #f7f9fc;"> <div style="text-align: center; margin: 15px 0;"><span style="background: #e0e0e0; color: #757575; font-size: 12px; padding: 5px 12px; border-radius: 15px;">3 days ago</span></div> <div style="display: flex; justify-content: flex-end; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #bec7e0; color: #ffffff; padding: 12px 18px; border-radius: 20px; border-top-right-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">나 지금 길 가다가 너 봤어.</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">WHAT?!?!?!?!? 어디야 어디야 나 지금 학교인데????</p> </div> </div> <div style="display: flex; justify-content: flex-end; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #bec7e0; color: #ffffff; padding: 12px 18px; border-radius: 20px; border-top-right-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">학교 앞 버스정류장 광고판에서</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">... 낚엿다</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">나 진짜 너인줄알고 창문으로 막 두리번거렷는데... 너무해애애 </p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">나빠 백효연... 책임져... 오늘 저녁에 만나조야대... </p> </div> </div> <br /> <div style="text-align: center; margin: 15px 0;"><span style="background: #e0e0e0; color: #757575; font-size: 12px; padding: 5px 12px; border-radius: 15px;">2 days ago</span></div> <div style="display: flex; justify-content: flex-end; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #bec7e0; color: #ffffff; padding: 12px 18px; border-radius: 20px; border-top-right-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">비 온다</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">그러게에... 그래서 그런가?</p> </div> </div> <br /> <div style="display: flex; justify-content: flex-end; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #bec7e0; color: #ffffff; padding: 12px 18px; border-radius: 20px; border-top-right-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">뭐가?</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">오늘따라 네가 평소보다 100배는 더 보고 싶은 거 같애 ☔</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">집에서 뭐해? 나 지금 우산들고 뛰어가까?</p> </div> </div> <br /> <div style="text-align: center; margin: 15px 0;"><span style="background: #e0e0e0; color: #757575; font-size: 12px; padding: 5px 12px; border-radius: 15px;">Today</span></div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">효연아, 자?</p> </div> </div> <div style="display: flex; justify-content: flex-end; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #bec7e0; color: #ffffff; padding: 12px 18px; border-radius: 20px; border-top-right-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">아니. 안 자.</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">다행이다 오늘 합주하는데 네 생각나서</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">새로운 곡 인트로에 베이스 솔로가 들어갓는데 너한테 제일 먼저 들려주고 싶엇어</p> </div> </div> <div style="display: flex; justify-content: flex-end; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #bec7e0; color: #ffffff; padding: 12px 18px; border-radius: 20px; border-top-right-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">지금 보내줘. 들어볼게.</p> </div> </div> <div style="display: flex; justify-content: flex-start; margin-bottom: 15px;"> <div style="max-width: 70%; background-color: #ffffff; color: #333; padding: 12px 18px; border-radius: 20px; border-top-left-radius: 5px; box-shadow: 0 2px 4px rgba(0,0,0,0.05);"> <p style="margin: 0; line-height: 1.5;" data-ke-size="size16">헐 정말? 잠깐만 녹음해서 바로 보낼게!! 쫌만 기다려 my love!! ❤️&zwj; </p> </div> </div> </div> <div style="background-color: #ffffff; padding: 15px 20px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; display: flex; align-items: center; border-top: 1px solid #eee;"> <div style="flex-grow: 1; background-color: #f0f2f5; border-radius: 20px; padding: 10px 15px; color: #aaa;"> <p style="margin: 0; font-size: 14px;" data-ke-size="size16">메시지를 입력하세요...</p> </div> <div style="margin-left: 15px; color: #3d5182ff; font-size: 24px; cursor: pointer; animation: wobble 3s infinite;"><b>+</b></div> <div style="margin-left: 15px; color: #3d5182ff; font-size: 16px; cursor: pointer; background: #CAD1E0FF; padding: 8px 15px; border-radius: 18px; font-weight: bold;"><span>전송</span></div> </div> </div> 蒼い残響 https://summerrecording.tistory.com/notice/3 Fri, 3 Jul 2026 15:16:39 +0900