Summary
-
Page properties (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,177 +30,123 @@ 1 -= 🌸 JANGSU CLUB = 2 - 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 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; 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'); 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 */ 161 161 } 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> 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> 176 176 {{/html}} 177 177
✨ 실시간 통합 피드 (1인 1글 제한)