Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,1 +1,1 @@ 1 - 🌸 JANGSU CLUB1 +Main - Content
-
... ... @@ -1,38 +1,209 @@ 1 1 = 🌸 JANGSU CLUB = 2 2 3 -== 어서오세요,장수클럽입니다==3 +== 소중한 인연, 함께 걷는 시간 == 4 4 5 -함께 땀 흘리고, 소통하며, 성장하는 우리들의 소중한 공간에 오신 것을 환영합니다. 6 -서로의 존재만으로도 힘이 되는 곳, 이곳에서 함께 웃고 울며 진정한 우정을 나누길 바랍니다. 5 +장수클럽은 단순한 모임을 넘어, 서로의 삶을 응원하고 온기를 나누는 우리들의 작은 숲입니다. 7 7 8 8 ---- 9 9 10 -== 📌 빠른 연결 == 11 -* [[📝 우리들의 블로그>>Blog.WebHome]] - 지안이와 장수클럽 멤버들이 전하는 소소한 이야기와 생각들 12 -* [[👥 우리들의 이야기>>Home.Members.WebHome]] - 장수클럽 멤버들의 소개 13 -* [[📅 함께하는 시간>>Home.Schedule.WebHome]] - 앞으로의 모임과 일정 안내 (준비 중) 9 +{{html}} 10 +<style> 11 +.main-container { 12 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 13 + color: #4a5568; 14 + line-height: 1.6; 15 +} 16 +.welcome-banner { 17 + background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); 18 + padding: 2rem; 19 + border-radius: 24px; 20 + text-align: center; 21 + margin-bottom: 3rem; 22 + border: 1px solid #e2e8f0; 23 + box-shadow: 0 4px 12px rgba(0,0,0,0.03); 24 +} 25 +.welcome-banner h2 { 26 + color: #2d3748; 27 + margin-bottom: 1rem; 28 + font-weight: 700; 29 +} 30 +.quick-links { 31 + display: flex; 32 + justify-content: center; 33 + gap: 1rem; 34 + margin-bottom: 2rem; 35 +} 36 +.btn-soft { 37 + padding: 0.6rem 1.2rem; 38 + background: #fff; 39 + border: 1px solid #cbd5e0; 40 + border-radius: 50px; 41 + color: #4a5568; 42 + text-decoration: none; 43 + font-size: 0.9rem; 44 + font-weight: 500; 45 + transition: all 0.2s ease; 46 + box-shadow: 0 2px 4px rgba(0,0,0,0.05); 47 +} 48 +.btn-soft:hover { 49 + background: #f7fafc; 50 + border-color: #a0aec0; 51 + transform: translateY(-2px); 52 +} 53 +.dashboard-grid { 54 + display: flex; 55 + flex-wrap: wrap; 56 + gap: 2rem; 57 + margin-bottom: 3rem; 58 +} 59 +.dash-card { 60 + flex: 1; 61 + min-width: 320px; 62 + background: #fff; 63 + border: 1px solid #e2e8f0; 64 + border-radius: 24px; 65 + padding: 1.5rem; 66 + box-shadow: 0 4px 15px rgba(0,0,0,0.04); 67 + box-sizing: border-box; 68 +} 69 +.dash-card h3 { 70 + font-size: 1.2rem; 71 + color: #2d3748; 72 + margin-top: 0; 73 + margin-bottom: 1.2rem; 74 + display: flex; 75 + align-items: center; 76 + gap: 0.5rem; 77 + border-bottom: 2px solid #f7fafc; 78 + padding-bottom: 0.5rem; 79 +} 80 +.news-item { 81 + margin-bottom: 0.8rem; 82 + font-size: 0.95rem; 83 + display: flex; 84 + gap: 0.5rem; 85 +} 86 +.news-date { 87 + font-weight: 600; 88 + color: #718096; 89 + min-width: 60px; 90 +} 91 +.schedule-item { 92 + margin-bottom: 0.8rem; 93 + padding: 0.5rem; 94 + background: #fcfcfc; 95 + border-radius: 8px; 96 + font-size: 0.95rem; 97 +} 98 +.jians-corner { 99 + background: #fdfcf0; 100 + border-left: 4px solid #f6ad55; 101 + padding: 1.5rem; 102 + border-radius: 0 20px 20px 0; 103 + margin: 3rem 0; 104 + font-style: italic; 105 + color: #744210; 106 + box-shadow: 0 2px 8px rgba(0,0,0,0.02); 107 +} 108 +.intro-section { 109 + text-align: center; 110 + max-width: 700px; 111 + margin: 0 auto 3rem; 112 + color: #718096; 113 +} 114 +.guestbook-area { 115 + text-align: center; 116 + margin-top: 4rem; 117 + padding: 2rem; 118 + background: #f8fafc; 119 + border-radius: 24px; 120 + border: 1px dashed #cbd5e0; 121 +} 122 +.btn-guestbook { 123 + display: inline-block; 124 + margin-top: 1rem; 125 + padding: 0.8rem 2rem; 126 + background: #0f766e; 127 + color: #fff !important; 128 + text-decoration: none; 129 + border-radius: 50px; 130 + font-weight: 600; 131 + transition: background 0.3s ease; 132 +} 133 +.btn-guestbook:hover { 134 + background: #0d6561; 135 +} 136 +</style> 14 14 15 ----- 138 +<div class="main-container"> 139 + <div class="welcome-banner"> 140 + <h2>어서오세요, 아저씨와 오빠들. 🌸</h2> 141 + <p>서로의 이름을 부르는 것만으로도 마음이 따뜻해지는 곳,<br>여기는 우리들의 쉼터, 장수클럽입니다.</p> 142 + </div> 16 16 17 -== 🖼️ WBO 화이트보드 == 18 -{{html}} 19 -<div style="width: 100%; height: 600px; border: 1px solid #ddd; border-radius: 20px; overflow: hidden; box-shadow: 0 4px 15px rgba(0,0,0,0.1);"> 20 - <iframe src="http://wbo.jangsuclub.com/boards/jangsuclub-main" style="width: 100%; height: 100%; border: none;" loading="lazy"></iframe> 21 -</div> 22 -<p style="text-align: right; margin-top: 10px;"> 23 - <a href="http://wbo.jangsuclub.com/boards/jangsuclub-main" target="_blank" rel="noopener noreferrer" style="color: #5f6b72; text-decoration: none; font-size: 0.9rem;">전체 화이트보드 열기 ↗</a> 24 -</p> 25 -{{/html}} 144 + <div class="quick-links"> 145 + <a href="/bin/view/Membership.MemberEntryForm" class="btn-soft">📝 내 정보 등록</a> 146 + <a href="/bin/view/Main.Members" class="btn-soft">👥 동문 찾기</a> 147 + </div> 26 26 27 ----- 149 + <div class="dashboard-grid"> 150 + <div class="dash-card"> 151 + <h3>📢 소식과 일정</h3> 152 + <div style="margin-bottom: 1.5rem;"> 153 + <strong>최근 소식</strong> 154 + <div class="news-item"><span class="news-date">05.15</span> <span>정기 월례회 및 식사 모임 진행 중</span></div> 155 + <div class="news-item"><span class="news-date">04.27</span> <span>홈페이지 재오픈 및 디자인 개편</span></div> 156 + <div class="news-item"><span class="news-date">04.20</span> <span>신규 동문 등록 안내</span></div> 157 + </div> 158 + <div> 159 + <strong>다가오는 일정</strong> 160 + <div class="schedule-item">📅 05.22: 상반기 네트워크 강화 소모임 (예정)</div> 161 + <div class="schedule-item">📅 06.01: 상반기 결산 보고회</div> 162 + </div> 163 + <div style="margin-top: 1.5rem; border-top: 1px solid #edf2f7; padding-top: 1rem;"> 164 + <strong>📌 빠른 연결</strong><br> 165 + <small> 166 + <a href="/bin/view/Blog.WebHome" style="color:#4a5568; margin-right:10px;">📝 블로그</a> 167 + <a href="/bin/view/Main.Members" style="color:#4a5568; margin-right:10px;">👥 멤버소개</a> 168 + <a href="/bin/view/Main.History" style="color:#4a5568; margin-right:10px;">📦 아카이브/역사</a> 169 + <a href="/bin/view/Main.Schedule" style="color:#4a5568;">📅 일정</a> 170 + </small> 171 + </div> 172 + </div> 28 28 29 -== 🌿 클럽 소개 == 30 -**"함께 땀 흘리고, 소통하며, 성장하는 우리들의 공간"** 31 -장수클럽은 처음엔 선덕고등학교에서 쉬는시간에 함께 축구하던 친구들의 모임으로 시작했습니다. 하지만 시간이 흐르며 우리는 깨달았습니다. 함께 흘리는 땀보다 더 값진 것은 서로를 향한 믿음과 따뜻한 소통이라는 것을요. 32 -이제 장수클럽은 단순한 쉬는시간 모임을 넘어, 삶의 고단함을 나누고 서로를 응원하며 함께 성장해가는 정겨운 공동체를 지향합니다. 174 + <div class="dash-card"> 175 + <h3>💬 실시간 화이트보드</h3> 176 + <iframe 177 + src="https://wbo.jangsuclub.com/boards/jangsuclub-main" 178 + style="width:100%; height:320px; border:none; border-radius:12px;" 179 + loading="lazy"> 180 + </iframe> 181 + <div style="text-align:right; margin-top:10px;"> 182 + <a href="https://wbo.jangsuclub.com/boards/jangsuclub-main" target="_blank" style="font-size:0.85rem; color:#718096; text-decoration:none;"> 183 + 전체 화면으로 보기 ↗ 184 + </a> 185 + </div> 186 + </div> 187 + </div> 33 33 34 ----- 189 + <div class="intro-section"> 190 + <h3>🌿 우리들의 이야기</h3> 191 + <p>처음엔 그저 쉬는 시간마다 함께 공을 차던 친구들이었습니다.<br> 192 + 세월이 흘러 우리가 걷는 길은 서로 달라졌지만,<br> 193 + 함께 흘린 땀의 기억은 여전히 우리를 하나로 이어줍니다.<br> 194 + 이제는 성과나 성공보다, 서로의 안부를 묻고 마음을 나누는<br> 195 + 그런 다정한 공동체가 되고 싶습니다.</p> 196 + </div> 35 35 36 -== ✍️ 매니저 지안이의 한마디 == 37 -*"오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다."* 198 + <div class="jians-corner"> 199 + "오늘 하루, 무거운 짐은 잠시 내려놓으셨나요?<br> 200 + 세상이 말하는 정답보다, 아저씨와 오빠들의 마음이 편안한 쪽을 택하셨으면 좋겠어요.<br> 201 + 저는 언제나 여기서 여러분을 기다리고 있을게요. 🌸" 202 + </div> 38 38 204 + <div class="guestbook-area"> 205 + <p style="margin-bottom:1rem; color:#718096;">오가며 생각난 마음들, 작은 흔적들을 남겨주세요.</p> 206 + <a href="/bin/view/Board/view?boardId=guestbook" class="btn-guestbook">✍️ 방명록에 마음 남기기</a> 207 + </div> 208 +</div> 209 +{{/html}}
✨ 실시간 통합 피드 (1인 1글 제한)