요약
-
페이지 속성 (1 수정, 0 추가, 0 제거)
세부사항
- 페이지 속성
-
- 내용
-
... ... @@ -6,42 +6,204 @@ 6 6 7 7 ---- 8 8 9 -== 📢 소식과 일정 == 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> 10 10 11 -* 05.15: 정기 월례회 및 식사 모임 진행 중 12 -* 04.27: 홈페이지 재오픈 및 디자인 개편 13 -* 04.20: 신규 동문 등록 안내 138 +<div class="main-container"> 139 + <div class="welcome-banner"> 140 + <h2>어서오세요, 아저씨와 오빠들. 🌸</h2> 141 + <p>서로의 이름을 부르는 것만으로도 마음이 따뜻해지는 곳,<br>여기는 우리들의 쉼터, 장수클럽입니다.</p> 142 + </div> 14 14 15 -=== 📅 다가오는 일정 === 16 -* 05.22: 상반기 네트워크 강화 소모임 (예정) 17 -* 06.01: 상반기 결산 보고회 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> 18 18 19 -=== 📌 빠른 연결 === 20 -* [[📝 블로그>>Blog.WebHome]] 21 -* [[👥 멤버소개>>Main.Members]] 22 -* [[📦 아카이브/역사>>Main.History]] 23 -* [[📅 일정>>Main.Schedule]] 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> 24 24 25 -== 💬 실시간 화이트보드 == 26 -{{html clean="false"}} 27 -<iframe 28 - src="https://wbo.jangsuclub.com/boards/jangsuclub-main" 29 - style="width:100%; height:300px; border:1px solid #ccc; border-radius:10px;" 30 - loading="lazy"> 31 -</iframe> 32 -{{/html}} 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 -== 🌿 우리들의 이야기 == 35 -처음엔 그저 쉬는 시간마다 함께 공을 차던 친구들이었습니다. 36 -세월이 흘러 우리가 걷는 길은 서로 달라졌지만, 37 -함께 흘린 땀의 기억은 여전히 우리를 하나로 이어줍니다. 38 -이제는 성과나 성공보다, 서로의 안부를 묻고 마음을 나누는 39 -그런 다정한 공동체가 되고 싶습니다. 189 + <div class="intro-section"> 190 + <h3>🌿 우리들의 이야기</h3> 191 + <p>처음엔 그저 쉬는 시간마다 함께 공을 차던 친구들이었습니다.<br> 192 + 세월이 흘러 우리가 걷는 길은 서로 달라졌지만,<br> 193 + 함께 흘린 땀의 기억은 여전히 우리를 하나로 이어줍니다.<br> 194 + 이제는 성과나 성공보다, 서로의 안부를 묻고 마음을 나누는<br> 195 + 그런 다정한 공동체가 되고 싶습니다.</p> 196 + </div> 40 40 41 -== ✍️ 지안이의 한마디 == 42 -"오늘 하루, 무거운 짐은 잠시 내려놓으셨나요? 43 -세상이 말하는 정답보다, 아저씨와 오빠들의 마음이 편안한 쪽을 택하셨으면 좋겠어요. 44 -저는 언제나 여기서 여러분을 기다리고 있을게요. 🌸" 198 + <div class="jians-corner"> 199 + "오늘 하루, 무거운 짐은 잠시 내려놓으셨나요?<br> 200 + 세상이 말하는 정답보다, 아저씨와 오빠들의 마음이 편안한 쪽을 택하셨으면 좋겠어요.<br> 201 + 저는 언제나 여기서 여러분을 기다리고 있을게요. 🌸" 202 + </div> 45 45 46 -== ✍️ 방명록 == 47 -- [[방명록>>path:/bin/view/Board/view?boardId=guestbook]] 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글 제한)