Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | <!DOCTYPE html> | ||
| 2 | <html xmlns="http://www.w3.org/1999/xhtml" lang="ko-KR" xml:lang="ko-KR"> | ||
| 3 | <head> | ||
| 4 | <style> | ||
| 5 | /* XWiki 기본 UI 요소 숨기기 */ | ||
| 6 | .xwiki-last-modified, .xwiki-export, .xwiki-info, .xwiki-edit-buttons, .xwiki-page-meta { | ||
| 7 | display: none !important; | ||
| 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; | ||
| 17 | background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); | ||
| 18 | border-radius: 24px; | ||
| 19 | margin-bottom: 2rem; | ||
| 20 | border: 1px solid #e3ddd5; | ||
| 21 | } | ||
| 22 | .site-intro h1 { | ||
| 23 | font-size: 2.5rem; | ||
| 24 | color: #1f2f36; | ||
| 25 | margin-bottom: 0.5rem; | ||
| 26 | } | ||
| 27 | .site-intro p { | ||
| 28 | font-size: 1.2rem; | ||
| 29 | color: #5f6b72; | ||
| 30 | margin: 0; | ||
| 31 | } | ||
| 32 | /* 퀵 링크 및 CTA 버튼 */ | ||
| 33 | .cta-container { | ||
| 34 | display: flex; | ||
| 35 | gap: 1rem; | ||
| 36 | justify-content: center; | ||
| 37 | margin: 2rem 0; | ||
| 38 | flex-wrap: wrap; | ||
| 39 | } | ||
| 40 | .cta-button { | ||
| 41 | padding: 0.8rem 1.5rem; | ||
| 42 | border-radius: 12px; | ||
| 43 | text-decoration: none; | ||
| 44 | font-weight: 700; | ||
| 45 | transition: all 0.2s; | ||
| 46 | text-align: center; | ||
| 47 | min-width: 160px; | ||
| 48 | } | ||
| 49 | .cta-primary { | ||
| 50 | background: #0f766e; | ||
| 51 | color: white !important; | ||
| 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; | ||
| 66 | gap: 2rem; | ||
| 67 | margin-bottom: 3rem; | ||
| 68 | align-items: stretch; | ||
| 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; | ||
| 87 | padding: 1.5rem; | ||
| 88 | box-shadow: 0 4px 15px rgba(0,0,0,0.05); | ||
| 89 | height: fit-content; | ||
| 90 | } | ||
| 91 | .dashboard-card h3 { | ||
| 92 | margin-top: 0; | ||
| 93 | color: #1f2f36; | ||
| 94 | border-bottom: 2px solid #f0ede9; | ||
| 95 | padding-bottom: 0.5rem; | ||
| 96 | display: flex; | ||
| 97 | align-items: center; | ||
| 98 | gap: 0.5rem; | ||
| 99 | font-size: 1.2rem; | ||
| 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; | ||
| 106 | font-size: 0.95rem; | ||
| 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; | ||
| 120 | font-weight: 600; | ||
| 121 | } | ||
| 122 | .link-item span { | ||
| 123 | color: #8a7b69; | ||
| 124 | font-size: 0.85rem; | ||
| 125 | text-align: right; | ||
| 126 | max-width: 60%; | ||
| 127 | } | ||
| 128 | |||
| 129 | /* WBO 화이트보드 스타일 */ | ||
| 130 | .wbo-container { | ||
| 131 | position: relative; | ||
| 132 | height: 100%; | ||
| 133 | min-height: 600px; | ||
| 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); | ||
| 142 | } | ||
| 143 | .wbo-footer { | ||
| 144 | text-align: right; | ||
| 145 | margin-top: 8px; | ||
| 146 | } | ||
| 147 | .wbo-footer a { | ||
| 148 | font-size: 0.9rem; | ||
| 149 | color: #5f6b72; | ||
| 150 | text-decoration: none; | ||
| 151 | } | ||
| 152 | |||
| 153 | /* 하단 소개 섹션 */ | ||
| 154 | .footer-section { | ||
| 155 | border-top: 1px solid #ebe4da; | ||
| 156 | padding-top: 2rem; | ||
| 157 | margin-top: 2rem; | ||
| 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 | |||
| 177 | @media (max-width: 992px) { | ||
| 178 | .main-layout-container { | ||
| 179 | flex-direction: column; | ||
| 180 | } | ||
| 181 | .wbo-container { | ||
| 182 | min-height: 400px; | ||
| 183 | } | ||
| 184 | } | ||
| 185 | @media (max-width: 640px) { | ||
| 186 | .site-intro h1 { font-size: 1.8rem; } | ||
| 187 | .site-intro p { font-size: 1rem; } | ||
| 188 | } | ||
| 189 | </style> | ||
| 190 | </head> | ||
| 191 | <body> | ||
| 192 | <div class="site-intro"> | ||
| 193 | <h1>🌸 JANGSU CLUB</h1> | ||
| 194 | <p>선덕고 장수클럽 동문들의 소식과 네트워크를 위한 공간</p> | ||
| 195 | </div> | ||
| 196 | |||
| 197 | <div class="cta-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> | ||
| 200 | </div> | ||
| 201 | |||
| 202 | <div class="main-layout-container"> | ||
| 203 | <!-- Left Column: Information --> | ||
| 204 | <div class="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> | ||
| 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> | ||
| 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> | ||
| 237 | </div> | ||
| 238 | </div> | ||
| 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 | 전체 화이트보드 열기 ↗ | ||
| 252 | </a> | ||
| 253 | </div> | ||
| 254 | </div> | ||
| 255 | </div> | ||
| 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> | ||
| 269 | </div> | ||
| 270 | </body> | ||
| 271 | </html> |
✨ 실시간 통합 피드 (1인 1글 제한)