|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>References | Research Portal</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> |
|
|
.sidebar { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.reference-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.reference-card:hover { |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 10px 20px rgba(0,0,0,0.1); |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body class="bg-gray-50 font-sans"> |
|
|
<div class="flex h-screen overflow-hidden"> |
|
|
|
|
|
<div class="sidebar bg-indigo-900 text-white w-64 flex-shrink-0 hidden md:block"> |
|
|
<极 class="p-4"> |
|
|
<div class="flex items-center space-x-3"> |
|
|
<i data-feather="book-open" class="w-8 h-8"></i> |
|
|
<h1 class="text-xl font-bold">Research Portal</h1> |
|
|
</div> |
|
|
<div class="mt-8"> |
|
|
<div class="px-4 py-2 bg-indigo-800 rounded-lg"> |
|
|
<div class="flex items-center space-x极3"> |
|
|
<div class="w-10 h-10 rounded-full bg-indigo-600 flex items-center justify-center"> |
|
|
<i data-feather="user"></i> |
|
|
</div> |
|
|
<div> |
|
|
<p class="font-medium">PhD Student</p> |
|
|
<p class="text-xs text-indigo-300">Computer Science</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<nav class="mt-8"> |
|
|
<div class="space-y-2"> |
|
|
<a href="index.html" class="flex items-center space-x-3 px-4 py-3 hover:bg-indigo-800 rounded-lg"> |
|
|
<i data-feather="home"></i> |
|
|
<span>Dashboard</span> |
|
|
</a> |
|
|
<a href="my-papers.html" class="flex items-center space-x-3 px-4 py-3 hover:bg-indigo-800 rounded-lg"> |
|
|
<i data-feather="file-text"></i> |
|
|
<span>My Papers</span> |
|
|
</a> |
|
|
<a href="references.html" class="flex items-center space-x-3 px-4 py-3 bg-indigo-800 rounded-lg"> |
|
|
<i data-feather="bookmark"></i> |
|
|
<span>References</span> |
|
|
</a> |
|
|
<a href="#" class="flex items-center space-x-3 px-4 py-3 hover:bg-indigo-800 rounded-lg"> |
|
|
<i data-feather="calendar"></i> |
|
|
<span>Timeline</span> |
|
|
</a> |
|
|
<a href="#" class="flex items-center space-x-3 px-4 py-3 hover:bg-indigo-800 rounded-lg"> |
|
|
<i data-feather="message-square"></极> |
|
|
<span>Supervisor Notes</span> |
|
|
</a> |
|
|
<a href="#" class="flex items-center space-x-3 px-4 py-极 hover:bg-indigo-800 rounded-lg"> |
|
|
<i data-feather="settings"></i> |
|
|
<span>Settings</span> |
|
|
</a> |
|
|
</div> |
|
|
</nav> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex-1 overflow-auto"> |
|
|
|
|
|
<header class="bg-white shadow-sm"> |
|
|
<div class="px-6 py-4 flex items-center justify-between"> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<button class="md:hidden"> |
|
|
<i data-feather="menu"></i> |
|
|
</button> |
|
|
<h1 class="text-xl font-semibold text-gray-800">References</h1> |
|
|
</div> |
|
|
<div class="flex items-center space-x-4"> |
|
|
<div class="relative"> |
|
|
<i data-feather="search" class="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400"></i> |
|
|
<input type="text" placeholder="Search references..." class="pl-10 pr-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500"> |
|
|
</div> |
|
|
<button class="flex items-center space-x-2 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700"> |
|
|
<i data-feather="plus" class="w-4 h-4"></i> |
|
|
<span>Add Reference</span> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<main class="p-6"> |
|
|
|
|
|
<div class="bg-white p-4 rounded-xl shadow-sm mb-6"> |
|
|
<div class="flex flex-wrap items-center gap-4"> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<span class="text-sm font-medium">Type:</span> |
|
|
<select class="border rounded-lg px-3 py-2 text-sm"> |
|
|
<option>All Types</option> |
|
|
<option>Journal Article</option> |
|
|
<option>Conference Paper</option> |
|
|
<option>Book</option> |
|
|
<option>Thesis</option> |
|
|
<option>Website</option> |
|
|
</select> |
|
|
</div> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<span class="text-sm font-medium">Year:</span> |
|
|
<select class="border rounded-lg px-3 py-2 text-sm"> |
|
|
<option>All Years</option> |
|
|
<option>2023</option> |
|
|
<option>2022</option> |
|
|
<option>2021</option> |
|
|
<option>2020</option> |
|
|
<option>Before 2020</option> |
|
|
</select> |
|
|
</div> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<span class="text-sm font-medium">Sort by:</span> |
|
|
<select class="border rounded-lg px-3 py-2 text-sm"> |
|
|
<option>Recently Added</option> |
|
|
<option>Title A-Z</option> |
|
|
<option>Author</option> |
|
|
<option>Year (Newest)</option> |
|
|
<option>Year (Oldest)</option> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
<div class="reference-card bg-white rounded-xl shadow-sm overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="w-12 h-12 bg-purple-100 rounded-lg flex items-center justify-center"> |
|
|
<i data-feather="book" class="text-purple-600"></i> |
|
|
</div> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="edit" class="w-4 h-4"></i> |
|
|
</button> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="trash-2" class="w-4 h-4"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-1">Attention Is All You Need</h3> |
|
|
<p class="text-sm text-gray-500 mb-3">Vaswani et al., 2017</p> |
|
|
<p class="text-sm text-gray-600 mb-4">Neural Information Processing Systems (NeurIPS)</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<span class="text-xs font-medium bg-gray-100 text-gray-800 px-2 py-1 rounded">Neural Networks</span> |
|
|
<div class="flex items-center space-x-1 text-xs text-gray-500"> |
|
|
<i data-feather="calendar" class="w-3 h-3"></i> |
|
|
<span>Added: 2 days ago</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reference-card bg-white rounded-xl shadow-sm overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="w-12 h-12 bg-green-100 rounded-lg flex items-center justify-center"> |
|
|
<i data-feather="book" class="text-green-600"></i> |
|
|
</div> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover极bg-gray-200"> |
|
|
<i data-feather="edit" class="w-4 h-4"></i> |
|
|
</button> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="trash-2" class="w-4 h-4"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-1">BERT: Pre-training of Deep Bidirectional Transformers</h3> |
|
|
<p class="text-sm text-gray-500 mb-3">Devlin et al., 2018</p> |
|
|
<p class="text-sm text-gray-600 mb-4">North American Chapter of the Association for Computational Linguistics (NAACL)</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<span class="text-xs font-medium bg-gray-100 text-gray-800 px-2 py-1 rounded">NLP</span> |
|
|
<div class="flex items-center space-x-1 text-xs text-gray-500"> |
|
|
<i data-feather="calendar" class="w-3 h-3"></i> |
|
|
<span>Added: 1 week ago</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reference-card bg-white rounded-xl shadow-sm overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="极-12 h-12 bg-blue-100 rounded-lg flex items-center justify-center"> |
|
|
<i data-feather="book" class="text-blue-600"></i> |
|
|
</div> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="edit" class="w-4 h-4"></i> |
|
|
</button> |
|
|
<button class="w-8 h-8 rounded-full bg-gray极00 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="trash-2" class="w-4 h-4"></极> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-1">Deep Learning</h3> |
|
|
<p class="text-sm text-gray-500 mb-3">Goodfellow et al., 2016</p> |
|
|
<p class="text-sm text-gray-600 mb-4">MIT Press</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<span class="text-xs font-medium bg-gray-100 text-gray-800 px-2 py-1 rounded">Textbook</span> |
|
|
<div class="flex items-center space-x-1 text-xs text-gray-500"> |
|
|
<i data-feather="calendar" class="w-3 h-3"></i> |
|
|
<span>Added: 3 weeks ago</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reference-card bg-white rounded-xl shadow-sm overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="w-12 h-12 bg-orange-100 rounded-lg flex items-center justify-center"> |
|
|
<i data-feather="book" class="text-orange-600"></i> |
|
|
</div> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="edit" class="w-4 h-4"></i> |
|
|
</button> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="trash-2" class="w-4 h-4"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-1">Language Models are Few-Shot Learners</h3> |
|
|
<p class="text-sm text-gray-500 mb-3">Brown et al., 2020</p> |
|
|
<p class="text-sm text-gray-600 mb-4">Neural Information Processing Systems (NeurIPS)</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<span class="text-xs font-medium bg-gray-100 text-gray-800 px-2 py-1 rounded">LLM</span> |
|
|
<div class="flex items-center space-x-1极xs text-gray-500"> |
|
|
<i data-feather="calendar" class="w-3 h-3"></i> |
|
|
<span>Added: 5 days ago</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reference-card bg-white rounded-xl shadow-sm overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="w-12 h-12 bg-red-100 rounded-lg flex items-center justify-center"> |
|
|
<i data-feather="book" class="text-red-600"></i> |
|
|
</div> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="edit" class="w-4 h-4"></i> |
|
|
</button> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:极gray-200"> |
|
|
<i data-feather="trash-2" class="w-4 h-4"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-1">ImageNet Classification with Deep Convolutional Neural Networks</h3> |
|
|
<p class="text-sm text-gray-500 mb-3">Krizhevsky et al., 2012</p> |
|
|
<p class="text-sm text-gray-600 mb-4">Neural Information Processing Systems (NeurIPS)</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<span class="text-xs font-medium bg-gray-100 text-gray-800 px-2 py-1 rounded">Computer Vision</span> |
|
|
<div class="flex items-center space-x-1 text-xs text-gray-500"> |
|
|
<i data-feather="calendar" class="w-3 h-3"></i> |
|
|
<span>Added: 2 weeks ago</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reference-card bg-white rounded-xl shadow-sm overflow-hidden"> |
|
|
<div class="p-6"> |
|
|
<div class="flex items-start justify-between mb-3"> |
|
|
<div class="w-12 h-12 bg-indigo-100 rounded-lg flex items-center justify-center"> |
|
|
<i data-feather="book" class="text-indigo-600"></i> |
|
|
</div> |
|
|
<div class="flex space-x-2"> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="edit" class="w-4 h-4"></i> |
|
|
</button> |
|
|
<button class="w-8 h-8 rounded-full bg-gray-100 flex items-center justify-center hover:bg-gray-200"> |
|
|
<i data-feather="trash-2" class="w-4 h-4"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-1">Generative Adversarial Networks</h3> |
|
|
<p class="text-sm text-gray-500 mb-3">Goodfellow et al., 2014</p> |
|
|
<p class="text-sm text-gray-600 mb-4">Neural Information Processing Systems (NeurIPS)</极> |
|
|
<div class="flex items-center justify-between"> |
|
|
<span class="text-xs font-medium bg-gray-100 text-gray-800 px-2 py-1 rounded">GAN</span> |
|
|
<div class="flex items-center space-x-1 text-xs text-gray-500"> |
|
|
<i data-feather="calendar" class="w-3 h-3"></i> |
|
|
<span>Added: 4 days ago</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="reference-card bg-gray-50 border-2 border-dashed border-gray-300 rounded-xl flex items-center justify-center cursor-pointer hover:border-indigo-400 hover:bg-indigo-50 transition-colors"> |
|
|
<div class="text-center p-6"> |
|
|
<div class="w-12 h-12 bg-indigo-100 rounded-full flex items-center justify-center mx-auto mb-3"> |
|
|
<i data-feather="plus" class="text-indigo-600"></i> |
|
|
</div> |
|
|
<h3 class="font-medium text-gray-700">Add New Reference</h3> |
|
|
<p class="text-sm text-gray-500 mt-1">Add a new reference to your library</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script>AOS.init();</script> |
|
|
<script>feather.replace();</script> |
|
|
</body> |
|
|
</html> |
