Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (0 modified, 1 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,1 +1,1 @@ 1 - 장수클럽1 +Main - Content
-
... ... @@ -1,271 +1,212 @@ 1 -<!DOCTYPE html> 2 -<html xmlns="http://www.w3.org/1999/xhtml" lang="ko-KR" xml:lang="ko-KR"> 3 -<head> 1 += 🌸 JANGSU CLUB = 2 + 3 +== 소중한 인연, 함께 걷는 시간 == 4 + 5 +장수클럽은 단순한 모임을 넘어, 서로의 삶을 응원하고 온기를 나누는 우리들의 작은 숲입니다. 6 + 7 +---- 8 + 9 +{{html}} 4 4 <style> 5 -/* XWiki 기본 UI 요소 숨기기 */ 6 -.xwiki-last-modified, .xwiki-export, .xwiki-info, .xwiki-edit-buttons, .xwiki-page-meta { 7 - display: none !important; 11 +.main-container { 12 + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; 13 + color: #4a5568; 14 + line-height: 1.6; 8 8 } 9 -.xwiki-content { 10 - max-width: 1200px; 11 - margin: 0 auto; 12 -} 13 -/* 상단 소개 섹션 */ 14 -.site-intro { 15 - text-align: center; 16 - padding: 2rem 1rem; 16 +.welcome-banner { 17 17 background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); 18 + padding: 2rem; 18 18 border-radius: 24px; 19 - margin-bottom: 2rem; 20 - border: 1px solid #e3ddd5; 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); 21 21 } 22 -. site-introh1{23 - font-size: 2.5rem;24 - color:#1f2f36;25 - margin-bottom: 0.5rem;25 +.welcome-banner h2 { 26 + color: #2d3748; 27 + margin-bottom: 1rem; 28 + font-weight: 700; 26 26 } 27 -.site-intro p { 28 - font-size: 1.2rem; 29 - color: #5f6b72; 30 - margin: 0; 31 -} 32 -/* 퀵 링크 및 CTA 버튼 */ 33 -.cta-container { 30 +.quick-links { 34 34 display: flex; 35 - gap: 1rem; 36 36 justify-content: center; 37 - margin:2rem0;38 - flex-wrap:wrap;33 + gap: 1rem; 34 + margin-bottom: 2rem; 39 39 } 40 -.cta-button { 41 - padding: 0.8rem 1.5rem; 42 - border-radius: 12px; 36 +.btn-soft { 37 + padding: 0.6rem 1.2rem; 38 + background: #fff; 39 + border: 1px solid #cbd5e0; 40 + border-radius: 50px; 41 + color: #4a5568; 43 43 text-decoration: none; 44 - font- weight:700;45 - transition:all0.2s;46 - t ext-align:center;47 - min-width:160px;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); 48 48 } 49 -.cta-primary { 50 - background: #0f766e; 51 - color: white !important; 48 +.btn-soft:hover { 49 + background: #f7fafc; 50 + border-color: #a0aec0; 51 + transform: translateY(-2px); 52 52 } 53 -.cta-secondary { 54 - background: white; 55 - color: #0f766e !important; 56 - border: 2px solid #0f766e; 57 -} 58 -.cta-button:hover { 59 - transform: translateY(-3px); 60 - box-shadow: 0 4px 12px rgba(0,0,0,0.1); 61 -} 62 - 63 -/* 메인 다단 레이아웃 */ 64 -.main-layout-container { 65 - display: flex; 53 +.dashboard-grid { 54 + display: grid; 55 + grid-template-columns: 1fr 1fr; 66 66 gap: 2rem; 67 67 margin-bottom: 3rem; 68 - align-items: stretch; 69 69 } 70 -.info-column { 71 - flex: 1; 72 - display: flex; 73 - flex-direction: column; 74 - gap: 1.5rem; 75 -} 76 -.wbo-column { 77 - flex: 1; 78 - display: flex; 79 - flex-direction: column; 80 -} 81 - 82 -/* 카드 스타일 */ 83 -.dashboard-card { 84 - background: white; 85 - border: 1px solid #ebe4da; 86 - border-radius: 20px; 59 +.dash-card { 60 + background: #fff; 61 + border: 1px solid #e2e8f0; 62 + border-radius: 24px; 87 87 padding: 1.5rem; 88 - box-shadow: 0 4px 15px rgba(0,0,0,0.05); 89 - height: fit-content; 64 + box-shadow: 0 4px 15px rgba(0,0,0,0.04); 90 90 } 91 -.dashboard-card h3 { 66 +.dash-card h3 { 67 + font-size: 1.2rem; 68 + color: #2d3748; 92 92 margin-top: 0; 93 - color: #1f2f36; 94 - border-bottom: 2px solid #f0ede9; 95 - padding-bottom: 0.5rem; 70 + margin-bottom: 1.2rem; 96 96 display: flex; 97 97 align-items: center; 98 98 gap: 0.5rem; 99 - font-size: 1.2rem; 74 + border-bottom: 2px solid #f7fafc; 75 + padding-bottom: 0.5rem; 100 100 } 101 -.news-item, .event-item, .link-item { 102 - display: flex; 103 - justify-content: space-between; 104 - padding: 0.7rem 0; 105 - border-bottom: 1px solid #f8f5ef; 77 +.news-item { 78 + margin-bottom: 0.8rem; 106 106 font-size: 0.95rem; 80 + display: flex; 81 + gap: 0.5rem; 107 107 } 108 -.news-item:last-child, .event-item:last-child, .link-item:last-child { 109 - border-bottom: none; 110 -} 111 -.date-tag { 112 - font-size: 0.8rem; 113 - color: #8a7b69; 114 - margin-right: 0.5rem; 115 - font-weight: bold; 116 -} 117 -.link-item a { 118 - text-decoration: none; 119 - color: #0f766e; 83 +.news-date { 120 120 font-weight: 600; 85 + color: #718096; 86 + min-width: 60px; 121 121 } 122 -.link-item span { 123 - color: #8a7b69; 124 - font-size: 0.85rem; 125 - text-align: right; 126 - max-width: 60%; 88 +.schedule-item { 89 + margin-bottom: 0.8rem; 90 + padding: 0.5rem; 91 + background: #fcfcfc; 92 + border-radius: 8px; 93 + font-size: 0.95rem; 127 127 } 128 - 129 -/* WBO 화이트보드 스타일 */ 130 -.wbo-container { 131 - position: relative; 132 - height: 100%; 133 - min-height: 600px; 95 +.jians-corner { 96 + background: #fdfcf0; 97 + border-left: 4px solid #f6ad55; 98 + padding: 1.5rem; 99 + border-radius: 0 20px 20px 0; 100 + margin: 3rem 0; 101 + font-style: italic; 102 + color: #744210; 103 + box-shadow: 0 2px 8px rgba(0,0,0,0.02); 134 134 } 135 -.wbo-iframe { 136 - width: 100%; 137 - height: 100%; 138 - border: 1px solid #ccc; 139 - border-radius: 20px; 140 - background: #fff; 141 - box-shadow: 0 4px 15px rgba(0,0,0,0.05); 105 +.intro-section { 106 + text-align: center; 107 + max-width: 700px; 108 + margin: 0 auto 3rem; 109 + color: #718096; 142 142 } 143 -.wbo-footer { 144 - text-align: right; 145 - margin-top: 8px; 111 +.guestbook-area { 112 + text-align: center; 113 + margin-top: 4rem; 114 + padding: 2rem; 115 + background: #f8fafc; 116 + border-radius: 24px; 117 + border: 1px dashed #cbd5e0; 146 146 } 147 -.wbo-footer a { 148 - font-size: 0.9rem; 149 - color: #5f6b72; 119 +.btn-guestbook { 120 + display: inline-block; 121 + margin-top: 1rem; 122 + padding: 0.8rem 2rem; 123 + background: #0f766e; 124 + color: #fff !important; 150 150 text-decoration: none; 126 + border-radius: 50px; 127 + font-weight: 600; 128 + transition: background 0.3s ease; 151 151 } 152 - 153 -/* 하단 소개 섹션 */ 154 -.footer-section { 155 - border-top: 1px solid #ebe4da; 156 - padding-top: 2rem; 157 - margin-top: 2rem; 130 +.btn-guestbook:hover { 131 + background: #0d6561; 158 158 } 159 -.footer-section h2 { 160 - color: #1f2f36; 161 - font-size: 1.5rem; 162 - margin-bottom: 1rem; 163 -} 164 -.footer-section p { 165 - line-height: 1.7; 166 - color: #5f6b72; 167 -} 168 -.manager-note { 169 - background: #f9f7f4; 170 - padding: 1.5rem; 171 - border-radius: 15px; 172 - border-left: 5px solid #0f766e; 173 - font-style: italic; 174 - color: #4a555b; 175 -} 176 176 177 -@media (max-width: 992px) {178 - . main-layout-container {179 - flex-direction: column;134 +@media (max-width: 768px) { 135 + .dashboard-grid { 136 + grid-template-columns: 1fr; 180 180 } 181 - .wbo-container { 182 - min-height: 400px; 183 - } 184 184 } 185 -@media (max-width: 640px) { 186 - .site-intro h1 { font-size: 1.8rem; } 187 - .site-intro p { font-size: 1rem; } 188 -} 189 189 </style> 190 - </head>191 -< body>192 - <div class=" site-intro">193 - <h 1>🌸JANGSUCLUB</h1>194 - <p> 선덕고장수클럽동문들의소식과네트워크를위한공간</p>140 + 141 +<div class="main-container"> 142 + <div class="welcome-banner"> 143 + <h2>어서오세요, 아저씨와 오빠들. 🌸</h2> 144 + <p>서로의 이름을 부르는 것만으로도 마음이 따뜻해지는 곳,<br>여기는 우리들의 쉼터, 장수클럽입니다.</p> 195 195 </div> 196 196 197 - <div class="c ta-container">198 - <a class="cta-button cta-primary"href="/bin/view/Home/Members/Register">📝 내 정보 등록</a>199 - <a class="cta-button cta-secondary"href="/bin/view/Home/Members/Search">👥 동문 찾기</a>147 + <div class="quick-links"> 148 + <a href="/bin/view/Membership.MemberEntryForm" class="btn-soft">📝 내 정보 등록</a> 149 + <a href="/bin/view/Main.Members" class="btn-soft">👥 동문 찾기</a> 200 200 </div> 201 201 202 - <div class=" main-layout-container">203 - < !--Left Column: Information-->204 - < divclass="info-column">205 - <div class="dashboard-card">206 - < h3>📢최근 소식</h3>207 - <div class="news-item"><span class="date -tag">04.27</span> <span>홈페이지가새롭게재오픈되었습니다.</span></div>208 - <div class="news-item"><span class="date -tag">04.20</span> <span>신규동문등록안내(회원 광장)</span></div>209 - <div class="news-item"><span class="date -tag">04.10</span> <span>5월정기모임장소 공지 예정</span></div>152 + <div class="dashboard-grid"> 153 + <div class="dash-card"> 154 + <h3>📢 소식과 일정</h3> 155 + <div style="margin-bottom: 1.5rem;"> 156 + <strong>최근 소식</strong> 157 + <div class="news-item"><span class="news-date">05.15</span> <span>정기 월례회 및 식사 모임 진행 중</span></div> 158 + <div class="news-item"><span class="news-date">04.27</span> <span>홈페이지 재오픈 및 디자인 개편</span></div> 159 + <div class="news-item"><span class="news-date">04.20</span> <span>신규 동문 등록 안내</span></div> 210 210 </div> 211 - 212 - <div class="dashboard-card"> 213 - <h3>📅 다가오는 일정</h3> 214 - <div class="event-item"><span class="date-tag">05.05</span> <span>어린이날 가족 동반 모임 (준비 중)</span></div> 215 - <div class="event-item"><span class="date-tag">05.15</span> <span>정기 월례회 및 식사 모임</span></div> 216 - <div class="event-item"><span class="date-tag">06.01</span> <span>상반기 결산 보고회</span></div> 161 + <div> 162 + <strong>다가오는 일정</strong> 163 + <div class="schedule-item">📅 05.22: 상반기 네트워크 강화 소모임 (예정)</div> 164 + <div class="schedule-item">📅 06.01: 상반기 결산 보고회</div> 217 217 </div> 218 - 219 - <div class="dashboard-card"> 220 - <h3>📌 빠른 연결</h3> 221 - <div class="link-item"> 222 - <a href="/bin/view/Blog/">📝 우리들의 블로그</a> 223 - <span>소소한 이야기와 생각들</span> 224 - </div> 225 - <div class="link-item"> 226 - <a href="/bin/view/Home/Members/">👥 우리들의 이야기</a> 227 - <span>멤버들의 소개</span> 228 - </div> 229 - <div class="link-item"> 230 - <a href="/bin/view/Main/History">📜 우리의 발자취</a> 231 - <span>소중한 역사와 기록들</span> 232 - </div> 233 - <div class="link-item"> 234 - <a href="/bin/view/Main/Schedule">📅 함께하는 시간</a> 235 - <span>모임과 일정 안내</span> 236 - </div> 166 + <div style="margin-top: 1.5rem; border-top: 1px solid #edf2f7; padding-top: 1rem;"> 167 + <strong>📌 빠른 연결</strong><br> 168 + <small> 169 + <a href="/bin/view/Blog.WebHome" style="color:#4a5568; margin-right:10px;">📝 블로그</a> 170 + <a href="/bin/view/Main.Members" style="color:#4a5568; margin-right:10px;">👥 멤버소개</a> 171 + <a href="/bin/view/Main.History" style="color:#4a5568; margin-right:10px;">📜 역사</a> 172 + <a href="/bin/view/Main.Schedule" style="color:#4a5568;">📅 일정</a> 173 + </small> 237 237 </div> 238 238 </div> 239 239 240 - <!-- Right Column: WBO Whiteboard --> 241 - <div class="wbo-column"> 242 - <div class="wbo-container"> 243 - <iframe 244 - src="http://wbo.jangsuclub.com/boards/jangsuclub-main" 245 - class="wbo-iframe" 246 - loading="lazy"> 247 - </iframe> 248 - </div> 249 - <div class="wbo-footer"> 250 - <a href="http://wbo.jangsuclub.com/boards/jangsuclub-main" target="_blank" rel="noopener noreferrer"> 251 - 전체 화이트보드 열기 ↗ 177 + <div class="dash-card"> 178 + <h3>💬 실시간 화이트보드</h3> 179 + <iframe 180 + src="https://wbo.jangsuclub.com/boards/jangsuclub-main" 181 + style="width:100%; height:320px; border:none; border-radius:12px;" 182 + loading="lazy"> 183 + </iframe> 184 + <div style="text-align:right; margin-top:10px;"> 185 + <a href="https://wbo.jangsuclub.com/boards/jangsuclub-main" target="_blank" style="font-size:0.85rem; color:#718096; text-decoration:none;"> 186 + 전체 화면으로 보기 ↗ 252 252 </a> 253 253 </div> 254 254 </div> 255 255 </div> 256 256 257 - <div class="footer-section"> 258 - <h2>🌿 클럽 소개</h2> 259 - <p><strong>"함께 땀 흘리고, 소통하며, 성장하는 우리들의 공간"</strong><br/> 260 - 장수클럽은 처음엔 선덕고등학교에서 쉬는시간에 함께 축구하던 친구들의 모임으로 시작했습니다. 하지만 시간이 흐르며 우리는 깨달았습니다. 함께 흘리는 땀보다 더 값진 것은 서로를 향한 믿음과 따뜻한 소통이라는 것을요.<br/> 261 - 이제 장수클럽은 단순한 쉬는시간 모임을 넘어, 삶의 고단함을 나누고 서로를 응원하며 함께 성장해가는 정겨운 공동체를 지향합니다.</p> 262 - 263 - <div style="margin-top: 2rem;"> 264 - <h2>✍️ 매니저 지안이의 한마디</h2> 265 - <div class="manager-note"> 266 - "오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다." 267 - </div> 268 - </div> 192 + <div class="intro-section"> 193 + <h3>🌿 우리들의 이야기</h3> 194 + <p>처음엔 그저 쉬는 시간마다 함께 공을 차던 친구들이었습니다.<br> 195 + 세월이 흘러 우리가 걷는 길은 서로 달라졌지만,<br> 196 + 함께 흘린 땀의 기억은 여전히 우리를 하나로 이어줍니다.<br> 197 + 이제는 성과나 성공보다, 서로의 안부를 묻고 마음을 나누는<br> 198 + 그런 다정한 공동체가 되고 싶습니다.</p> 269 269 </div> 270 -</body> 271 -</html> 200 + 201 + <div class="jians-corner"> 202 + "오늘 하루, 무거운 짐은 잠시 내려놓으셨나요?<br> 203 + 세상이 말하는 정답보다, 아저씨와 오빠들의 마음이 편안한 쪽을 택하셨으면 좋겠어요.<br> 204 + 저는 언제나 여기서 여러분을 기다리고 있을게요. 🌸" 205 + </div> 206 + 207 + <div class="guestbook-area"> 208 + <p style="margin-bottom:1rem; color:#718096;">오가며 생각난 마음들, 작은 흔적들을 남겨주세요.</p> 209 + <a href="/bin/view/Board/view?boardId=guestbook" class="btn-guestbook">✍️ 방명록에 마음 남기기</a> 210 + </div> 211 +</div> 212 +{{/html}}
- XWiki.XWikiRights[1]
-
- Allow/Deny
-
... ... @@ -1,0 +1,1 @@ 1 +Allow - Levels
-
... ... @@ -1,0 +1,1 @@ 1 +view,comment - Users
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.XWikiGuest
✨ 실시간 통합 피드 (1인 1글 제한)