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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
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;">
  
  <div style="padding:15px; text-align:center;">
+
<span title="전체 테마 보기">
 +
{{Clickable button | [[주요_스토리 |🗂️ 전체 테마]]}}
 +
</span>
  
    <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;"
+
<span title="광주의 자연·경관·생태">
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
{{Clickable button | [[주요_스토리-테마:1부 |🌿 1부. 땅과 숨결, 광주의 바탕]]}}
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
</span>
      [[주요_스토리|🗂️ 전체 테마]]
+
<span title="기원과 역사경관의 형성">
      <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;">
+
{{Clickable button | [[주요_스토리-테마:2부 |🏛️ 2부. 시간의 결, 장소의 기억]]}}
        전체 테마 보기
+
</span>
      </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;"
+
<span title="종교·윤리·지식 전통과 공동체">
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
{{Clickable button | [[주요_스토리-테마:3부 |⛩️ 3부. 공동체를 세운 믿음과 지식]]}}
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
</span>
      [[주요_스토리-테마:1부|🌿 1부. 땅과 숨결, 광주의 바탕]]
+
<span title="흔들리지 않는 삶의 지속">
      <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;">
+
{{Clickable button | [[주요_스토리-테마:4부 |✊ 4부. 저항과 생의 의지]]}}
        광주의 자연·경관·생태
+
</span>
      </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;"
+
<span title="예술·문학·창조성의 구조">
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
{{Clickable button | [[주요_스토리-테마:5부 |🎨 5부. 표현의 도시, 창조의 언어]]}}
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
</span>
      [[주요_스토리-테마:2부|🏛️ 2부. 시간의 결, 장소의 기억]]
+
<span title="산업·기술·도시화의 진화">
      <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;">
+
{{Clickable button | [[주요_스토리-테마:6부 |⚙️ 6부. 변화의 엔진]]}}
        기원과 역사경관의 형성
+
</span>
      </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;"
+
<span title="생활문화·시장·음식과 지역 정체성">
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
{{Clickable button | [[주요_스토리-테마:7부 |🍲 7부. 삶의 맛, 골목의 기억]]}}
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
</span>
      [[주요_스토리-테마:3부|⛩️ 3부. 공동체를 세운 믿음과 지식]]
+
<span title="스포츠·여가·대중문화">
      <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;">
+
{{Clickable button | [[주요_스토리-테마:8부 |🎤 8부. 즐거움의 시대, 대중의 무대]]}}
        종교·윤리·지식 전통과 공동체
+
</span>
      </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;"
+
<span title="여행·탐방으로 만나는 광주">
        onmouseover="this.style.backgroundColor='#34495E'; this.style.color='#ECF0F1'; this.querySelector('.tooltip').style.display='block';"
+
{{Clickable button | [[주요_스토리-테마:9부 |🛤️ 9부. 길 위의 도시 읽기]]}}
        onmouseout="this.style.backgroundColor='#f8f8f8'; this.style.color='#000000'; this.querySelector('.tooltip').style.display='none';">
+
</span>
      [[주요_스토리-테마:4부|✊ 4부. 저항과 생의 의지]]
+
<span title="삶을 존경하는 도시">
      <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;">
+
{{Clickable button | [[주요_스토리-테마:10부 |🕊️ 10부. 기억과 기림의 방식]]}}
        흔들리지 않는 삶의 지속
+
</span>
      </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;"
+
</div>
        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 판