레트로인포그래픽컴포넌트
레트로/빈티지 디자인, 파스텔 색 구성표 및 다크 모드를 지원하는 반응형 인포그래픽 구성 요소입니다. 스타일링을 위해 Tailwind CSS를 사용하고 블로그 및 콘텐츠 소비에 적합한 복잡한 인터페이스를 위한 여러 대화형 요소를 포함합니다. 타임라인, 진행률 표시줄, 차트, 클릭 유도문안이 포함되어 있으며, 모두 80/90년대 미학과 파스텔 색상으로 꾸며져 있습니다. picsum.photos의 임의의 이미지를 사용하고 아바타에 randomuser.me 합니다.
HTML 코드
<div class="bg-gradient-to-b from-pink-200 to-purple-200 dark:from-gray-800 dark:to-gray-900 min-h-screen p-8 font-mono">
<div class="container mx-auto">
<h1 class="text-4xl text-center text-gray-800 dark:text-white mb-12 uppercase tracking-wide">Digital Voyage: An Infographic</h1>
</div>
</div>
</div>