Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 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}} |
✨ 실시간 통합 피드 (1인 1글 제한)