Spaces:

nkjoy
/

toxj

Running

App Files Files Community

toxj / admin.html

nkjoy

관리자 페이지 하나 만들어줘

5bd04d0 verified 6 months ago

raw

history blame contribute delete

13.3 kB

	<!DOCTYPE html>
	<html lang="ko">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>관리자 페이지 - 새터민들의 쉼터</title>
	<link rel="icon" type="image/x-icon" href="/static/favicon.ico">
	<script src="https://cdn.tailwindcss.com"></script>
	<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
	<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
	<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
	<!-- 불필요한 중복: <script src="https://unpkg.com/feather-icons"></script> -->
	<style>
	.glass-effect {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-radius: 20px;
	border: 1px solid rgba(255, 255, 255, 0.18);
	box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
	}
	.gradient-bg {
	background: linear-gradient(135deg, #1e3a8a 0%, #0f172a 100%);
	}
	.sparkle-btn {
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	}
	.sparkle-btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
	}
	.sparkle-btn::after {
	content: "";
	position: absolute;
	top: -50%;
	left: -50%;
	width: 200%;
	height: 200%;
	background: rgba(255, 255, 255, 0.2);
	transform: rotate(30deg);
	transition: all 0.3s ease;
	}
	.sparkle-btn:hover::after {
	left: 100%;
	top: 100%;
	}
	.admin-card {
	transform-style: preserve-3d;
	transition: transform 0.3s ease;
	}
	.admin-card:hover {
	transform: translateY(-5px) rotateX(5deg);
	}
	</style>
	</head>
	<body class="min-h-screen gradient-bg text-white">
	<header class="relative z-10 py-6">
	<div class="container mx-auto px-4">
	<div class="flex justify-between items-center">
	<div class="flex items-center">
	<i data-feather="shield" class="mr-2 text-blue-400"></i>
	<h1 class="text-2xl font-bold">관리자 페이지</h1>
	</div>
	<nav class="hidden md:block">
	<ul class="flex space-x-6">
	<li><a href="index.html" class="hover:text-blue-200 transition">🏠 쉼터 홈</a></li>
	<li><a href="#" class="hover:text-blue-200 transition">⚙️ 설정</a></li>
	<li><a href="#" class="hover:text-blue-200 transition">🚪 로그아웃</a></li>
	</ul>
	</nav>
	<button class="md:hidden">
	<i data-feather="menu"></i>
	</button>
	</div>
	</div>
	</header>

	<main class="relative z-10 py-12">
	<section class="container mx-auto px-4 mb-16">
	<div class="glass-effect max-w-4xl mx-auto p-8 text-center" data-aos="fade-up">
	<h2 class="text-4xl font-bold mb-4">관리자 대시보드</h2>
	<p class="text-xl mb-8">새터민들의 쉼터를 효율적으로 관리하세요</p>
	<div class="flex justify-center space-x-4">
	<button class="sparkle-btn bg-blue-600 text-white px-6 py-3 rounded-full font-semibold">
	📊 통계 보기
	</button>
	<button class="sparkle-btn border-2 border-white px-6 py-3 rounded-full font-semibold">
	📝 최근 활동
	</button>
	</div>
	</div>
	</section>

	<section class="container mx-auto px-4 mb-16">
	<h2 class="text-3xl font-bold text-center mb-12">🔧 관리 도구</h2>
	<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
	<!-- 쉼터 메인 관리 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="100">
	<div class="text-center mb-4">
	<i data-feather="home" class="w-12 h-12 mx-auto text-blue-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">🏠 쉼터 메인</h3>
	<p class="text-gray-200 mb-4 text-center">메인 페이지 콘텐츠 및 설정 관리</p>
	<a href="https://snkone.kr/index.php" target="_blank" class="sparkle-btn w-full bg-blue-600 text-white py-2 rounded-lg font-semibold block text-center">
	바로가기
	</a>
	</div>

	<!-- 이야기 접수 관리 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="150">
	<div class="text-center mb-4">
	<i data-feather="book" class="w-12 h-12 mx-auto text-green-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">📖 이야기 접수 관리</h3>
	<p class="text-gray-200 mb-4 text-center">오디오북 이야기 접수 및 심사 관리</p>
	<a href="https://snkone.kr/audiobook/admin/story_list.php" target="_blank" class="sparkle-btn w-full bg-green-600 text-white py-2 rounded-lg font-semibold block text-center">
	관리하기
	</a>
	</div>

	<!-- 성우 관리 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="200">
	<div class="text-center mb-4">
	<i data-feather="mic" class="w-12 h-12 mx-auto text-purple-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">🎤 성우 관리</h3>
	<p class="text-gray-200 mb-4 text-center">성우 정보 및 활동 관리</p>
	<a href="https://snkone.kr/audiobook/admin/voice_list.php" target="_blank" class="sparkle-btn w-full bg-purple-600 text-white py-2 rounded-lg font-semibold block text-center">
	관리하기
	</a>
	</div>

	<!-- 오디오북 등록 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="250">
	<div class="text-center mb-4">
	<i data-feather="headphones" class="w-12 h-12 mx-auto text-yellow-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">🎧 오디오북 등록</h3>
	<p class="text-gray-200 mb-4 text-center">새로운 오디오북 등록 및 관리</p>
	<a href="https://snkone.kr/audiobook/audiobook_register.php" target="_blank" class="sparkle-btn w-full bg-yellow-600 text-white py-2 rounded-lg font-semibold block text-center">
	등록하기
	</a>
	</div>

	<!-- 포인트 충전 관리 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="300">
	<div class="text-center mb-4">
	<i data-feather="dollar-sign" class="w-12 h-12 mx-auto text-red-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">💰 포인트 충전 관리</h3>
	<p class="text-gray-200 mb-4 text-center">회원 포인트 충전 및 관리</p>
	<a href="http://rope119.com/admin_point_charge.php" target="_blank" class="sparkle-btn w-full bg-red-600 text-white py-2 rounded-lg font-semibold block text-center">
	관리하기
	</a>
	</div>

	<!-- 뮤직스캔 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="350">
	<div class="text-center mb-4">
	<i data-feather="music" class="w-12 h-12 mx-auto text-pink-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">🎵 뮤직스캔</h3>
	<p class="text-gray-200 mb-4 text-center">음악 콘텐츠 스캔 및 관리</p>
	<a href="https://snkone.kr/music_scan.php" target="_blank" class="sparkle-btn w-full bg-pink-600 text-white py-2 rounded-lg font-semibold block text-center">
	스캔하기
	</a>
	</div>

	<!-- 노래방 스캔 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="400">
	<div class="text-center mb-4">
	<i data-feather="mic" class="w-12 h-12 mx-auto text-indigo-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">🎤 노래방 스캔</h3>
	<p class="text-gray-200 mb-4 text-center">노래방 콘텐츠 스캔 및 관리</p>
	<a href="https://snkone.kr/ktv_scan.php" target="_blank" class="sparkle-btn w-full bg-indigo-600 text-white py-2 rounded-lg font-semibold block text-center">
	스캔하기
	</a>
	</div>

	<!-- 회원 관리 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="450">
	<div class="text-center mb-4">
	<i data-feather="users" class="w-12 h-12 mx-auto text-teal-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">👥 회원 관리</h3>
	<p class="text-gray-200 mb-4 text-center">회원 정보 및 활동 관리</p>
	<button class="sparkle-btn w-full bg-teal-600 text-white py-2 rounded-lg font-semibold">
	관리하기
	</button>
	</div>

	<!-- 게시판 관리 -->
	<div class="admin-card glass-effect p-6 rounded-xl" data-aos="fade-up" data-aos-delay="500">
	<div class="text-center mb-4">
	<i data-feather="message-square" class="w-12 h-12 mx-auto text-orange-400"></i>
	</div>
	<h3 class="text-xl font-semibold mb-3 text-center">💬 게시판 관리</h3>
	<p class="text-gray-200 mb-4 text-center">커뮤니티 게시물 관리</p>
	<button class="sparkle-btn w-full bg-orange-600 text-white py-2 rounded-lg font-semibold">
	관리하기
	</button>
	</div>
	</div>
	</section>

	<section class="container mx-auto px-4">
	<div class="glass-effect p-8 rounded-xl">
	<h2 class="text-3xl font-bold text-center mb-8">📈 최근 활동</h2>
	<div class="grid md:grid-cols-3 gap-6">
	<div class="text-center">
	<div class="text-4xl font-bold text-blue-400 mb-2">1,234</div>
	<div class="text-lg">총 회원 수</div>
	</div>
	<div class="text-center">
	<div class="text-4xl font-bold text-green-400 mb-2">567</div>
	<div class="text-lg">오늘 접속</div>
	</div>
	<div class="text-center">
	<div class="text-4xl font-bold text-purple-400 mb-2">89</div>
	<div class="text-lg">신규 가입</div>
	</div>
	</div>
	</div>
	</section>
	</main>

	<footer class="relative z-10 py-8 mt-16 glass-effect">
	<div class="container mx-auto px-4">
	<div class="flex flex-col md:flex-row justify-between items-center">
	<div class="mb-6 md:mb-0">
	<h2 class="text-xl font-bold flex items-center">
	<i data-feather="shield" class="mr-2"></i> 관리자 페이지
	</h2>
	<p class="mt-2 text-sm">새터민들의 쉼터 관리 시스템</p>
	</div>
	<div class="flex space-x-6">
	<span class="text-sm">🔐 관리자 권한</span>
	</div>
	</div>
	<div class="border-t border-gray-700 mt-8 pt-8 text-center text-sm">
	<p>© 2023 새터민들의 쉼터. All rights reserved.</p>
	</div>
	</div>
	</footer>

	<script>
	AOS.init({
	duration: 800,
	easing: 'ease-in-out',
	once: true
	});
	</script>
	<script>
	feather.replace();
	</script>
	</body>
	</html>