|
|
| 2번째 줄: |
2번째 줄: |
| ====전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 모든 아카이브 위키입니다==== | | ====전 세계 한인들의 이민 역사 기록과 현지 한인 식당·카페를 연결하는 모든 아카이브 위키입니다==== |
|
| |
|
| | [[파일: World Map.jpg | 800 픽셀]] |
|
| |
|
| <!-- [전체 레이아웃 컨테이너] 좌우 양옆 광고 영역을 위한 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> <!-- [전체 레이아웃 컨테이너 끝] -->
| |
| | |
| | |
| | |
| | |
| | |
| | |
|
| |
|
| | [[대문]] |
|
| |
|
|
| |
|
