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