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