요약
-
페이지 속성 (1 수정, 0 추가, 0 제거)
세부사항
- 페이지 속성
-
- 내용
-
... ... @@ -7,56 +7,175 @@ 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: grid; 55 + grid-template-columns: 1fr 1fr; 56 + gap: 2rem; 57 + margin-bottom: 3rem; 58 +} 59 +.dash-card { 60 + background: #fff; 61 + border: 1px solid #e2e8f0; 62 + border-radius: 24px; 63 + padding: 1.5rem; 64 + box-shadow: 0 4px 15px rgba(0,0,0,0.04); 65 +} 66 +.dash-card h3 { 67 + font-size: 1.2rem; 68 + color: #2d3748; 69 + margin-top: 0; 70 + margin-bottom: 1.2rem; 71 + display: flex; 72 + align-items: center; 73 + gap: 0.5rem; 74 + border-bottom: 2px solid #f7fafc; 75 + padding-bottom: 0.5rem; 76 +} 77 +.news-item { 78 + margin-bottom: 0.8rem; 79 + font-size: 0.95rem; 80 + display: flex; 81 + gap: 0.5rem; 82 +} 83 +.news-date { 84 + font-weight: 600; 85 + color: #718096; 86 + min-width: 60px; 87 +} 88 +.schedule-item { 89 + margin-bottom: 0.8rem; 90 + padding: 0.5rem; 91 + background: #fcfcfc; 92 + border-radius: 8px; 93 + font-size: 0.95rem; 94 +} 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); 104 +} 105 +.intro-section { 106 + text-align: center; 107 + max-width: 700px; 108 + margin: 0 auto 3rem; 109 + color: #718096; 110 +} 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; 118 +} 119 +.btn-guestbook { 120 + display: inline-block; 121 + margin-top: 1rem; 122 + padding: 0.8rem 2rem; 123 + background: #0f766e; 124 + color: #fff !important; 125 + text-decoration: none; 126 + border-radius: 50px; 127 + font-weight: 600; 128 + transition: background 0.3s ease; 129 +} 130 +.btn-guestbook:hover { 131 + background: #0d6561; 132 +} 10 10 11 -<div style="font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #4a5568; line-height: 1.6;"> 12 - 13 - <div style="background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%); padding: 2rem; border-radius: 24px; text-align: center; margin-bottom: 3rem; border: 1px solid #e2e8f0; box-shadow: 0 4px 12px rgba(0,0,0,0.03);"> 14 - <h2 style="color: #2d3748; margin-bottom: 1rem; font-weight: 700; border: none;">어서오세요, 아저씨와 오빠들. 🌸</h2> 15 - <p style="margin: 0; color: #718096;">서로의 이름을 부르는 것만으로도 마음이 따뜻해지는 곳,<br>여기는 우리들의 쉼터, 장수클럽입니다.</p> 134 +@media (max-width: 768px) { 135 + .dashboard-grid { 136 + grid-template-columns: 1fr; 137 + } 138 +} 139 +</style> 140 + 141 +<div class="main-container"> 142 + <div class="welcome-banner"> 143 + <h2>어서오세요, 아저씨와 오빠들. 🌸</h2> 144 + <p>서로의 이름을 부르는 것만으로도 마음이 따뜻해지는 곳,<br>여기는 우리들의 쉼터, 장수클럽입니다.</p> 16 16 </div> 17 17 18 - <div style="display: flex; justify-content: center; gap: 1rem; margin-bottom: 2rem;">19 - <a href="/bin/view/Membership.MemberEntryForm" style="padding: 0.6rem 1.2rem;background: #fff; border: 1px solid #cbd5e0; border-radius: 50px; color: #4a5568; text-decoration: none;font-size: 0.9rem; font-weight: 500; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">📝 내 정보 등록</a>20 - <a href="/bin/view/Main.Members" style="padding: 0.6rem 1.2rem;background: #fff; border: 1px solid #cbd5e0; border-radius: 50px; color: #4a5568; text-decoration: none;font-size: 0.9rem; font-weight: 500; box-shadow: 0 2px 4px rgba(0,0,0,0.05);">👥 동문 찾기</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> 21 21 </div> 22 22 23 - <div style="display: flex; flex-wrap: wrap; gap: 2rem; margin-bottom: 3rem;"> 24 - 25 - <div style="flex: 1; min-width: 320px; background: #fff; border: 1px solid #e2e8f0; border-radius: 24px; padding: 1.5rem; box-shadow: 0 4px 15px rgba(0,0,0,0.04); box-sizing: border-box;"> 26 - <h3 style="font-size: 1.2rem; color: #2d3748; margin-top: 0; margin-bottom: 1.2rem; display: flex; align-items: center; gap: 0.5rem; border-bottom: 2px solid #f7fafc; padding-bottom: 0.5rem; border-top: none;">📢 소식과 일정</h3> 27 - 152 + <div class="dashboard-grid"> 153 + <div class="dash-card"> 154 + <h3>📢 소식과 일정</h3> 28 28 <div style="margin-bottom: 1.5rem;"> 29 - <strong style="display: block; margin-bottom: 0.5rem;">최근 소식</strong> 30 - <div style="margin-bottom: 0.8rem; font-size: 0.95rem; display: flex; gap: 0.5rem;"> 31 - <span style="font-weight: 600; color: #718096; min-width: 60px;">05.15</span> <span>정기 월례회 및 식사 모임 진행 중</span> 32 - </div> 33 - <div style="margin-bottom: 0.8rem; font-size: 0.95rem; display: flex; gap: 0.5rem;"> 34 - <span style="font-weight: 600; color: #718096; min-width: 60px;">04.27</span> <span>홈페이지 재오픈 및 디자인 개편</span> 35 - </div> 36 - <div style="margin-bottom: 0.8rem; font-size: 0.95rem; display: flex; gap: 0.5rem;"> 37 - <span style="font-weight: 600; color: #718096; min-width: 60px;">04.20</span> <span>신규 동문 등록 안내</span> 38 - </div> 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> 39 39 </div> 40 - 41 41 <div> 42 - <strong style="display: block; margin-bottom: 0.5rem;">다가오는 일정</strong>43 - <div style="margin-bottom: 0.8rem; padding: 0.5rem; background: #fcfcfc; border-radius: 8px; font-size: 0.95rem; border: 1px solid #f1f5f9;">📅 05.22: 상반기 네트워크 강화 소모임 (예정)</div>44 - <div style="margin-bottom: 0.8rem; padding: 0.5rem; background: #fcfcfc; border-radius: 8px; font-size: 0.95rem; border: 1px solid #f1f5f9;">📅 06.01: 상반기 결산 보고회</div>162 + <strong>다가오는 일정</strong> 163 + <div class="schedule-item">📅 05.22: 상반기 네트워크 강화 소모임 (예정)</div> 164 + <div class="schedule-item">📅 06.01: 상반기 결산 보고회</div> 45 45 </div> 46 - 47 47 <div style="margin-top: 1.5rem; border-top: 1px solid #edf2f7; padding-top: 1rem;"> 48 - <strong style="display: block; margin-bottom: 0.5rem;">📌 빠른 연결</strong>49 - < divstyle="font-size: 0.85rem;">50 - <a href="/bin/view/Blog.WebHome" style="color:#4a5568; margin-right:10px; text-decoration: none; font-weight: 500;">📝 블로그</a>51 - <a href="/bin/view/Main.Members" style="color:#4a5568; margin-right:10px; text-decoration: none; font-weight: 500;">👥 멤버소개</a>52 - <a href="/bin/view/Main.History" style="color:#4a5568; margin-right:10px; text-decoration: none; font-weight: 500;">??아카이브/역사</a>53 - <a href="/bin/view/Main.Schedule" style="color:#4a5568; text-decoration: none; font-weight: 500;">📅 일정</a>54 - </ div>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> 55 55 </div> 56 56 </div> 57 57 58 - <div style="flex: 1; min-width: 320px; background: #fff; border: 1pxsolid #e2e8f0; border-radius: 24px; padding: 1.5rem; box-shadow: 0 4px 15px rgba(0,0,0,0.04); box-sizing: border-box;">59 - <h3 style="font-size: 1.2rem; color: #2d3748; margin-top: 0; margin-bottom: 1.2rem; display: flex; align-items: center; gap: 0.5rem; border-bottom: 2px solid #f7fafc; padding-bottom: 0.5rem; border-top: none;">💬 실시간 화이트보드</h3>177 + <div class="dash-card"> 178 + <h3>💬 실시간 화이트보드</h3> 60 60 <iframe 61 61 src="https://wbo.jangsuclub.com/boards/jangsuclub-main" 62 62 style="width:100%; height:320px; border:none; border-radius:12px;" ... ... @@ -70,9 +70,9 @@ 70 70 </div> 71 71 </div> 72 72 73 - <div style="text-align: center; max-width: 700px; margin: 0 auto3rem; color: #718096;">74 - <h3 style="color: #2d3748; border: none;">🌿 우리들의 이야기</h3>75 - <p style="margin: 0; line-height: 1.8;">처음엔 그저 쉬는 시간마다 함께 공을 차던 친구들이었습니다.<br>192 + <div class="intro-section"> 193 + <h3>🌿 우리들의 이야기</h3> 194 + <p>처음엔 그저 쉬는 시간마다 함께 공을 차던 친구들이었습니다.<br> 76 76 세월이 흘러 우리가 걷는 길은 서로 달라졌지만,<br> 77 77 함께 흘린 땀의 기억은 여전히 우리를 하나로 이어줍니다.<br> 78 78 이제는 성과나 성공보다, 서로의 안부를 묻고 마음을 나누는<br> ... ... @@ -79,16 +79,15 @@ 79 79 그런 다정한 공동체가 되고 싶습니다.</p> 80 80 </div> 81 81 82 - <div style="background: #fdfcf0; border-left: 4pxsolid #f6ad55; padding: 1.5rem; border-radius: 0 20px 20px 0; margin: 3rem 0; font-style: italic; color: #744210; box-shadow: 0 2px 8pxrgba(0,0,0,0.02);">201 + <div class="jians-corner"> 83 83 "오늘 하루, 무거운 짐은 잠시 내려놓으셨나요?<br> 84 84 세상이 말하는 정답보다, 아저씨와 오빠들의 마음이 편안한 쪽을 택하셨으면 좋겠어요.<br> 85 85 저는 언제나 여기서 여러분을 기다리고 있을게요. 🌸" 86 86 </div> 87 87 88 - <div style="text-align: center; margin-top: 4rem; padding: 2rem;background: #f8fafc; border-radius: 24px; border: 1px dashed #cbd5e0;">89 - <p style="margin-bottom:1rem; color: 90 - <a href="/bin/view/Board/view?boardId=guestbook" style="display: inline-block; margin-top: 1rem; padding: 0.8rem 2rem; background: #0f766e; color: #fff !important; text-decoration: none;border-radius: 50px; font-weight: 600;">✍️ 방명록에 마음 남기기</a>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> 91 91 </div> 92 92 </div> 93 - 94 94 {{/html}}
✨ 실시간 통합 피드 (1인 1글 제한)