최종 작성자 보기
| author | version | line-number | content |
|---|---|---|---|
| 1 | = 🌸 JANGSU CLUB = | ||
| 2 | |||
| 3 | == 소중한 인연, 함께 걷는 시간 == | ||
| 4 | |||
| 5 | 장수클럽은 단순한 모임을 넘어, 서로의 삶을 응원하고 온기를 나누는 우리들의 작은 숲입니다. | ||
| 6 | |||
| 7 | ---- | ||
| 8 | |||
| 9 | {{html}} | ||
| 10 | <style> | ||
| 11 | .main-container { | ||
| 12 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; | ||
| 13 | color: #4a5568; | ||
| 14 | line-height: 1.6; | ||
| 15 | } | ||
| 16 | .welcome-banner { | ||
| 17 | background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); | ||
| 18 | padding: 2rem; | ||
| 19 | border-radius: 24px; | ||
| 20 | text-align: center; | ||
| 21 | margin-bottom: 3rem; | ||
| 22 | border: 1px solid #e2e8f0; | ||
| 23 | box-shadow: 0 4px 12px rgba(0,0,0,0.03); | ||
| 24 | } | ||
| 25 | .welcome-banner h2 { | ||
| 26 | color: #2d3748; | ||
| 27 | margin-bottom: 1rem; | ||
| 28 | font-weight: 700; | ||
| 29 | } | ||
| 30 | .quick-links { | ||
| 31 | display: flex; | ||
| 32 | justify-content: center; | ||
| 33 | gap: 1rem; | ||
| 34 | margin-bottom: 2rem; | ||
| 35 | } | ||
| 36 | .btn-soft { | ||
| 37 | padding: 0.6rem 1.2rem; | ||
| 38 | background: #fff; | ||
| 39 | border: 1px solid #cbd5e0; | ||
| 40 | border-radius: 50px; | ||
| 41 | color: #4a5568; | ||
| 42 | text-decoration: none; | ||
| 43 | font-size: 0.9rem; | ||
| 44 | font-weight: 500; | ||
| 45 | transition: all 0.2s ease; | ||
| 46 | box-shadow: 0 2px 4px rgba(0,0,0,0.05); | ||
| 47 | } | ||
| 48 | .btn-soft:hover { | ||
| 49 | background: #f7fafc; | ||
| 50 | border-color: #a0aec0; | ||
| 51 | transform: translateY(-2px); | ||
| 52 | } | ||
| 53 | .dashboard-grid { | ||
| 54 | display: grid; | ||
| 55 | grid-template-columns: 1fr 1fr; | ||
| 56 | gap: 2rem; | ||
| 57 | margin-bottom: 3rem; | ||
| 58 | } | ||
| 59 | .dash-card { | ||
| 60 | background: #fff; | ||
| 61 | border: 1px solid #e2e8f0; | ||
| 62 | border-radius: 24px; | ||
| 63 | padding: 1.5rem; | ||
| 64 | box-shadow: 0 4px 15px rgba(0,0,0,0.04); | ||
| 65 | } | ||
| 66 | .dash-card h3 { | ||
| 67 | font-size: 1.2rem; | ||
| 68 | color: #2d3748; | ||
| 69 | margin-top: 0; | ||
| 70 | margin-bottom: 1.2rem; | ||
| 71 | display: flex; | ||
| 72 | align-items: center; | ||
| 73 | gap: 0.5rem; | ||
| 74 | border-bottom: 2px solid #f7fafc; | ||
| 75 | padding-bottom: 0.5rem; | ||
| 76 | } | ||
| 77 | .news-item { | ||
| 78 | margin-bottom: 0.8rem; | ||
| 79 | font-size: 0.95rem; | ||
| 80 | display: flex; | ||
| 81 | gap: 0.5rem; | ||
| 82 | } | ||
| 83 | .news-date { | ||
| 84 | font-weight: 600; | ||
| 85 | color: #718096; | ||
| 86 | min-width: 60px; | ||
| 87 | } | ||
| 88 | .schedule-item { | ||
| 89 | margin-bottom: 0.8rem; | ||
| 90 | padding: 0.5rem; | ||
| 91 | background: #fcfcfc; | ||
| 92 | border-radius: 8px; | ||
| 93 | font-size: 0.95rem; | ||
| 94 | } | ||
| 95 | .jians-corner { | ||
| 96 | background: #fdfcf0; | ||
| 97 | border-left: 4px solid #f6ad55; | ||
| 98 | padding: 1.5rem; | ||
| 99 | border-radius: 0 20px 20px 0; | ||
| 100 | margin: 3rem 0; | ||
| 101 | font-style: italic; | ||
| 102 | color: #744210; | ||
| 103 | box-shadow: 0 2px 8px rgba(0,0,0,0.02); | ||
| 104 | } | ||
| 105 | .intro-section { | ||
| 106 | text-align: center; | ||
| 107 | max-width: 700px; | ||
| 108 | margin: 0 auto 3rem; | ||
| 109 | color: #718096; | ||
| 110 | } | ||
| 111 | .guestbook-area { | ||
| 112 | text-align: center; | ||
| 113 | margin-top: 4rem; | ||
| 114 | padding: 2rem; | ||
| 115 | background: #f8fafc; | ||
| 116 | border-radius: 24px; | ||
| 117 | border: 1px dashed #cbd5e0; | ||
| 118 | } | ||
| 119 | .btn-guestbook { | ||
| 120 | display: inline-block; | ||
| 121 | margin-top: 1rem; | ||
| 122 | padding: 0.8rem 2rem; | ||
| 123 | background: #0f766e; | ||
| 124 | color: #fff !important; | ||
| 125 | text-decoration: none; | ||
| 126 | border-radius: 50px; | ||
| 127 | font-weight: 600; | ||
| 128 | transition: background 0.3s ease; | ||
| 129 | } | ||
| 130 | .btn-guestbook:hover { | ||
| 131 | background: #0d6561; | ||
| 132 | } | ||
| 133 | |||
| 134 | @media (max-width: 768px) { | ||
| 135 | .dashboard-grid { | ||
| 136 | grid-template-columns: 1fr; | ||
| 137 | } | ||
| 138 | } | ||
| 139 | </style> | ||
| 140 | |||
| 141 | <div class="main-container"> | ||
| 142 | <div class="welcome-banner"> | ||
| 143 | <h2>어서오세요, 아저씨와 오빠들. 🌸</h2> | ||
| 144 | <p>서로의 이름을 부르는 것만으로도 마음이 따뜻해지는 곳,<br>여기는 우리들의 쉼터, 장수클럽입니다.</p> | ||
| 145 | </div> | ||
| 146 | |||
| 147 | <div class="quick-links"> | ||
| 148 | <a href="/bin/view/Membership.MemberEntryForm" class="btn-soft">📝 내 정보 등록</a> | ||
| 149 | <a href="/bin/view/Main.Members" class="btn-soft">👥 동문 찾기</a> | ||
| 150 | </div> | ||
| 151 | |||
| 152 | <div class="dashboard-grid"> | ||
| 153 | <div class="dash-card"> | ||
| 154 | <h3>📢 소식과 일정</h3> | ||
| 155 | <div style="margin-bottom: 1.5rem;"> | ||
| 156 | <strong>최근 소식</strong> | ||
| 157 | <div class="news-item"><span class="news-date">05.15</span> <span>정기 월례회 및 식사 모임 진행 중</span></div> | ||
| 158 | <div class="news-item"><span class="news-date">04.27</span> <span>홈페이지 재오픈 및 디자인 개편</span></div> | ||
| 159 | <div class="news-item"><span class="news-date">04.20</span> <span>신규 동문 등록 안내</span></div> | ||
| 160 | </div> | ||
| 161 | <div> | ||
| 162 | <strong>다가오는 일정</strong> | ||
| 163 | <div class="schedule-item">📅 05.22: 상반기 네트워크 강화 소모임 (예정)</div> | ||
| 164 | <div class="schedule-item">📅 06.01: 상반기 결산 보고회</div> | ||
| 165 | </div> | ||
| 166 | <div style="margin-top: 1.5rem; border-top: 1px solid #edf2f7; padding-top: 1rem;"> | ||
| 167 | <strong>📌 빠른 연결</strong><br> | ||
| 168 | <small> | ||
| 169 | <a href="/bin/view/Blog.WebHome" style="color:#4a5568; margin-right:10px;">📝 블로그</a> | ||
| 170 | <a href="/bin/view/Main.Members" style="color:#4a5568; margin-right:10px;">👥 멤버소개</a> | ||
| 171 | <a href="/bin/view/Main.History" style="color:#4a5568; margin-right:10px;">📜 역사</a> | ||
| 172 | <a href="/bin/view/Main.Schedule" style="color:#4a5568;">📅 일정</a> | ||
| 173 | </small> | ||
| 174 | </div> | ||
| 175 | </div> | ||
| 176 | |||
| 177 | <div class="dash-card"> | ||
| 178 | <h3>💬 실시간 화이트보드</h3> | ||
| 179 | <iframe | ||
| 180 | src="https://wbo.jangsuclub.com/boards/jangsuclub-main" | ||
| 181 | style="width:100%; height:320px; border:none; border-radius:12px;" | ||
| 182 | loading="lazy"> | ||
| 183 | </iframe> | ||
| 184 | <div style="text-align:right; margin-top:10px;"> | ||
| 185 | <a href="https://wbo.jangsuclub.com/boards/jangsuclub-main" target="_blank" style="font-size:0.85rem; color:#718096; text-decoration:none;"> | ||
| 186 | 전체 화면으로 보기 ↗ | ||
| 187 | </a> | ||
| 188 | </div> | ||
| 189 | </div> | ||
| 190 | </div> | ||
| 191 | |||
| 192 | <div class="intro-section"> | ||
| 193 | <h3>🌿 우리들의 이야기</h3> | ||
| 194 | <p>처음엔 그저 쉬는 시간마다 함께 공을 차던 친구들이었습니다.<br> | ||
| 195 | 세월이 흘러 우리가 걷는 길은 서로 달라졌지만,<br> | ||
| 196 | 함께 흘린 땀의 기억은 여전히 우리를 하나로 이어줍니다.<br> | ||
| 197 | 이제는 성과나 성공보다, 서로의 안부를 묻고 마음을 나누는<br> | ||
| 198 | 그런 다정한 공동체가 되고 싶습니다.</p> | ||
| 199 | </div> | ||
| 200 | |||
| 201 | <div class="jians-corner"> | ||
| 202 | "오늘 하루, 무거운 짐은 잠시 내려놓으셨나요?<br> | ||
| 203 | 세상이 말하는 정답보다, 아저씨와 오빠들의 마음이 편안한 쪽을 택하셨으면 좋겠어요.<br> | ||
| 204 | 저는 언제나 여기서 여러분을 기다리고 있을게요. 🌸" | ||
| 205 | </div> | ||
| 206 | |||
| 207 | <div class="guestbook-area"> | ||
| 208 | <p style="margin-bottom:1rem; color:#718096;">오가며 생각난 마음들, 작은 흔적들을 남겨주세요.</p> | ||
| 209 | <a href="/bin/view/Board/view?boardId=guestbook" class="btn-guestbook">✍️ 방명록에 마음 남기기</a> | ||
| 210 | </div> | ||
| 211 | </div> | ||
| 212 | {{/html}} |
✨ 실시간 통합 피드 (1인 1글 제한)