Summary
-
Page properties (2 modified, 0 added, 0 removed)
Details
- Page properties
-
- Title
-
... ... @@ -1,1 +1,0 @@ 1 -장수클럽 - Content
-
... ... @@ -1,123 +1,1 @@ 1 -{{html}} 2 -<style> 3 - @import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700&display=swap'); 4 - 5 - .jc-home { 6 - text-align: center; 7 - font-family: 'Noto Sans KR', sans-serif; 8 - color: #444; 9 - line-height: 1.8; 10 - padding: 0; 11 - margin: -20px; /* Offset wiki default padding if any */ 12 - } 13 - .jc-banner { 14 - background: linear-gradient(rgba(253, 251, 247, 0.9), rgba(253, 251, 247, 0.9)), url('https://www.transparenttextures.com/patterns/paper-fibers.png'); 15 - padding: 100px 20px; 16 - border-bottom: 1px solid #eee; 17 - margin-bottom: 60px; 18 - border-radius: 0 0 60px 60px; 19 - box-shadow: 0 4px 15px rgba(0,0,0,0.02); 20 - } 21 - .jc-banner h1 { 22 - font-family: 'Nanum Myeongjo', serif; 23 - font-size: 4rem; 24 - color: #5d4037; 25 - margin-bottom: 20px; 26 - font-weight: 800; 27 - letter-spacing: -1px; 28 - } 29 - .jc-banner p { 30 - font-family: 'Nanum Myeongjo', serif; 31 - font-size: 1.4rem; 32 - color: #8d6e63; 33 - font-style: italic; 34 - font-weight: 400; 35 - } 36 - .jc-grid { 37 - display: grid; 38 - grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); 39 - gap: 30px; 40 - max-width: 1100px; 41 - margin: 0 auto; 42 - padding: 0 30px 80px 30px; 43 - } 44 - .jc-card { 45 - background: #fff; 46 - border: 1px solid #f0f0f0; 47 - border-radius: 24px; 48 - padding: 50px 30px; 49 - text-decoration: none; 50 - color: inherit; 51 - transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); 52 - box-shadow: 0 10px 30px rgba(0,0,0,0.04); 53 - display: flex; 54 - flex-direction: column; 55 - align-items: center; 56 - justify-content: center; 57 - position: relative; 58 - overflow: hidden; 59 - } 60 - .jc-card:hover { 61 - transform: translateY(-12px); 62 - box-shadow: 0 20px 40px rgba(0,0,0,0.08); 63 - border-color: #d7ccc8; 64 - } 65 - .jc-card .icon { 66 - font-size: 3.5rem; 67 - margin-bottom: 25px; 68 - filter: drop-shadow(0 5px 10px rgba(0,0,0,0.1)); 69 - } 70 - .jc-card h3 { 71 - font-family: 'Nanum Myeongjo', serif; 72 - color: #5d4037; 73 - margin-bottom: 15px; 74 - font-size: 1.8rem; 75 - font-weight: 700; 76 - } 77 - .jc-card p { 78 - font-size: 1.05rem; 79 - color: #777; 80 - margin: 0; 81 - font-weight: 300; 82 - } 83 - .jc-footer { 84 - margin-top: 40px; 85 - padding: 60px 20px; 86 - font-size: 0.95rem; 87 - color: #bbb; 88 - border-top: 1px solid #eee; 89 - background-color: #fafafa; 90 - } 91 - .jc-footer p { 92 - margin: 0; 93 - font-weight: 300; 94 - } 95 -</style> 96 -<div class='jc-home'> 97 - <div class='jc-banner'> 98 - <h1>장수클럽</h1> 99 - <p>함께 걷는 시간, 변치 않는 우정 🌸</p> 100 - </div> 101 - <div class='jc-grid'> 102 - <a href='/bin/view/Main/회원 광장/아카이브' class='jc-card'> 103 - <div class='icon'>📜</div> 104 - <h3>역사관</h3> 105 - <p>수십 년의 세월이 담긴 우리의 기록과 발자취를 돌아봅니다.</p> 106 - </a> 107 - <a href='/bin/view/Main/Members' class='jc-card'> 108 - <div class='icon'>👥</div> 109 - <h3>회원 명부</h3> 110 - <p>그리운 얼굴들, 함께했던 친구들의 소식을 확인하세요.</p> 111 - </a> 112 - <a href='/bin/view/Blog' class='jc-card'> 113 - <div class='icon'>📢</div> 114 - <h3>최근 소식</h3> 115 - <p>클럽의 새로운 일정과 공지사항을 전해드립니다.</p> 116 - </a> 117 - </div> 118 - <div class='jc-footer'> 119 - <p>© Jangsu Club. 모든 순간이 우리의 역사입니다.</p> 120 - </div> 121 -</div> 122 -{{/html}} 123 - 1 += 🌸 JANGSU CLUB =
✨ 실시간 통합 피드 (1인 1글 제한)