zenn
95d092fbc2
프로젝트 초기 상태를 기준으로 저장소를 재구성하고 업로드 규칙을 정비한다. 이미지 자산은 Git LFS를 통해 원격 용량 제한에 대응한다. Made-with: Cursor
54 lines
2.2 KiB
HTML
54 lines
2.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>게임 상세 정보</title>
|
|
<link href="./style/tailwind.css" rel="stylesheet" />
|
|
<script type="module" src="script/nsw-detail.js"></script>
|
|
</head>
|
|
<body class="bg-white">
|
|
<div aria-hidden="true" class="relative">
|
|
<img id="gameImage" src="" alt="" class="h-96 w-full object-cover object-center" />
|
|
<div class="w-full h-full absolute inset-0 bg-gradient-to-t from-white"></div>
|
|
</div>
|
|
|
|
<div class="relative mx-auto -mt-12 max-w-7xl px-4 pb-16 sm:px-6 sm:pb-24 lg:px-8">
|
|
<div class="mx-auto max-w-2xl text-center lg:max-w-4xl">
|
|
<h2 id="gameTitle" class="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl"></h2>
|
|
<p id="gameTags" class="mt-4 text-gray-500"></p>
|
|
</div>
|
|
|
|
<h4
|
|
class="mx-auto mt-4 grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 sm:gap-y-16 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 mt-16">
|
|
<span id="infoTitle">게임 정보</span>
|
|
</h4>
|
|
<dl
|
|
id="gameInfo"
|
|
class="mx-auto mt-4 grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 sm:gap-y-16 lg:max-w-none lg:grid-cols-3 lg:gap-x-8">
|
|
<!-- 게임 정보가 여기에 동적으로 추가됩니다 -->
|
|
</dl>
|
|
|
|
<div class="overflow-hidden mt-16 bg-slate-50 shadow sm:rounded-lg">
|
|
<div class="flex justify-between px-4 py-5 sm:px-6">
|
|
<div>
|
|
<h3 id="purchaseTitle" class="text-base font-semibold leading-6 text-gray-900">
|
|
구매 정보
|
|
</h3>
|
|
<p id="purchaseGameTitle" class="mt-1 max-w-2xl text-sm text-gray-500"></p>
|
|
</div>
|
|
<div>
|
|
<div
|
|
id="gameStatus"
|
|
class="inline-flex rounded-full px-2 text-xs font-semibold leading-5"></div>
|
|
<div id="gameCountry" class="text-center"></div>
|
|
</div>
|
|
</div>
|
|
<div id="purchaseInfo" class="border-t border-gray-200 px-4 py-5 sm:px-6">
|
|
<!-- 구매 정보가 여기에 동적으로 추가됩니다 -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|