"광주 오월길 AI 변환"의 두 판 사이의 차이
(새 문서: <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>광주 오월길 - 기억의...) |
|||
| (같은 사용자의 중간 판 2개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
| − | + | ||
<html lang="ko"> | <html lang="ko"> | ||
<head> | <head> | ||
| 60번째 줄: | 60번째 줄: | ||
z-index: 5; | z-index: 5; | ||
} | } | ||
| + | |||
/* 이미지 모달 스타일 */ | /* 이미지 모달 스타일 */ | ||
| 84번째 줄: | 85번째 줄: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| + | |||
| + | /* 1. 컨테이너 내부의 모든 텍스트 기본 설정 */ | ||
| + | .main-archive-container { | ||
| + | display: flex; | ||
| + | flex-direction: column; | ||
| + | align-items: center; | ||
| + | justify-content: center; | ||
| + | gap: 1.5rem; | ||
| + | height: auto !important; | ||
| + | text-align: center; | ||
| + | padding: 60px 20px; | ||
| + | background-color: #1a1a1a; /* 배경색 명시 */ | ||
| + | } | ||
| + | |||
| + | /* 2. 링크 색상 및 밑줄 강제 제거 (가장 중요) */ | ||
| + | .main-archive-container a, | ||
| + | .main-archive-container a:hover, | ||
| + | .main-archive-container a:visited { | ||
| + | color: inherit !important; /* 부모의 글자색을 그대로 따름 */ | ||
| + | text-decoration: none !important; /* 밑줄 제거 */ | ||
| + | border-bottom: none !important; /* 위키에 따라 하단 보더가 있을 수 있음 */ | ||
| + | } | ||
| + | |||
| + | /* 3. 제목(h1) 스타일 정밀 조정 */ | ||
| + | .main-archive-container h1 { | ||
| + | color: #ffffff !important; /* 흰색 강제 적용 */ | ||
| + | font-family: 'Noto Serif KR', serif; | ||
| + | font-size: 2.8rem; | ||
| + | margin: 0; | ||
| + | padding-bottom: 5px; /* 텍스트 하단 미세 여백 */ | ||
| + | } | ||
| + | |||
| + | /* 4. 버튼 전용 스타일 (기억의 길 따라가기) */ | ||
| + | .path-button { | ||
| + | background-color: #c0a060 !important; | ||
| + | color: #1a1a1a !important; /* 버튼 글자는 검정색 계열 */ | ||
| + | padding: 12px 35px; | ||
| + | border-radius: 50px; | ||
| + | font-weight: bold; | ||
| + | transition: transform 0.2s ease; | ||
| + | } | ||
| + | |||
| + | .path-button:hover { | ||
| + | transform: scale(1.05); /* 살짝 커지는 효과 */ | ||
| + | background-color: #d4b475 !important; | ||
| + | } | ||
</style> | </style> | ||
</head> | </head> | ||
| 100번째 줄: | 147번째 줄: | ||
<section class="relative bg-may-dark text-white py-32 px-6"> | <section class="relative bg-may-dark text-white py-32 px-6"> | ||
| − | + | <div class="main-archive-container"> | |
| − | + | <h3 style="color: #c0a060;">역사의 현장, 민주주의의 걸음</h3> | |
| − | + | <h1>오월길, 끝나지 않은 노래</h1> | |
| − | + | <hr style="width: 100px; border: 0; solid #c0a060; margin: 20px 0;"> | |
| − | + | <p>1980년 5월, 광주의 뜨거웠던 열흘을 기억합니다.</p> | |
| − | + | <a href="#path" class="path-button">기억의 길 따라가기</a> | |
| − | + | </div> | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
</section> | </section> | ||
2026년 3월 12일 (목) 11:08 기준 최신판
오월길이란?
'광주 오월길'은 1980년 5·18민주화운동의 주요 역사적 현장을 연결하여 조성한 도보 탐방로입니다. 이 길은 단순한 산책로가 아닌, 당시 시민들의 항쟁과 희생, 그리고 연대의 역사를 온몸으로 체험하고 기억하는 소통의 공간입니다.
총 5개의 테마 코스로 구성되어 있으며, 각 코스는 5·18의 전개 과정과 의미를 담고 있습니다.
우리는 이 길을 걸으며 과거의 아픔을 위로하고, 미래의 민주 가치를 가꿉니다.
오월길, 다섯 가지 이야기
민주주의를 향한 첫 외침
신군부의 비상계엄 확대에 맞서 전남대 학생들이 처음으로 항거를 시작한 곳입니다. 불의에 타협하지 않은 청년들의 정신이 깃들어 있습니다.
시민들이 써 내려간 역사
계엄군의 무차별 폭력에 맞서 광주 시민들이 자발적으로 떨쳐 일어난 항쟁의 핵심 공간입니다. 금남로를 가득 메운 함성을 느껴보세요.
아픔을 딛고 피어난 연대
시민들이 스스로를 지키기 위해 무장했던 곳이자, 치열한 토론과 수습 노력이 이어졌던 공간입니다. 주먹밥을 나누던 따뜻한 공동체 정신이 살아있습니다.
길 위에서 만나는 오월의 순간들
1. 민주주의의 불꽃, 전남대 정문
5.18 사적지 1호 / 전남대학교
1980년 5월 18일 아침, 교문을 봉쇄한 계엄군과 등교하려는 학생들 사이에 충돌이 일어났습니다. 이것이 바로 5·18민주화운동의 시작이었습니다. 계엄군의 잔혹한 진압은 광주 시민들의 분노를 유발했습니다.
[오마이뉴스 사진] 당시 전남대 정문 전경
2. 함성이 메아리치다, 금남로
5.18 사적지 4호 / 금남로 거리
5월 20일 저녁, 수많은 시민이 계엄군의 폭력 진압에 항의하며 금남로로 모여들었습니다. 택시와 버스 운전사들이 차량 시위를 주도하며 항쟁의 기폭제가 되었고, 금남로는 '민주주의의 광장'이 되었습니다.
[조선일보 사진] 당시 금남로 시위 현장
3. 끝까지 지켜낸 곳, 구 전남도청
5.18 사적지 5호 / 문화전당역 인근
항쟁 기간 동안 시민수습대책위원회가 꾸려지고, 마지막 순간까지 시민군이 계엄군에 맞서 싸웠던 곳입니다. 5월 27일 새벽, 계엄군의 무력 진압으로 많은 이들이 이곳에서 산화했습니다.
[연합뉴스 사진] 항쟁 당시 도청 앞 광장
오월의 기록, 디지털로 만나다
사진 아카이브
그날의 생생한 현장 기록
문서 아카이브
당시 선언문, 일기 등
구술 아카이브
목격자들의 증언 영상
사적지 지도
5.18 현장 위치 정보
