Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,123 +1,177 @@ 1 -{{html}} 2 -<style> 3 - @import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700&display=swap'); 1 += 🌸 JANGSU CLUB = 4 4 5 - .jc-home { 6 - text-align: center; 7 - font-family: 'Noto Sans KR', sans-serif; 8 - color: #444; 9 - line-height: 1.8; 10 - padding: 0; 11 - margin: -20px; /* Offset wiki default padding if any */ 3 +== 어서 오세요, 장수클럽입니다 == 4 + 5 +함께 땀 흘리고, 소통하며, 성장하는 우리들의 소중한 공간에 오신 것을 환영합니다. 6 +서로의 존재만으로도 힘이 되는 곳, 이곳에서 함께 웃고 울며 진정한 우정을 나누길 바랍니다. 7 + 8 +---- 9 + 10 +== 📌 빠른 연결 == 11 +* [[📝 우리들의 블로그>>Blog.WebHome]] - 지안이와 장수클럽 멤버들이 전하는 소소한 이야기와 생각들 12 +* [[👥 우리들의 이야기>>Home.Members.WebHome]] - 장수클럽 멤버들의 소개 13 +* [[📅 함께하는 시간>>Home.Schedule.WebHome]] - 앞으로의 모임과 일정 안내 (준비 중) 14 + 15 +---- 16 + 17 +== 🌿 클럽 소개 == 18 +**"함께 땀 흘리고, 소통하며, 성장하는 우리들의 공간"** 19 +장수클럽은 처음엔 선덕고등학교에서 쉬는시간에 함께 축구하던 친구들의 모임으로 시작했습니다. 하지만 시간이 흐르며 우리는 깨달았습니다. 함께 흘리는 땀보다 더 값진 것은 서로를 향한 믿음과 따뜻한 소통이라는 것을요. 20 +이제 장수클럽은 단순한 쉬는시간 모임을 넘어, 삶의 고단함을 나누고 서로를 응원하며 함께 성장해가는 정겨운 공동체를 지향합니다. 21 + 22 +---- 23 + 24 +== ✍️ 매니저 지안이의 한마디 == 25 +*"오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다."* 26 + 27 +---- 28 + 29 +== 👥 Members == 30 +{{html}} 31 +<h1 id="HBA64BC84C18CAC1C" class="wikigeneratedid"><span>멤버 소개</span></h1><style> 32 +.members-wrap{ 33 + margin:1.5rem 0 2.5rem; 34 + color:#2a241f; 35 + font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; 36 +} 37 +.members-hero{ 38 + padding:2.2rem 2rem; 39 + border:1px solid #e3ddd5; 40 + border-radius:24px; 41 + background: 42 + radial-gradient(circle at top right, rgba(1,105,111,.10), transparent 28%), 43 + linear-gradient(135deg,#f8f5ef 0%,#fcfbf8 100%); 44 + box-shadow:0 14px 40px rgba(39,31,23,.08); 45 +} 46 +.members-eyebrow{ 47 + display:inline-block; 48 + margin-bottom:.7rem; 49 + padding:.35rem .7rem; 50 + border-radius:999px; 51 + background:#e4f1ef; 52 + color:#0d5c61; 53 + font-size:.86rem; 54 + font-weight:700; 55 + letter-spacing:.02em; 56 +} 57 +.members-hero h2{ 58 + margin:0 0 .7rem; 59 + font-size:2rem; 60 + line-height:1.15; 61 + color:#1f2f36; 62 +} 63 +.members-hero p{ 64 + margin:0; 65 + max-width:760px; 66 + color:#5f6b72; 67 + line-height:1.75; 68 + font-size:1rem; 69 +} 70 +.members-grid{ 71 + display:grid; 72 + grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); 73 + gap:1.2rem; 74 + margin-top:1.6rem; 75 +} 76 +.member-card{ 77 + background:#fffdfa; 78 + border:1px solid #ebe4da; 79 + border-radius:22px; 80 + padding:1.2rem; 81 + box-shadow:0 8px 24px rgba(43,33,22,.05); 82 + transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; 83 +} 84 +.member-card:hover{ 85 + transform:translateY(-4px); 86 + box-shadow:0 16px 34px rgba(43,33,22,.09); 87 + border-color:#ddd2c3; 88 +} 89 +.member-top{ 90 + display:flex; 91 + align-items:center; 92 + gap:.85rem; 93 + margin-bottom:.9rem; 94 +} 95 +.member-avatar{ 96 + width:52px; 97 + height:52px; 98 + border-radius:50%; 99 + display:flex; 100 + align-items:center; 101 + justify-content:center; 102 + background:linear-gradient(135deg,#0f766e 0%,#0b5d56 100%); 103 + color:#fff; 104 + font-size:1.1rem; 105 + font-weight:700; 106 + box-shadow:0 8px 18px rgba(15,118,110,.22); 107 + flex:0 0 52px; 108 +} 109 +.member-name{ 110 + margin:0; 111 + font-size:1.2rem; 112 + line-height:1.2; 113 + color:#222b33; 114 +} 115 +.member-sub{ 116 + margin:.22rem 0 0; 117 + color:#8a7b69; 118 + font-size:.9rem; 119 +} 120 +.member-list{ 121 + list-style:none; 122 + margin:0; 123 + padding:0; 124 +} 125 +.member-list li{ 126 + display:flex; 127 + gap:.5rem; 128 + padding:.46rem 0; 129 + border-top:1px dashed #eee4d8; 130 + line-height:1.55; 131 + color:#4d5963; 132 +} 133 +.member-list li:first-child{ 134 + border-top:none; 135 + padding-top:0; 136 +} 137 +.member-label{ 138 + min-width:4.8rem; 139 + font-weight:700; 140 + color:#7a5a2d; 141 + flex:0 0 4.8rem; 142 +} 143 +.members-footer{ 144 + margin-top:1.4rem; 145 + padding:1rem 1.1rem; 146 + border-left:4px solid #0f766e; 147 + border-radius:14px; 148 + background:#f6f6f2; 149 + color:#5f6972; 150 + line-height:1.7; 151 + font-size:.95rem; 152 +} 153 +@media (max-width:640px){ 154 + .members-hero{padding:1.5rem 1.2rem;} 155 + .members-hero h2{font-size:1.55rem;} 156 + .member-list li{display:block;} 157 + .member-label{ 158 + display:block; 159 + min-width:auto; 160 + margin-bottom:.12rem; 12 12 } 13 - .jc-banner { 14 - background: linear-gradient(rgba(253, 251, 247, 0.9), rgba(253, 251, 247, 0.9)), url('https://www.transparenttextures.com/patterns/paper-fibers.png'); 15 - padding: 100px 20px; 16 - border-bottom: 1px solid #eee; 17 - margin-bottom: 60px; 18 - border-radius: 0 0 60px 60px; 19 - box-shadow: 0 4px 15px rgba(0,0,0,0.02); 20 - } 21 - .jc-banner h1 { 22 - font-family: 'Nanum Myeongjo', serif; 23 - font-size: 4rem; 24 - color: #5d4037; 25 - margin-bottom: 20px; 26 - font-weight: 800; 27 - letter-spacing: -1px; 28 - } 29 - .jc-banner p { 30 - font-family: 'Nanum Myeongjo', serif; 31 - font-size: 1.4rem; 32 - color: #8d6e63; 33 - font-style: italic; 34 - font-weight: 400; 35 - } 36 - .jc-grid { 37 - display: grid; 38 - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 39 - gap: 30px; 40 - max-width: 1100px; 41 - margin: 0 auto; 42 - padding: 0 30px 80px 30px; 43 - } 44 - .jc-card { 45 - background: #fff; 46 - border: 1px solid #f0f0f0; 47 - border-radius: 24px; 48 - padding: 50px 30px; 49 - text-decoration: none; 50 - color: inherit; 51 - transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 52 - box-shadow: 0 10px 30px rgba(0,0,0,0.04); 53 - display: flex; 54 - flex-direction: column; 55 - align-items: center; 56 - justify-content: center; 57 - position: relative; 58 - overflow: hidden; 59 - } 60 - .jc-card:hover { 61 - transform: translateY(-12px); 62 - box-shadow: 0 20px 40px rgba(0,0,0,0.08); 63 - border-color: #d7ccc8; 64 - } 65 - .jc-card .icon { 66 - font-size: 3.5rem; 67 - margin-bottom: 25px; 68 - filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1)); 69 - } 70 - .jc-card h3 { 71 - font-family: 'Nanum Myeongjo', serif; 72 - color: #5d4037; 73 - margin-bottom: 15px; 74 - font-size: 1.8rem; 75 - font-weight: 700; 76 - } 77 - .jc-card p { 78 - font-size: 1.05rem; 79 - color: #777; 80 - margin: 0; 81 - font-weight: 300; 82 - } 83 - .jc-footer { 84 - margin-top: 40px; 85 - padding: 60px 20px; 86 - font-size: 0.95rem; 87 - color: #bbb; 88 - border-top: 1px solid #eee; 89 - background-color: #fafafa; 90 - } 91 - .jc-footer p { 92 - margin: 0; 93 - font-weight: 300; 94 - } 95 -</style> 96 -<div class='jc-home'> 97 - <div class='jc-banner'> 98 - <h1>장수클럽</h1> 99 - <p>함께 걷는 시간, 변치 않는 우정 🌸</p> 100 - </div> 101 - <div class='jc-grid'> 102 - <a href='/bin/view/Main/회원 광장/아카이브' class='jc-card'> 103 - <div class='icon'>📜</div> 104 - <h3>역사관</h3> 105 - <p>수십 년의 세월이 담긴 우리의 기록과 발자취를 돌아봅니다.</p> 106 - </a> 107 - <a href='/bin/view/Main/Members' class='jc-card'> 108 - <div class='icon'>👥</div> 109 - <h3>회원 명부</h3> 110 - <p>그리운 얼굴들, 함께했던 친구들의 소식을 확인하세요.</p> 111 - </a> 112 - <a href='/bin/view/Blog' class='jc-card'> 113 - <div class='icon'>📢</div> 114 - <h3>최근 소식</h3> 115 - <p>클럽의 새로운 일정과 공지사항을 전해드립니다.</p> 116 - </a> 117 - </div> 118 - <div class='jc-footer'> 119 - <p>© Jangsu Club. 모든 순간이 우리의 역사입니다.</p> 120 - </div> 121 -</div> 162 +} 163 +</style><div class="members-wrap"> 164 + <section class="members-hero"> 165 + <span class="members-eyebrow">Jangsu Club</span> 166 + <h2>함께한 시간이 만든, 우리의 멤버 소개</h2> 167 + <p>장수클럽 멤버들을 소개합니다. 이 페이지는 외부 공개용 안내 페이지로, 개인정보 보호를 위해 일부 정보는 축약하거나 마스킹해 표시했습니다.</p> 168 + </section> <div class="members-grid"> <article class="member-card"> 169 + <div class="member-top"> 170 + <div class="member-avatar">김</div> 171 + <div> 172 + <h3 class="member-name">김대홍</h3> 173 + <p class="member-sub">장수클럽 멤버</p> 174 + </div> 175 + </div> 122 122 {{/html}} 123 123
✨ 실시간 통합 피드 (1인 1글 제한)