"틀:주요 스토리-테마"의 두 판 사이의 차이

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
 
<div style="width:70%; margin:10px auto; border:1px solid #ddd; text-align:center;">
 
<div style="width:70%; margin:10px auto; border:1px solid #ddd; text-align:center;">
<div style="padding:5px; font-weight:bold; background-color:#eee">
+
  <div style="padding:5px; font-weight:bold; background-color:#eee">
[[주요 스토리|주요 스토리 테마]]
+
    [[주요 스토리|주요 스토리 테마]]
</div>
+
  </div>
<div style="padding:15px;">
 
  
<span title="전체 테마 보기">
+
  <div style="padding:15px; text-align:center;">
{{Clickable button | [[주요_스토리 |🗂️ 전체 테마]]}}
 
</span>
 
  
<span title="광주의 자연·경관·생태">
+
    <div style="display:inline-block; width:596px; margin:4px 0 12px 0; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative;"
{{Clickable button | [[주요_스토리-테마:1부 |🌿 1부. 땅과 숨결, 광주의 바탕]]}}
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
</span>
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
<span title="기원과 역사경관의 형성">
+
      [[주요_스토리|🗂️ 전체 테마]]
{{Clickable button | [[주요_스토리-테마:2부 |🏛️ 2부. 시간의 결, 장소의 기억]]}}
+
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
</span>
+
        전체 테마 보기
 +
      </div>
 +
    </div>
 +
    <br/>
  
<span title="종교·윤리·지식 전통과 공동체">
+
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
{{Clickable button | [[주요_스토리-테마:3부 |⛩️ 3부. 공동체를 세운 믿음과 지식]]}}
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
</span>
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
<span title="흔들리지 않는 삶의 지속">
+
      [[주요_스토리-테마:1부|🌿 1부. 땅과 숨결, 광주의 바탕]]
{{Clickable button | [[주요_스토리-테마:4부 |✊ 4부. 저항과 생의 의지]]}}
+
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
</span>
+
        광주의 자연·경관·생태
 +
      </div>
 +
    </div>
  
<span title="예술·문학·창조성의 구조">
+
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
{{Clickable button | [[주요_스토리-테마:5부 |🎨 5부. 표현의 도시, 창조의 언어]]}}
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
</span>
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
<span title="산업·기술·도시화의 진화">
+
      [[주요_스토리-테마:2부|🏛️ 2부. 시간의 결, 장소의 기억]]
{{Clickable button | [[주요_스토리-테마:6부 |⚙️ 6부. 변화의 엔진]]}}
+
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
</span>
+
        기원과 역사경관의 형성
 +
      </div>
 +
    </div>
 +
    <br/>
  
<span title="생활문화·시장·음식과 지역 정체성">
+
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
{{Clickable button | [[주요_스토리-테마:7부 |🍲 7부. 삶의 맛, 골목의 기억]]}}
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
</span>
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
<span title="스포츠·여가·대중문화">
+
      [[주요_스토리-테마:3부|⛩️ 3부. 공동체를 세운 믿음과 지식]]
{{Clickable button | [[주요_스토리-테마:8부 |🎤 8부. 즐거움의 시대, 대중의 무대]]}}
+
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
</span>
+
        종교·윤리·지식 전통과 공동체
 +
      </div>
 +
    </div>
  
<span title="여행·탐방으로 만나는 광주">
+
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
{{Clickable button | [[주요_스토리-테마:9부 |🛤️ 9부. 길 위의 도시 읽기]]}}
+
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
</span>
+
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
<span title="삶을 존경하는 도시">
+
      [[주요_스토리-테마:4부|✊ 4부. 저항과 생의 의지]]
{{Clickable button | [[주요_스토리-테마:10부 |🕊️ 10부. 기억과 기림의 방식]]}}
+
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
</span>
+
        흔들리지 않는 삶의 지속
 +
      </div>
 +
    </div>
 +
    <br/>
  
</div>
+
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
 +
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
 +
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
 +
      [[주요_스토리-테마:5부|🎨 5부. 표현의 도시, 창조의 언어]]
 +
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
 +
        예술·문학·창조성의 구조
 +
      </div>
 +
    </div>
 +
 
 +
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
 +
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
 +
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
 +
      [[주요_스토리-테마:6부|⚙️ 6부. 변화의 엔진]]
 +
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
 +
        산업·기술·도시화의 진화
 +
      </div>
 +
    </div>
 +
    <br/>
 +
 
 +
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
 +
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
 +
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
 +
      [[주요_스토리-테마:7부|🍲 7부. 삶의 맛, 골목의 기억]]
 +
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
 +
        생활문화·시장·음식과 지역 정체성
 +
      </div>
 +
    </div>
 +
 
 +
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
 +
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
 +
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
 +
      [[주요_스토리-테마:8부|🎤 8부. 즐거움의 시대, 대중의 무대]]
 +
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
 +
        스포츠·여가·대중문화
 +
      </div>
 +
    </div>
 +
    <br/>
 +
 
 +
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
 +
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
 +
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
 +
      [[주요_스토리-테마:9부|🛤️ 9부. 길 위의 도시 읽기]]
 +
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
 +
        여행·탐방으로 만나는 광주
 +
      </div>
 +
    </div>
 +
 
 +
    <div style="display:inline-block; width:290px; margin:4px 6px 12px 6px; padding:8px 12px; box-sizing:border-box; border:1px solid #bbb; background:#f8f8f8; text-align:center; position:relative; vertical-align:top;"
 +
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
 +
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
 +
      [[주요_스토리-테마:10부|🕊️ 10부. 기억과 기림의 방식]]
 +
      <div class="tooltip" style="display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%); margin-top:6px; width:260px; padding:6px 8px; background:#34495E; color:#ECF0F1; border:1px solid #2C3E50; font-size:12px; line-height:1.4; z-index:100; box-sizing:border-box;">
 +
        삶을 존경하는 도시
 +
      </div>
 +
    </div>
 +
 
 +
  </div>
 
</div>
 
</div>

2026년 4월 8일 (수) 03:06 판

     🗂️ 전체 테마
   
     🌿 1부. 땅과 숨결, 광주의 바탕
     🏛️ 2부. 시간의 결, 장소의 기억
   
     ⛩️ 3부. 공동체를 세운 믿음과 지식
     ✊ 4부. 저항과 생의 의지
   
     🎨 5부. 표현의 도시, 창조의 언어
     ⚙️ 6부. 변화의 엔진
   
     🍲 7부. 삶의 맛, 골목의 기억
     🎤 8부. 즐거움의 시대, 대중의 무대
   
     🛤️ 9부. 길 위의 도시 읽기
     🕊️ 10부. 기억과 기림의 방식