<?php
declare(strict_types=1);
require_once __DIR__ . '/auth/auth.php';
dreamgirl_require_login_page();
?><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" /> 
        <meta name="viewport" content="width=device-width, initial-scale=1">
	    
	    <link rel="stylesheet" href="css/basic.css" type="text/css" />
		<link rel="stylesheet" href="css/galleriffic-2.css" type="text/css" />
		
        	<!--<script src="http://martn.ncue.net/common/js/jquery.min.js?20150610101404"></script>-->
        	<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.galleriffic.js"></script>
		<script type="text/javascript" src="js/jquery.opacityrollover.js"></script>
		<script type="text/javascript" src="js/bestpic.js"></script>
		<script type="text/javascript" src="js/image_manifest.js"></script>
		<script type="text/javascript" src="js/uploader.js"></script>
		<script type="text/javascript" src="js/lightbox.js"></script>
		
		<!-- We only want the thunbnails to display when javascript is disabled -->
		<script type="text/javascript">
			document.write('<style>.noscript { display: none; }</style>');
		</script>
    </head>
    
    <body>
    	<audio id="betoven" controls autoplay loop autostart="0" src="music/betoven.mp3">
  			HTML5 Audio 를 지원하지 않는 브라우저 입니다
		</audio>&nbsp;<a id="toggle" href="javascript:toggle()">stop</a>

        <div id="page">
			<div id="container">
				<div style="display:flex; align-items:baseline; justify-content:space-between; gap:12px;">
					<h1 style="margin:0;"><a href="https://ncue.net" target="_blank" rel="noopener noreferrer">NCue</a></h1>
					<div style="font-size:12px;"><a href="<?php echo htmlspecialchars(dreamgirl_url('logout.php'), ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8'); ?>">Logout</a></div>
				</div>

				<div class="gallery-wrap">
					<div id="gallery" class="content">
						<div id="controls" class="controls"></div>
						<div class="slideshow-container">
							<div id="loading" class="loader"></div>
							<div id="slideshow" class="slideshow"></div>
						</div>
						<div id="caption" class="caption-container"></div>
					</div>
					<div id="thumbs" class="navigation">
						<div id="thumbs-list">
							<ul class="thumbs noscript">
								<li>
									<a class="thumb" name="leaf" href="http://dreamgirl.ncue.net/img/0.jpg" title="Title #0"></a>
									<div class="caption"></div>
								</li>
							</ul>
						</div>
						<div id="upload-panel" class="upload-panel">
							<div class="upload-title">이미지 추가</div>
							<div id="dropzone" class="dropzone" tabindex="0">
								<div class="dropzone-text">드래그&드랍 또는 파일 선택</div>
								<input id="file-input" class="file-input" type="file" accept="image/*" />
							</div>
							<div id="upload-preview" class="upload-preview" style="display:none;">
								<img id="preview-img" alt="preview" />
								<div id="preview-meta" class="preview-meta"></div>
							</div>
							<div class="upload-actions">
								<button id="upload-btn" type="button" disabled>업로드</button>
								<span id="upload-status" class="upload-status"></span>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div id="footer">&copy; 2009 Trent Foley</div>
		<div id="lightbox" class="lightbox" style="display:none;" aria-hidden="true">
			<div class="lightbox-backdrop"></div>
			<button id="lightbox-close" class="lightbox-close" type="button" aria-label="Close">×</button>
			<div class="lightbox-content" role="dialog" aria-modal="true">
				<img id="lightbox-img" alt="" />
			</div>
		</div>
		<script type="text/javascript">
			jQuery(function() {
				if (typeof onLoad === 'function') onLoad();
			});
		</script>
	</body>
</html>

