"광주 문화예술 인문스토리 플랫폼"의 두 판 사이의 차이

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
 
<html>
 
<html>
   
+
  <link href="https://work-note.net/g-img/custom-index.css" rel="stylesheet" />
<style>
 
.a-li
 
{
 
filter: sepia(0.2) !important;
 
}
 
@media screen and (max-width:1000px)
 
{
 
.story-list li
 
{
 
 
 
    width: calc(50% - 40px) ;
 
    margin-bottom: 20px ;
 
margin-right:40px ;
 
height:120px;
 
}
 
.c-li-list
 
{
 
width:calc(33% - 20px) !important;
 
margin-right:15px !important
 
}
 
}
 
@media screen and (min-width:1001px)
 
{
 
.story-list li
 
{
 
    width: calc(20% - 20px);
 
    margin-right: 10px;
 
    height: 90px;
 
}
 
.c-li-list
 
{
 
width:calc(33% - 20px) !important;
 
margin-right:15px !important
 
}
 
}
 
 
 
 
 
 
 
    .story-list li {
 
 
border-radius:10px;
 
 
 
 
 
    margin-bottom: 50px;
 
 
 
    padding: 10px;
 
    list-style: none;
 
    float: left;
 
    border: 1px solid black;
 
    /* border-radius: 18px; */
 
    transition: all 0.5s;
 
    cursor: pointer;
 
    text-align: center;
 
    vertical-align: middle;
 
    display: flex;
 
    box-shadow: 0 0 20px #eee;
 
    background-size: 200% auto;
 
    align-items: center;
 
    background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF 51%, #ECE9E6 100%);
 
    justify-content: center;
 
 
 
 
 
 
 
    }
 
 
 
    .network-g
 
    {
 
        display: block;
 
position:absolute;
 
opacity:0;
 
z-index:1;
 
    }
 
.net-act
 
{
 
opacity:1 !important;
 
z-index:999 !important;
 
}
 
    #catlinks
 
    {
 
        border:none !important;
 
    }
 
    .ppp_title {
 
        width: calc(100% - 120px);
 
        margin-left: 60px;
 
        z-index: 10001 !important;
 
        text-align: left;
 
        font-size: 30px;
 
        z-index: 1001 !important;
 
        position: absolute;
 
        margin-top: -50px;
 
        font-family: 'pyeonghwa' !important;
 
    }
 
 
 
    .s-header {
 
        margin-left: 15px;
 
    margin-top: 30px;
 
    border-bottom: 1px solid black;
 
    width: calc(100% - 30px);
 
    margin-bottom: 20px;
 
    padding-bottom: 10px;
 
 
 
    }
 
 
 
    .page-header {
 
        display: none !important;
 
    }
 
 
 
    .story-list {
 
        width: 100%;
 
    list-style-type: none;
 
    position: relative;
 
    height: auto;
 
    display: inline-block;
 
 
 
 
 
    }
 
 
 
    .story-list li:hover {
 
              background-position: right center; /* change the direction of the change here */
 
            color:black;
 
filter: sepia(0.2) !important;
 
    }
 
 
 
    .but-go
 
    {
 
        background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF 51%, #ECE9E6 100%);
 
        justify-content: center;
 
        align-items: center;
 
        display: flex;
 
        transition: all 0.5s;
 
        border:1px solid black !important;
 
    }
 
    .but-go:hover
 
    {
 
        background-position: right center; /* change the direction of the change here */
 
        color:black;
 
 
 
 
 
    }
 
   
 
    .meta-div
 
    {
 
        margin-bottom:30px !important;
 
    }
 
    .meta-div p
 
    {
 
        font-size:20px;
 
        margin-top:10px;
 
    }
 
    .col-md-4 iframe{
 
        width:100% !important;
 
        height:300px !important;
 
   
 
    }
 
    .col-md-4 .mata-img{
 
 
 
 
        cursor:pointer;
 
    }
 
    .all-bu
 
    {
 
        width:300px;
 
        padding:10px;
 
        border-radius:20px;
 
        margin-left:calc(50% - 150px);
 
        font-size:25px;
 
        margin-top:30px;
 
        background: white;
 
        transition:all 0.5s;
 
        margin-bottom:30px;
 
    }
 
    .all-bu:hover
 
    {
 
        background: black;
 
        color:white;
 
    }
 
</style>
 
<style>
 
    @media screen and (min-width: 992px) {
 
        .container {
 
            width: 100% !important;
 
        }
 
 
 
        #content {
 
            padding: 0 !important;
 
            width: 100%;
 
        }
 
    }
 
</style>
 
  
 
<div class="col-md-12" style="margin-top:120px;">    <h2 class="s-header">인문스토리 네트워크</h2>
 
<div class="col-md-12" style="margin-top:120px;">    <h2 class="s-header">인문스토리 네트워크</h2>
383번째 줄: 194번째 줄:
 
   
 
   
 
   
 
   
 
+
<style>
 
    .col-md-6 iframe {
 
        width: 100%;
 
        height: 200px;
 
 
 
    }
 
 
 
    .col-md-6 {
 
        padding: 0;
 
    }
 
 
 
    .firstHeading,
 
    .tweekiFirstHeading {
 
        display: none !important;
 
    }
 
 
 
    #contentwrapper {
 
        width: 100% !important;
 
        padding: 0 !important;
 
        margin: 0 !important;
 
    }
 
 
 
    #content {
 
        width: 100% !important;
 
        margin: 0 !important;
 
 
 
    }
 
 
 
    #bodyContent {
 
        width: 100%;
 
    }
 
 
 
    .main_link {
 
        background: black;
 
        color: white;
 
        padding: 10px;
 
        border: 1px solid black;
 
        font-size: 20px;
 
        position: absolute;
 
        left: 60px;
 
        top: calc(50vh + 150px);
 
        z-index: 10001 !important;
 
    }
 
 
 
    #firstHeading {
 
        display: none !important;
 
    }
 
 
 
    .page-header {
 
        display: none !important;
 
    }
 
</style>
 
  
 
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="
 
<script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4="

2024년 9월 20일 (금) 19:47 판

인문스토리 네트워크

스토리데이터

  • 선사시대부터 광주
  • 광주의 여성
  • 광주비엔날레
  • 다섯가지를 버려요. 오방 최흥종 이야기
  • 나라를 사랑한 의로운 병사들
  • The May 18 Democratic Uprising: Witness and Remembrance
  • The Faces of Gwangju: Foreigners
  • The Faces of Gwangju: Artists
  • Overlooking Gwangju
  • Understanding Traditional Culture and Society through Gwangju’s Cultural Heritage: Confucianism

핵심/문맥 콘텐츠

  • 인물/단체
  • 사건
  • 음식
  • 사물
  • 장소
  • 개념/용어
  • 건축물
  • 기록물
  • 문맥항목

스토리데이터 메타버스

양림동 선교사 마을, 새로운 문화와의 만남

광주 비엔날레

극락강 역

무등산 관광호텔

구 MBC

충장로

인문스토리 3D 어셋 바로가기

오웬기념각

충장 22

무등산관광호텔

광주 비엔날레

풍영정

(구) MBC