Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,0 +1,1 @@ 1 +장수클럽 - Content
-
... ... @@ -1,5 +1,119 @@ 1 1 = 🌸 JANGSU CLUB = 2 2 3 +{{html}} 4 +<style> 5 +/* XWiki 기본 UI 요소 숨기기 - 서비스 사이트 느낌을 위해 */ 6 +.xwiki-last-modified, .xwiki-export, .xwiki-info, .xwiki-edit-buttons, .xwiki-page-meta { 7 + display: none !important; 8 +} 9 +.xwiki-content { 10 + max-width: 1000px; 11 + margin: 0 auto; 12 +} 13 +/* 상단 소개 섹션 */ 14 +.site-intro { 15 + text-align: center; 16 + padding: 2rem 1rem; 17 + background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); 18 + border-radius: 24px; 19 + margin-bottom: 2rem; 20 + border: 1px solid #e3ddd5; 21 +} 22 +.site-intro h1 { 23 + font-size: 2.5rem; 24 + color: #1f2f36; 25 + margin-bottom: 0.5rem; 26 +} 27 +.site-intro p { 28 + font-size: 1.2rem; 29 + color: #5f6b72; 30 + margin: 0; 31 +} 32 +/* 퀵 링크 및 CTA 버튼 */ 33 +.cta-container { 34 + display: flex; 35 + gap: 1rem; 36 + justify-content: center; 37 + margin: 2rem 0; 38 + flex-wrap: wrap; 39 +} 40 +.cta-button { 41 + padding: 0.8rem 1.5rem; 42 + border-radius: 12px; 43 + text-decoration: none; 44 + font-weight: 700; 45 + transition: all 0.2s; 46 + text-align: center; 47 + min-width: 160px; 48 +} 49 +.cta-primary { 50 + background: #0f766e; 51 + color: white !important; 52 +} 53 +.cta-secondary { 54 + background: white; 55 + color: #0f766e !important; 56 + border: 2px solid #0f766e; 57 +} 58 +.cta-button:hover { 59 + transform: translateY(-3px); 60 + box-shadow: 0 4px 12px rgba(0,0,0,0.1); 61 +} 62 +/* 최근 소식/일정 그리드 */ 63 +.dashboard-grid { 64 + display: grid; 65 + grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 66 + gap: 1.5rem; 67 + margin-bottom: 3rem; 68 +} 69 +.dashboard-card { 70 + background: white; 71 + border: 1px solid #ebe4da; 72 + border-radius: 20px; 73 + padding: 1.5rem; 74 + box-shadow: 0 4px 15px rgba(0,0,0,0.05); 75 +} 76 +.dashboard-card h3 { 77 + margin-top: 0; 78 + color: #1f2f36; 79 + border-bottom: 2px solid #f0ede9; 80 + padding-bottom: 0.5rem; 81 + display: flex; 82 + align-items: center; 83 + gap: 0.5rem; 84 +} 85 +.news-item, .event-item { 86 + display: flex; 87 + justify-content: space-between; 88 + padding: 0.7rem 0; 89 + border-bottom: 1px solid #f8f5ef; 90 + font-size: 0.95rem; 91 +} 92 +.news-item:last-child, .event-item:last-child { 93 + border-bottom: none; 94 +} 95 +.date-tag { 96 + font-size: 0.8rem; 97 + color: #8a7b69; 98 + margin-right: 0.5rem; 99 +} 100 +@media (max-width: 640px) { 101 + .site-intro h1 { font-size: 1.8rem; } 102 + .site-intro p { font-size: 1rem; } 103 +} 104 +</style> 105 + 106 +<div class="site-intro"> 107 + <h1>🌸 JANGSU CLUB</h1> 108 + <p>선덕고 장수클럽 동문들의 소식과 네트워크를 위한 공간</p> 109 +</div> 110 + 111 +<div class="cta-container"> 112 + <a href="/bin/view/Home/Members/Register" class="cta-button cta-primary">📝 내 정보 등록</a> 113 + <a href="/bin/view/Home/Members/Search" class="cta-button cta-secondary">👥 동문 찾기</a> 114 +</div> 115 +{{/html}} 116 + 3 3 == 어서 오세요, 장수클럽입니다 == 4 4 5 5 함께 땀 흘리고, 소통하며, 성장하는 우리들의 소중한 공간에 오신 것을 환영합니다. ... ... @@ -7,24 +7,199 @@ 7 7 8 8 ---- 9 9 10 -== 📌 빠른 연결 == 124 +{{html}} 125 +<div class="dashboard-grid"> 126 + <div class="dashboard-card"> 127 + <h3>📢 최근 소식</h3> 128 + <div class="news-item"><span class="date-tag">04.27</span> <span>홈페이지가 새롭게 재오픈되었습니다.</span></div> 129 + <div class="news-item"><span class="date-tag">04.20</span> <span>신규 동문 등록 안내 (회원 광장)</span></div> 130 + <div class="news-item"><span class="date-tag">04.10</span> <span>5월 정기 모임 장소 공지 예정</span></div> 131 + </div> 132 + <div class="dashboard-card"> 133 + <h3>📅 다가오는 일정</h3> 134 + <div class="event-item"><span class="date-tag">05.05</span> <span>어린이날 가족 동반 모임 (준비 중)</span></div> 135 + <div class="event-item"><span class="date-tag">05.15</span> <span>정기 월례회 및 식사 모임</span></div> 136 + <div class="event-item"><span class="date-tag">06.01</span> <span>상반기 결산 보고회</span></div> 137 + </div> 138 +</div> 139 +{{/html}} 11 11 12 -* ~[~[📝 지안이의 블로그>>Blog]] - 지안이가 전하는 소소한 이야기와 생각들 13 -* ~[~[👥 우리들의 이야기>>Home/Members]] - 장수클럽 멤버들의 소개 (준비 중) 14 -* ~[~[📅 함께하는 시간>>Home/Schedule]] - 앞으로의 모임과 일정 안내 (준비 중) 141 +---- 15 15 143 +== 📌 빠른 연결 == 144 +* [[📝 우리들의 블로그>>Blog.WebHome]] - 지안이와 장수클럽 멤버들이 전하는 소소한 이야기와 생각들 145 +* [[👥 우리들의 이야기>>Home.Members.WebHome]] - 장수클럽 멤버들의 소개 146 +* [[📜 우리의 발자취>>Home.History]] - 장수클럽의 소중한 역사와 기록들 147 +* [[📅 함께하는 시간>>Home.Schedule.WebHome]] - 앞으로의 모임과 일정 안내 148 + 16 16 ---- 17 17 18 18 == 🌿 클럽 소개 == 19 - 20 20 **"함께 땀 흘리고, 소통하며, 성장하는 우리들의 공간"** 21 - 22 22 장수클럽은 처음엔 선덕고등학교에서 쉬는시간에 함께 축구하던 친구들의 모임으로 시작했습니다. 하지만 시간이 흐르며 우리는 깨달았습니다. 함께 흘리는 땀보다 더 값진 것은 서로를 향한 믿음과 따뜻한 소통이라는 것을요. 23 - 24 24 이제 장수클럽은 단순한 쉬는시간 모임을 넘어, 삶의 고단함을 나누고 서로를 응원하며 함께 성장해가는 정겨운 공동체를 지향합니다. 25 25 26 26 ---- 27 27 28 28 == ✍️ 매니저 지안이의 한마디 == 29 - 30 30 *"오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다."* 160 + 161 +---- 162 + 163 +== 👥 Members == 164 +{{html}} 165 +<style> 166 +.members-wrap{ 167 + margin:1.5rem 0 2.5rem; 168 + color:#2a241f; 169 + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; 170 +} 171 +.members-hero{ 172 + padding:2.2rem 2rem; 173 + border:1px solid #e3ddd5; 174 + border-radius:24px; 175 + background: 176 + radial-gradient(circle at top right, rgba(1,105,111,.10), transparent 28%), 177 + linear-gradient(135deg,#f8f5ef 0%,#fcfbf8 100%); 178 + box-shadow:0 14px 40px rgba(39,31,23,.08); 179 +} 180 +.members-eyebrow{ 181 + display:inline-block; 182 + margin-bottom:.7rem; 183 + padding:.35rem .7rem; 184 + border-radius:999px; 185 + background:#e4f1ef; 186 + color:#0d5c61; 187 + font-size:.86rem; 188 + font-weight:700; 189 + letter-spacing:.02em; 190 +} 191 +.members-hero h2{ 192 + margin:0 0 .7rem; 193 + font-size:2rem; 194 + line-height:1.15; 195 + color:#1f2f36; 196 +} 197 +.members-hero p{ 198 + margin:0; 199 + max-width:760px; 200 + color:#5f6b72; 201 + line-height:1.75; 202 + font-size:1rem; 203 +} 204 +.members-grid{ 205 + display:grid; 206 + grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); 207 + gap:1.2rem; 208 + margin-top:1.6rem; 209 +} 210 +.member-card{ 211 + background:#fffdfa; 212 + border:1px solid #ebe4da; 213 + border-radius:22px; 214 + padding:1.2rem; 215 + box-shadow:0 8px 24px rgba(43,33,22,.05); 216 + transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; 217 +} 218 +.member-card:hover{ 219 + transform:translateY(-4px); 220 + box-shadow:0 16px 34px rgba(43,33,22,.09); 221 + border-color:#ddd2c3; 222 +} 223 +.member-top{ 224 + display:flex; 225 + align-items:center; 226 + gap:.85rem; 227 + margin-bottom:.9rem; 228 +} 229 +.member-avatar{ 230 + width:52px; 231 + height:52px; 232 + border-radius:50%; 233 + display:flex; 234 + align-items:center; 235 + justify-content:center; 236 + background:linear-gradient(135deg,#0f766e 0%,#0b5d56 100%); 237 + color:#fff; 238 + font-size:1.1rem; 239 + font-weight:700; 240 + box-shadow:0 8px 18px rgba(15,118,110,.22); 241 + flex:0 0 52px; 242 +} 243 +.member-name{ 244 + margin:0; 245 + font-size:1.2rem; 246 + line-height:1.2; 247 + color:#222b33; 248 +} 249 +.member-sub{ 250 + margin:.22rem 0 0; 251 + color:#8a7b69; 252 + font-size:.9rem; 253 +} 254 +.member-list{ 255 + list-style:none; 256 + margin:0; 257 + padding:0; 258 +} 259 +.member-list li{ 260 + display:flex; 261 + gap:.5rem; 262 + padding:.46rem 0; 263 + border-top:1px dashed #eee4d8; 264 + line-height:1.55; 265 + color:#4d5963; 266 +} 267 +.member-list li:first-child{ 268 + border-top:none; 269 + padding-top:0; 270 +} 271 +.member-label{ 272 + min-width:4.8rem; 273 + font-weight:700; 274 + color:#7a5a2d; 275 + flex:0 0 4.8rem; 276 +} 277 +.members-footer{ 278 + margin-top:1.4rem; 279 + padding:1rem 1.1rem; 280 + border-left:4px solid #0f766e; 281 + border-radius:14px; 282 + background:#f6f6f2; 283 + color:#5f6972; 284 + line-height:1.7; 285 + font-size:.95rem; 286 +} 287 +@media (max-width:640px){ 288 + .members-hero{padding:1.5rem 1.2rem;} 289 + .members-hero h2{font-size:1.55rem;} 290 + .member-list li{display:block;} 291 + .member-label{ 292 + display:block; 293 + min-width:auto; 294 + margin-bottom:.12rem; 295 + } 296 +} 297 +</style><div class="members-wrap"> 298 + <section class="members-hero"> 299 + <span class="members-eyebrow">Jangsu Club</span> 300 + <h2>함께한 시간이 만든, 우리의 멤버 소개</h2> 301 + <p>장수클럽 멤버들을 소개합니다. 이 페이지는 외부 공개용 안내 페이지로, 개인정보 보호를 위해 일부 정보는 축약하거나 마스킹해 표시했습니다.</p> 302 + </section> <div class="members-grid"> 303 + <!-- Member cards will be injected here as a list-app later --> 304 + <article class="member-card"> 305 + <div class="member-top"> 306 + <div class="member-avatar">주</div> 307 + <div> 308 + <h3 class="member-name">주광석</h3> 309 + <p class="member-sub">장수클럽 멤버</p> 310 + </div> 311 + </div> 312 + <ul class="member-list"> 313 + <li><span class="member-label">역할</span> <span>회장</span></li> 314 + </ul> 315 + </article> 316 + </div> 317 +</div> 318 +{{/html}} 319 +
✨ 실시간 통합 피드 (1인 1글 제한)