Skip to Content
0 Votes

Wiki source code of 장수클럽

Version 10.1 by 지안 이 on 2026/04/27 12:35
Show last authors
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글 제한)