Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,5 +3,3 @@ 1 -= 🌸 JANGSU CLUB = 2 - 3 3 {{html}} 4 4 <style> 5 5 /* XWiki 기본 UI 요소 숨기기 - 서비스 사이트 느낌을 위해 */ ... ... @@ -141,6 +141,7 @@ 141 141 ---- 142 142 143 143 == 📌 빠른 연결 == 142 + 144 144 * [[📝 우리들의 블로그>>Blog.WebHome]] - 지안이와 장수클럽 멤버들이 전하는 소소한 이야기와 생각들 145 145 * [[👥 우리들의 이야기>>Home.Members.WebHome]] - 장수클럽 멤버들의 소개 146 146 * [[📜 우리의 발자취>>Home.History]] - 장수클럽의 소중한 역사와 기록들 ... ... @@ -149,171 +149,13 @@ 149 149 ---- 150 150 151 151 == 🌿 클럽 소개 == 151 + 152 152 **"함께 땀 흘리고, 소통하며, 성장하는 우리들의 공간"** 153 -장수클럽은 처음엔 선덕고등학교에서 쉬는시간에 함께 축구하던 친구들의 모임으로 시작했습니다. 하지만 시간이 흐르며 우리는 깨달았습니다. 함께 흘리는 땀보다 더 값진 것은 서로를 향한 믿음과 따뜻한 소통이라는 것을요. 153 +장수클럽은 처음엔 선덕고등학교에서 쉬는시간에 함께 축구하던 친구들의 모임으로 시작했습니다. 하지만 시간이 흐르며 우리는 깨달았습니다. 함께 흘리는 땀보다 더 값진 것은 서로를 향한 믿음과 따뜻한 소통이라는 것을요. 154 154 이제 장수클럽은 단순한 쉬는시간 모임을 넘어, 삶의 고단함을 나누고 서로를 응원하며 함께 성장해가는 정겨운 공동체를 지향합니다. 155 155 156 156 ---- 157 157 158 158 == ✍️ 매니저 지안이의 한마디 == 159 -*"오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다."* 160 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 - 160 +*"오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다."*
✨ 실시간 통합 피드 (1인 1글 제한)