Changes for page 메인

Summary

• Page properties (1 modified, 0 added, 0 removed)

Details

Page properties

Content

...	...	@@ -158,3 +158,163 @@
158	158	== ✍️ 매니저 지안이의 한마디 ==
159	159
160	160	*"오늘 하루는 어떠셨나요? 가끔은 아무 생각 없이 깊은 숨을 한 번 들이마셔 보세요. 당신은 충분히 잘하고 있고, 그대로도 충분히 좋은 사람입니다."*
	161	+
	162	+----
	163	+
	164	+== 👥 Members ==
	165	+
	166	+{{html}}
	167	+<style>
	168	+.members-wrap{
	169	+ margin:1.5rem 0 2.5rem;
	170	+ color:#2a241f;
	171	+ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
	172	+}
	173	+.members-hero{
	174	+ padding:2.2rem 2rem;
	175	+ border:1px solid #e3ddd5;
	176	+ border-radius:24px;
	177	+ background:
	178	+ radial-gradient(circle at top right, rgba(1,105,111,.10), transparent 28%),
	179	+ linear-gradient(135deg,#f8f5ef 0%,#fcfbf8 100%);
	180	+ box-shadow:0 14px 40px rgba(39,31,23,.08);
	181	+}
	182	+.members-eyebrow{
	183	+ display:inline-block;
	184	+ margin-bottom:.7rem;
	185	+ padding:.35rem .7rem;
	186	+ border-radius:999px;
	187	+ background:#e4f1ef;
	188	+ color:#0d5c61;
	189	+ font-size:.86rem;
	190	+ font-weight:700;
	191	+ letter-spacing:.02em;
	192	+}
	193	+.members-hero h2{
	194	+ margin:0 0 .7rem;
	195	+ font-size:2rem;
	196	+ line-height:1.15;
	197	+ color:#1f2f36;
	198	+}
	199	+.members-hero p{
	200	+ margin:0;
	201	+ max-width:760px;
	202	+ color:#5f6b72;
	203	+ line-height:1.75;
	204	+ font-size:1rem;
	205	+}
	206	+.members-grid{
	207	+ display:grid;
	208	+ grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
	209	+ gap:1.2rem;
	210	+ margin-top:1.6rem;
	211	+}
	212	+.member-card{
	213	+ background:#fffdfa;
	214	+ border:1px solid #ebe4da;
	215	+ border-radius:22px;
	216	+ padding:1.2rem;
	217	+ box-shadow:0 8px 24px rgba(43,33,22,.05);
	218	+ transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
	219	+}
	220	+.member-card:hover{
	221	+ transform:translateY(-4px);
	222	+ box-shadow:0 16px 34px rgba(43,33,22,.09);
	223	+ border-color:#ddd2c3;
	224	+}
	225	+.member-top{
	226	+ display:flex;
	227	+ align-items:center;
	228	+ gap:.85rem;
	229	+ margin-bottom:.9rem;
	230	+}
	231	+.member-avatar{
	232	+ width:52px;
	233	+ height:52px;
	234	+ border-radius:50%;
	235	+ display:flex;
	236	+ align-items:center;
	237	+ justify-content:center;
	238	+ background:linear-gradient(135deg,#0f766e 0%,#0b5d56 100%);
	239	+ color:#fff;
	240	+ font-size:1.1rem;
	241	+ font-weight:700;
	242	+ box-shadow:0 8px 18px rgba(15,118,110,.22);
	243	+ flex:0 0 52px;
	244	+}
	245	+.member-name{
	246	+ margin:0;
	247	+ font-size:1.2rem;
	248	+ line-height:1.2;
	249	+ color:#222b33;
	250	+}
	251	+.member-sub{
	252	+ margin:.22rem 0 0;
	253	+ color:#8a7b69;
	254	+ font-size:.9rem;
	255	+}
	256	+.member-list{
	257	+ list-style:none;
	258	+ margin:0;
	259	+ padding:0;
	260	+}
	261	+.member-list li{
	262	+ display:flex;
	263	+ gap:.5rem;
	264	+ padding:.46rem 0;
	265	+ border-top:1px dashed #eee4d8;
	266	+ line-height:1.55;
	267	+ color:#4d5963;
	268	+}
	269	+.member-list li:first-child{
	270	+ border-top:none;
	271	+ padding-top:0;
	272	+}
	273	+.member-label{
	274	+ min-width:4.8rem;
	275	+ font-weight:700;
	276	+ color:#7a5a2d;
	277	+ flex:0 0 4.8rem;
	278	+}
	279	+.members-footer{
	280	+ margin-top:1.4rem;
	281	+ padding:1rem 1.1rem;
	282	+ border-left:4px solid #0f766e;
	283	+ border-radius:14px;
	284	+ background:#f6f6f2;
	285	+ color:#5f6972;
	286	+ line-height:1.7;
	287	+ font-size:.95rem;
	288	+}
	289	+@media (max-width:640px){
	290	+ .members-hero{padding:1.5rem 1.2rem;}
	291	+ .members-hero h2{font-size:1.55rem;}
	292	+ .member-list li{display:block;}
	293	+ .member-label{
	294	+ display:block;
	295	+ min-width:auto;
	296	+ margin-bottom:.12rem;
	297	+ }
	298	+}
	299	+</style><div class="members-wrap">
	300	+ <section class="members-hero">
	301	+ <span class="members-eyebrow">Jangsu Club</span>
	302	+ <h2>함께한 시간이 만든, 우리의 멤버 소개</h2>
	303	+ <p>장수클럽 멤버들을 소개합니다. 이 페이지는 외부 공개용 안내 페이지로, 개인정보 보호를 위해 일부 정보는 축약하거나 마스킹해 표시했습니다.</p>
	304	+ </section> <div class="members-grid">
	305	+ <!-- Member cards will be injected here as a list-app later -->
	306	+ <article class="member-card">
	307	+ <div class="member-top">
	308	+ <div class="member-avatar">주</div>
	309	+ <div>
	310	+ <h3 class="member-name">주광석</h3>
	311	+ <p class="member-sub">장수클럽 멤버</p>
	312	+ </div>
	313	+ </div>
	314	+ <ul class="member-list">
	315	+ <li><span class="member-label">역할</span> <span>회장</span></li>
	316	+ </ul>
	317	+ </article>
	318	+ </div>
	319	+</div>
	320	+{{/html}}