56 lines
2.1 KiB
HTML
56 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>User Image Gallery</title>
|
|
<link rel="stylesheet" href="../css/styles.css">
|
|
<link rel="stylesheet" href="../css/gallery.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Navigation Bar -->
|
|
<nav>
|
|
<div class="nav-container">
|
|
<a href="../index.html" class="nav-logo">Image Upload</a>
|
|
<ul class="nav-menu">
|
|
<li><a href="../index.html">Home</a></li>
|
|
<li><a href="gallery.html">Gallery</a></li>
|
|
<li><a href="user_gallery.html" class="active">Uploads</a></li>
|
|
<li><a href="../login/login.html">Sign In</a></li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
<div>Please <a href="../login/login.html">sign in</a> to view your images.</div>
|
|
<!-- Display gallery page if signed in -->
|
|
<!-- <div class="container">
|
|
<h2 class="heading-text"><span>User</span> Gallery</h2>
|
|
<ul class="image-gallery">
|
|
<li>
|
|
<img src="https://source.unsplash.com/VWcPlbHglYc" alt="" />
|
|
<div class="overlay"><span>Image title</span></div>
|
|
</li>
|
|
<li>
|
|
<img src="https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExc3FzdTEyZWJ0aXlicmZvMzlnM28ycWpndHBlNmEydDd3MjdmdXFpeiZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/EZICHGrSD5QEFCxMiC/giphy.gif"
|
|
alt="" />
|
|
<div class="overlay"><span>Image title</span></div>
|
|
</li>
|
|
<li>
|
|
<img src="https://source.unsplash.com/e6FMMambeO4" alt="" />
|
|
<div class="overlay"><span>Image title</span></div>
|
|
</li>
|
|
<li>
|
|
<img src="https://source.unsplash.com/klCiPmzUw0Y" alt="" />
|
|
<div class="overlay"><span>Image title</span></div>
|
|
</li>
|
|
<li>
|
|
<img src="https://source.unsplash.com/IdNOTjPeHrE" alt="" />
|
|
<div class="overlay"><span>Image title</span></div>
|
|
</li>
|
|
</ul>
|
|
</div> -->
|
|
<script src="user_gallery.js"></script>
|
|
</body>
|
|
|
|
</html> |