|
|
| (같은 사용자의 중간 판 18개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| =세계 속의 한인 역사와 숨은 맛집을 찾아서= | | =세계 속의 코리아타운의 이야기와 숨은 맛집을 찾아서= |
| ====전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 모든 아카이브 위키입니다==== | | ====전 세계 한인들의 이민 역사를 기록하고 현지 한인 사회를 탐방하면서 맛집을 찾아가는 위키입니다==== |
|
| |
|
| | [[파일: I_Love_K-Town.jpg | 300 픽셀]] |
|
| |
|
| <!-- [전체 레이아웃 컨테이너] 좌우 양옆 광고 영역을 위한 3열 그리드 (좌광고 - 본문 - 우광고) -->
| | ==[[코리아타운 스토리]]== |
| <div style="display: grid; grid-template-columns: minmax(120px, 160px) 1fr minmax(120px, 160px); gap: 15px; width: 100%; box-sizing: border-box;">
| | ==[[코리아타운 디지털 아카이브]]== |
| | | ==[[코리아타운 인물백과사전]]== |
| <!-- [좌측 광고 영역] -->
| | ==[[코리아타운 맛집을 찾아서]]== |
| <div style="text-align: center; background: #fafafa; border: 1px dashed #d1d1d1; padding: 10px; min-height: 600px;">
| |
| <div style="font-size: 11px; color: #999; margin-bottom: 5px;">ADVERTISEMENT</div>
| |
| <!-- ⚠️ 여기에 구글 애드센스 좌측 스크립트 코드를 붙여넣으세요 -->
| |
| <div style="color: #ccc; padding-top: 100px;">구글 애드센스<br>좌측 세로형 광고</div>
| |
| </div>
| |
| | |
| <!-- [중앙 본문 영역] -->
| |
| <div style="display: flex; flex-direction: column; gap: 20px; width: 100%;">
| |
| | |
| <!-- [상단 광고 영역] -->
| |
| <div style="text-align: center; background: #fafafa; border: 1px dashed #d1d1d1; padding: 10px; width: 100%; box-sizing: border-box;">
| |
| <div style="font-size: 11px; color: #999; margin-bottom: 5px;">ADVERTISEMENT</div>
| |
| <!-- ⚠️ 여기에 구글 애드센스 상단 가로형 스크립트 코드를 붙여넣으세요 -->
| |
| <div style="color: #ccc; padding: 20px 0;">구글 애드센스 상단 가로형 광고</div>
| |
| </div>
| |
| | |
| <!-- 타이틀 영역 -->
| |
| <div style="text-align: center; border: 1px solid #c8ccd1; background-color: #ffffff; padding: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
| |
| <h2 style="margin: 0 0 10px 0; border: none; font-size: 1.8em; color: #202122;">세계 속의 한인 역사와 숨은 맛집을 찾아서</h2>
| |
| <p style="margin: 0; color: #54591d;">전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 모든 아카이브 위키입니다.</p>
| |
| </div>
| |
| | |
| <!-- 1. 지도(좌) 및 아카이브(우) 가로 배치 영역 -->
| |
| <!-- 테이블 문법을 활용하여 본문 내부 너비에 상관없이 무조건 가로로 강제 결합합니다 -->
| |
| <table style="width: 100%; border-collapse: separate; border-spacing: 15px 0px; margin: 0 -15px; background: transparent;">
| |
| <tr>
| |
| <!-- (좌) 세계지도 박스 -->
| |
| <td style="width: 60%; vertical-align: top; padding: 0; background: #ffffff;">
| |
| <div style="padding: 10px 0;">
| |
| [[파일: World Map.jpg | 800 픽셀]]
| |
|
| |
| </div>
| |
| </td>
| |
|
| |
| <!-- (우) 대륙별 코리아타운 디지털 아카이브 박스 -->
| |
| <td style="width: 40%; vertical-align: top; padding: 0; background: #ffffff;">
| |
| <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; box-shadow: 0 1px 3px rgba(0,0,0,0.05); height: 100%; box-sizing: border-box;">
| |
| <div style="background: #eaf3ff; border-bottom: 1px solid #a2c9ff; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #0b2545;">
| |
| 📂 대륙별 코리아타운 디지털 아카이브
| |
| </div>
| |
| <ul style="list-style-type: none; padding-left: 5px; margin: 15px 0 0 0; line-height: 2.8; font-size: 1.1em;">
| |
| <li style="border-bottom: 1px dashed #eed;">📌 [[아시아 코리아타운|아시아 (Asia)]]</li>
| |
| <li style="border-bottom: 1px dashed #eed;">📌 [[북아메리카 코리아타운|북아메리카 (North America)]]</li>
| |
| <li style="border-bottom: 1px dashed #eed;">📌 [[남아메리카 코리아타운|남아메리카 (South America)]]</li>
| |
| <li style="border-bottom: 1px dashed #eed;">📌 [[유럽 코리아타운|유럽 (Europe)]]</li>
| |
| <li style="border-bottom: 1px dashed #eed;">📌 [[아프리카 코리아타운|아프리카 (Africa)]]</li>
| |
| <li>📌 [[오세아니아 코리아타운|오세아니아 (Oceania)]]</li>
| |
| </ul>
| |
| </div>
| |
| </td>
| |
| </tr>
| |
| </table>
| |
| | |
| <!-- 2. 코리아타운 맛집 검색 영역 -->
| |
| <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05);">
| |
| <div style="background: #fef6e4; border-bottom: 1px solid #f3d89d; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #855800;">
| |
| 🔍 코리아타운 맛집 검색
| |
| </div>
| |
|
| |
| <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 15px;">
| |
| <!-- 1. 원하는 도시 섹션 -->
| |
| <div>
| |
| <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">📍 1. 원하는 도시</div>
| |
| <div style="display: flex; flex-wrap: wrap; gap: 6px;">
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[뉴욕 맛집|뉴욕]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[로스앤젤레스 맛집|로스앤젤레스]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[워싱턴 D.C. 맛집|워싱턴 D.C.]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[도쿄 맛집|도쿄]]</span>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- 2. 원하는 스타일 섹션 -->
| |
| <div>
| |
| <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">🍔 2. 원하는 스타일</div>
| |
| <div style="display: flex; flex-wrap: wrap; gap: 6px;">
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 한식|한식]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 분식|분식]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 일식|일식/스시]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 카페|카페/디저트]]</span>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
| </div> <!-- [중앙 본문 영역 끝] -->
| |
| | |
| <!-- [우측 광고 영역] -->
| |
| <div style="text-align: center; background: #fafafa; border: 1px dashed #d1d1d1; padding: 10px; min-height: 600px;">
| |
| <div style="font-size: 11px; color: #999; margin-bottom: 5px;">ADVERTISEMENT</div>
| |
| <!-- ⚠️ 여기에 구글 애드센스 우측 스크립트 코드를 붙여넣으세요 -->
| |
| <div style="color: #ccc; padding-top: 100px;">구글 애드센스<br>우측 세로형 광고</div>
| |
| </div>
| |
| | |
| </div> <!-- [전체 레이아웃 컨테이너 끝] -->
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| <!-- 1. 웰컴 배너 영역 -->
| |
| <div class="main-welcome" style="background: #f8f9fa; border: 1px solid #c8ccd1; padding: 20px; text-align: center; margin-bottom: 20px; border-radius: 4px;">
| |
| <h1 style="margin: 0 0 10px 0; color: #333;">세계 속의 한인 역사와 숨은 맛집을 찾아서</h1>
| |
| <p style="margin: 0; color: #666;">전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 오픈 아카이브 위키입니다.</p>
| |
| </div>
| |
| | |
| | |
| [[파일: World Map.jpg | 800 픽셀]]
| |
| | |
| <!-- (2) 오른쪽 칸: 대륙별 코리아타운 디지털 아카이브 (세로 한 줄 정렬) -->
| |
| <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); display: flex; flex-direction: column;">
| |
| <div style="background: #eaf3ff; border-bottom: 1px solid #a2c9ff; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #0b2545;">
| |
| 📂 대륙별 코리아타운 디지털 아카이브
| |
| </div>
| |
| <ul style="list-style-type: none; padding-left: 10px; margin: 10px 0 0 0; line-height: 2.5; font-size: 1.1em; flex-grow: 1; display: flex; flex-direction: column; justify-content: space-around;">
| |
| <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[아시아 코리아타운|아시아 (Asia)]]</li>
| |
| <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[북아메리카 코리아타운|북아메리카 (North America)]]</li>
| |
| <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[남아메리카 코리아타운|남아메리카 (South America)]]</li>
| |
| <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[유럽 코리아타운|유럽 (Europe)]]</li>
| |
| <li style="border-bottom: 1px dashed #f0f0f0; padding-bottom: 5px;">📌 [[아프리카 코리아타운|아프리카 (Africa)]]</li>
| |
| <li style="padding-bottom: 5px;">📌 [[오세아니아 코리아타운|오세아니아 (Oceania)]]</li>
| |
| </ul>
| |
| </div>
| |
| | |
| </div>
| |
| | |
| <!-- 하단 레이아웃 컨테이너: 코리아타운 맛집 검색 (지도 밑에 넓게 배치) -->
| |
| <div style="border: 1px solid #c8ccd1; border-radius: 4px; padding: 15px; background: #ffffff; box-shadow: 0 1px 3px rgba(0,0,0,0.05); margin-top: 20px;">
| |
| <div style="background: #fef6e4; border-bottom: 1px solid #f3d89d; padding: 8px 12px; margin: -15px -15px 15px -15px; font-weight: bold; color: #855800;">
| |
| 🔍 코리아타운 맛집 검색
| |
| </div>
| |
|
| |
| <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 15px;">
| |
| <!-- 1. 원하는 도시 섹션 -->
| |
| <div>
| |
| <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">📍 1. 원하는 도시</div>
| |
| <div style="display: flex; flex-wrap: wrap; gap: 6px;">
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[뉴욕 맛집|뉴욕]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[로스앤젤레스 맛집|로스앤젤레스]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[워싱턴 D.C. 맛집|워싱턴 D.C.]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[도쿄 맛집|도쿄]]</span>
| |
| </div>
| |
| </div>
| |
| | |
| <!-- 2. 원하는 스타일 섹션 -->
| |
| <div>
| |
| <div style="font-weight: bold; margin-bottom: 8px; color: #54591d;">🍔 2. 원하는 스타일</div>
| |
| <div style="display: flex; flex-wrap: wrap; gap: 6px;">
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 한식|한식]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 분식|분식]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 일식|일식/스시]]</span>
| |
| <span style="background: #f8f9fa; border: 1px solid #a2a9b1; border-radius: 3px; padding: 4px 8px; font-size: 0.9em;">[[코리아타운 카페|카페/디저트]]</span>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| </div>
| |
| | |
|
| |
| | |
| <!-- 커뮤니티 영역 -->
| |
| <div class="main-card main-community" style="border: 1px solid #a2a9b1; border-radius: 4px;">
| |
| <div style="background: #eaecf0; padding: 10px 15px; font-weight: bold; border-bottom: 1px solid #a2a9b1;">🤝 함께 만드는 위키</div>
| |
| <div style="padding: 15px;">
| |
| <p style="margin-top: 0;">우리 동네의 오래된 한인 식당이나 숨겨진 이민 역사를 알고 계신가요? 지금 기여자가 되어 기록을 남겨주세요!</p>
| |
| * [[위키:편집 지침|편집하기 전 읽어보기]] | * [[위키:식당 등록 가이드|우리 동네 식당 등록하기]]
| |
| </div>
| |
| </div>
| |
| | |
| </div>
| |
| | |
|
| |
| <!-- 애드센스 광고 들어갈 자리 -->
| |
| <div class="main-ad-box" style="border: 1px dashed #ccc; text-align: center; padding: 20px; background: #fafafa; color: #999; font-size: 0.9em;">
| |
| [ 여기에 구글 애드센스 디스플레이 광고(우측 사이드바용) 코드가 삽입됩니다 ]
| |
| </div>
| |
| | |
| </div>
| |
| | |
| </div>
| |
