diff --git a/author/chanyoung-kim/index.html b/author/chanyoung-kim/index.html index 6eec330..dbda931 100644 --- a/author/chanyoung-kim/index.html +++ b/author/chanyoung-kim/index.html @@ -120,6 +120,20 @@

diff --git a/author/seil-kang/index.html b/author/seil-kang/index.html index de39d44..f1e7385 100644 --- a/author/seil-kang/index.html +++ b/author/seil-kang/index.html @@ -101,8 +101,8 @@

- - + + diff --git a/author/woojung-han/index.html b/author/woojung-han/index.html index 6c70242..80e95db 100644 --- a/author/woojung-han/index.html +++ b/author/woojung-han/index.html @@ -96,18 +96,15 @@

+ +
  • + + + + + + +
  • diff --git a/css/wowchemy.css b/css/wowchemy.css index faf8e60..6cd4254 100644 --- a/css/wowchemy.css +++ b/css/wowchemy.css @@ -10003,3 +10003,20 @@ ul.ul-jour-rev-experience li .description p.journal { ul.ul-jour-rev-experience li .description p { margin: 0; } + +/************************************************* +* Transition Loading Components +**************************************************/ +.fade { + transition: opacity 0.15s linear; +} + +@media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } +} + +.fade:not(.show) { + opacity: 0; +} \ No newline at end of file diff --git a/index.html b/index.html index 34e32d0..c32e383 100644 --- a/index.html +++ b/index.html @@ -23,7 +23,7 @@ - + Publications
    - + \ No newline at end of file diff --git a/js/scripts.js b/js/scripts.js new file mode 100644 index 0000000..368012d --- /dev/null +++ b/js/scripts.js @@ -0,0 +1,6 @@ +// 페이지가 로드되면 show 클래스를 fade 요소에 추가 +window.addEventListener('load', function() { + document.querySelectorAll('.fade').forEach(function(element) { + element.classList.add('show'); + }); +});