|
|
<!DOCTYPE html> |
|
|
<html lang="en"> |
|
|
<head> |
|
|
<meta charset="UTF-8"> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
|
<title>My Papers | 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> |
|
|
.paper-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
.paper-card:hover { |
|
|
transform: translateY(-3px); |
|
|
box-shadow: 0 10px 20px rgba(0,0,0,0.1); |
|
|
} |
|
|
.q1-badge { |
|
|
background: linear-gradient(135deg, #4CAF50 0%, #81C784 100%); |
|
|
} |
|
|
.q2-badge { |
|
|
background: linear-gradient(135deg, #2196F3 0%, #64B5F6 100%); |
|
|
} |
|
|
.q3-badge { |
|
|
background: linear-gradient(135deg, #FF9800 0%, #FFB74D 100%); |
|
|
} |
|
|
.q4-badge { |
|
|
background: linear-gradient(135deg, #F44336 0%, #E57373 100%); |
|
|
} |
|
|
.sidebar { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
</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"> |
|
|
<div 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極端 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 bg-indigo-800 rounded-lg"> |
|
|
<i data-feather="file-text"></i> |
|
|
<span>My Papers</span> |
|
|
</a> |
|
|
<a href="#" class="flex items-center space-x-3 px極端 py-3 hover: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"></i> |
|
|
<span>Supervisor Notes</极> |
|
|
</a> |
|
|
<a href="#" class="flex items-center space-x-3 px-4 py-3 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">My Papers</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 papers..." 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>New Paper</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">Status:</span> |
|
|
<select class="border rounded-lg px-3 py-2 text-sm"> |
|
|
<option>All Status</option> |
|
|
<option>Draft</option> |
|
|
<option>Submitted</option> |
|
|
<option>Under Review</option> |
|
|
<option>Revisions</option> |
|
|
<option>Accepted</option> |
|
|
<option>Published</option> |
|
|
</select> |
|
|
</div> |
|
|
<div class="flex items-center space-x-2"> |
|
|
<span class="text-sm font-medium">Journal:</span> |
|
|
<select class="border rounded-lg px-3 py-2 text-sm"> |
|
|
<option>All Journals</option> |
|
|
<option>Nature Communications</option> |
|
|
<option>IEEE Access</option> |
|
|
<option>PLOS ONE</option> |
|
|
<option>SpringerPlus</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 Updated</option> |
|
|
<option>Title A-Z</option> |
|
|
<option>Due Date</option> |
|
|
<option>Impact Factor</option> |
|
|
</select> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6"> |
|
|
|
|
|
<div class="paper-card bg-white rounded-xl shadow-sm overflow-hidden cursor-pointer" onclick="window.location.href='paper-detail.html?id=1'"> |
|
|
<div class="p-6 border-b"> |
|
|
<div class="flex items-center justify-between mb-4"> |
|
|
<span class="q1-badge text-xs font-semibold px-2 py-1 rounded-full text-white">Q1</span> |
|
|
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 rounded-full">Under Review</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-2">Deep Learning Approaches for NLP</h3> |
|
|
<p class="text-sm text-gray-500 mb-4">A comprehensive study of deep learning techniques applied to natural language processing tasks.</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div class="text-sm text-gray-500"> |
|
|
<div class="flex items-center space-x-1"> |
|
|
<i data-feather="calendar" class="w-4 h-4"></i> |
|
|
<span>Due: 15 Oct 2023</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-xs font-medium text-indigo-600">Version 2.1</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-3 flex items-center justify-between"> |
|
|
<div class="flex -space-x-2"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt="Supervisor"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Student"> |
|
|
</div> |
|
|
<div class="text-xs text-gray-500">Last updated: 2 days ago</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="paper-card bg-white rounded-xl shadow-sm overflow-hidden cursor-pointer" onclick="window.location.href='paper-detail.html?id=2'"> |
|
|
<div class="p-6 border-b"> |
|
|
<div class="flex items-center justify-between mb-4"> |
|
|
<span class="q2-badge text-xs font-semibold px-2 py-1 rounded-full text-white">Q2</span> |
|
|
<span class="px-2 py-1 text-xs font-medium bg-yellow-100 text-yellow-800 rounded-full">Revisions</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-2">Transformer Models Survey</h3> |
|
|
<p class="text-sm text-gray-500 mb-4">An extensive review of transformer architectures and their applications across various domains.</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div class="text-sm text-gray-500"> |
|
|
<div class="flex items-center space極端1"> |
|
|
<i data-feather="calendar" class="w-4 h-4"></i> |
|
|
<span>Due: 30 Sep 2023</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-xs font-medium text-indigo-600">Version 1.3</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-3 flex items-center justify-between"> |
|
|
<div class="flex -space-x-2"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt="Supervisor"> |
|
|
</div> |
|
|
<div class="text-xs text-gray-500">Last updated: 5 days ago</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="paper-card bg-white rounded-xl shadow-sm overflow-hidden cursor-pointer" onclick="window.location.href='paper-detail.html?id=3'"> |
|
|
<div class="p-6 border-b"> |
|
|
<div class="flex items-center justify-between mb-4"> |
|
|
<span class="q3-badge text-xs font-semib極 px-2 py-1 rounded-full text-white">Q3</span> |
|
|
<span class="px-2 py-1 text-xs font-medium bg-blue-100 text-blue-極 rounded-full">Submitted</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-2">Sentiment Analysis Techniques</h3> |
|
|
<p class="text-sm text-gray-500 mb-4">Comparative analysis of modern sentiment analysis approaches using deep learning models.</p> |
|
|
<極 class="flex items-center justify-between"> |
|
|
<div class="text-sm text-gray-500"> |
|
|
<div class="flex items-center space-x-1"> |
|
|
<i data-feather="calendar" class="w-4 h-4"></i> |
|
|
<span>Due: 20 Nov 2023</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-xs font-medium text-indigo-600">Version 3.0</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-3 flex items-center justify-between"> |
|
|
<div class="flex -space-x-2"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt="Supervisor"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Student"> |
|
|
</div> |
|
|
<div class="text-xs text-gray-500">Last updated: 1 week ago</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="paper-card bg-white rounded-xl shadow-sm overflow-hidden cursor-pointer" onclick="window.location.href='paper-detail.html?id=4'"> |
|
|
<div class="p-6 border-b"> |
|
|
<div class="flex items-center justify-between mb-4"> |
|
|
<span class="q1-badge text-xs font-semibold px-2 py-1 rounded-full text-white">Q1</span> |
|
|
<span class="px-2 py-1 text-xs font-medium bg-purple-100 text-purple-800 rounded-full">Draft</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-2">AI Ethics in Research</h3> |
|
|
<p class="text-sm text-gray-500 mb-4">Exploring ethical considerations and frameworks for AI research and publication practices.</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div class="text-sm text-gray-500"> |
|
|
<div class="flex items-center space-x-1"> |
|
|
<i data-feather="calendar" class="w-4 h-4"></i> |
|
|
<span>Due: 15 Dec 2023</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-xs font-medium text-indigo-600">Version 0.5</极> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-3 flex items-center justify-between"> |
|
|
<div class="flex -space-x-2"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt="Supervisor"> |
|
|
</div> |
|
|
<div class="text-xs text-gray-500">Last updated: 3 days ago</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="paper-card bg-white rounded-xl shadow-sm overflow-hidden cursor-pointer" onclick="window.location.href='paper-detail.html?id=5'"> |
|
|
<div class="p-6 border-b"> |
|
|
<div class="flex items-center justify-between mb-4"> |
|
|
<span class="q4-badge text-xs font-semibold px-2 py-1 rounded-full text-white">Q4</span> |
|
|
<span class="px-2 py-1 text-xs font-medium bg-green-100 text-green-800 rounded-full">Accepted</span> |
|
|
</div> |
|
|
<h3 class="font-bold text-lg mb-2">Data Augmentation Methods</h3> |
|
|
<p class="text-sm text-gray-500 mb-4">Novel approaches to data augmentation for improving model generalization in low-resource scenarios.</p> |
|
|
<div class="flex items-center justify-between"> |
|
|
<div class="text-sm text-gray-500"> |
|
|
<div class="flex items-center space-x-1"> |
|
|
<i data-feather="calendar" class="w-4 h-4"></i> |
|
|
<span>Due: 05 Aug 2023</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="text-xs font-medium text-indigo-600">Version 4.2</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="bg-gray-50 px-6 py-3 flex items-center justify-between"> |
|
|
<div class="flex -space-x-2"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/women/12.jpg" alt="Supervisor"> |
|
|
<img class="w-6 h-6 rounded-full border-2 border-white" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Student"> |
|
|
</div> |
|
|
<div class="text-xs text-gray-500">Last updated: 2 weeks ago</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="paper-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 Paper</h3> |
|
|
<p class="text-sm text-gray-500 mt-1">Start a new research paper</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</main> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<script>AOS.init();</script> |
|
|
<script>feather.replace();</script> |
|
|
</body> |
|
|
</html> |
