Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ScholarSell | Market Your PhD Thesis</title> | |
| <script src="https://cdn.tailwindcss.com"></script> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> | |
| <style> | |
| .academic-gradient { | |
| background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%); | |
| } | |
| .thesis-card { | |
| transform-style: preserve-3d; | |
| transition: all 0.3s ease; | |
| box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .thesis-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); | |
| } | |
| .page-flip { | |
| animation: pageFlip 8s infinite alternate; | |
| transform-style: preserve-3d; | |
| } | |
| @keyframes pageFlip { | |
| 0% { transform: rotateY(0deg); } | |
| 50% { transform: rotateY(15deg); } | |
| 100% { transform: rotateY(0deg); } | |
| } | |
| .highlight-box { | |
| position: relative; | |
| } | |
| .highlight-box::before { | |
| content: ''; | |
| position: absolute; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| border: 2px solid #3b82f6; | |
| border-radius: 0.5rem; | |
| pointer-events: none; | |
| animation: pulseBorder 2s infinite; | |
| } | |
| @keyframes pulseBorder { | |
| 0% { opacity: 0.3; } | |
| 50% { opacity: 1; } | |
| 100% { opacity: 0.3; } | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-50"> | |
| <!-- Header --> | |
| <header class="academic-gradient text-white"> | |
| <div class="container mx-auto px-6 py-12"> | |
| <div class="flex flex-col md:flex-row items-center justify-between"> | |
| <div class="md:w-1/2 mb-8 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-4">Monetize Your Academic Work</h1> | |
| <p class="text-xl text-blue-100 mb-6">Turn your PhD thesis into a revenue stream while advancing knowledge in your field.</p> | |
| <div class="flex space-x-4"> | |
| <button class="bg-white text-blue-800 hover:bg-blue-100 font-bold py-3 px-6 rounded-full"> | |
| <i class="fas fa-rocket mr-2"></i> List Your Thesis | |
| </button> | |
| <button class="border-2 border-white text-white hover:bg-blue-700 font-bold py-3 px-6 rounded-full"> | |
| <i class="fas fa-book-open mr-2"></i> Browse Marketplace | |
| </button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative w-64 h-80"> | |
| <div class="absolute inset-0 bg-white rounded-lg shadow-lg page-flip"> | |
| <div class="h-full flex flex-col p-6"> | |
| <div class="flex-1 bg-blue-50 rounded-t-lg p-4"> | |
| <h3 class="text-blue-800 font-bold text-center">PhD Thesis</h3> | |
| <div class="h-32 bg-white mt-4 rounded p-2 text-xs text-gray-700"> | |
| <p class="mb-1">Abstract: This dissertation examines...</p> | |
| <p class="mb-1">Methodology: Quantitative analysis...</p> | |
| <p>Findings: Significant correlation...</p> | |
| </div> | |
| </div> | |
| <div class="bg-blue-100 rounded-b-lg p-4"> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-blue-800 font-bold">$49.99</span> | |
| <button class="bg-blue-600 text-white text-xs py-1 px-2 rounded"> | |
| <i class="fas fa-cart-plus"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Value Proposition --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Why Sell Your PhD Thesis With Us?</h2> | |
| <div class="grid md:grid-cols-3 gap-8"> | |
| <div class="bg-gray-50 p-8 rounded-lg hover:shadow-lg transition-shadow"> | |
| <div class="text-blue-600 text-4xl mb-4"> | |
| <i class="fas fa-hand-holding-usd"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3 text-gray-800">Earn Royalties</h3> | |
| <p class="text-gray-600">Receive 70% of all sales, paid monthly. Your academic work continues to generate income long after graduation.</p> | |
| </div> | |
| <div class="bg-gray-50 p-8 rounded-lg hover:shadow-lg transition-shadow"> | |
| <div class="text-blue-600 text-4xl mb-4"> | |
| <i class="fas fa-chart-line"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3 text-gray-800">Increase Visibility</h3> | |
| <p class="text-gray-600">Our platform puts your research in front of thousands of academics, professionals, and students worldwide.</p> | |
| </div> | |
| <div class="bg-gray-50 p-8 rounded-lg hover:shadow-lg transition-shadow"> | |
| <div class="text-blue-600 text-4xl mb-4"> | |
| <i class="fas fa-shield-alt"></i> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3 text-gray-800">Copyright Protection</h3> | |
| <p class="text-gray-600">We use blockchain technology to protect your intellectual property and track all usage of your work.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Thesis Listing Form --> | |
| <section class="py-16 bg-gray-100"> | |
| <div class="container mx-auto px-6"> | |
| <div class="max-w-4xl mx-auto bg-white rounded-xl shadow-md overflow-hidden"> | |
| <div class="md:flex"> | |
| <div class="md:w-1/3 bg-blue-800 p-8 text-white"> | |
| <h2 class="text-2xl font-bold mb-4">List Your Thesis</h2> | |
| <p class="mb-6">Complete this form to start earning from your research today.</p> | |
| <div class="flex items-center mb-4"> | |
| <div class="mr-4 text-2xl"> | |
| <i class="fas fa-lock"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Secure Submission</h4> | |
| <p class="text-sm text-blue-200">All data is encrypted</p> | |
| </div> | |
| </div> | |
| <div class="flex items-center"> | |
| <div class="mr-4 text-2xl"> | |
| <i class="fas fa-clock"></i> | |
| </div> | |
| <div> | |
| <h4 class="font-bold">Quick Process</h4> | |
| <p class="text-sm text-blue-200">Approval within 48 hours</p> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="md:w-2/3 p-8"> | |
| <form id="thesisForm"> | |
| <div class="mb-6"> | |
| <label class="block text-gray-700 font-bold mb-2" for="title">Thesis Title</label> | |
| <input class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" | |
| id="title" type="text" placeholder="e.g. 'Quantum Effects in Nanostructures'"> | |
| </div> | |
| <div class="grid md:grid-cols-2 gap-6 mb-6"> | |
| <div> | |
| <label class="block text-gray-700 font-bold mb-2" for="discipline">Discipline</label> | |
| <select class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" id="discipline"> | |
| <option value="">Select your field</option> | |
| <option value="physical-sciences">Physical Sciences</option> | |
| <option value="life-sciences">Life Sciences</option> | |
| <option value="engineering">Engineering</option> | |
| <option value="social-sciences">Social Sciences</option> | |
| <option value="humanities">Humanities</option> | |
| </select> | |
| </div> | |
| <div> | |
| <label class="block text-gray-700 font-bold mb-2" for="price">Price (USD)</label> | |
| <input class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500" | |
| id="price" type="number" min="9.99" max="999" step="0.01" placeholder="49.99"> | |
| </div> | |
| </div> | |
| <div class="mb-6"> | |
| <label class="block text-gray-700 font-bold mb-2" for="abstract">Abstract (Max 300 words)</label> | |
| <textarea class="w-full px-4 py-3 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 h-32" | |
| id="abstract" placeholder="Brief summary of your research..."></textarea> | |
| </div> | |
| <div class="mb-6"> | |
| <label class="block text-gray-700 font-bold mb-2">Upload PDF</label> | |
| <div class="border-2 border-dashed border-gray-300 rounded-lg p-6 text-center highlight-box"> | |
| <div class="text-blue-500 text-4xl mb-2"> | |
| <i class="fas fa-cloud-upload-alt"></i> | |
| </div> | |
| <p class="text-gray-600">Drag & drop your thesis PDF here or click to browse</p> | |
| <input type="file" class="hidden" id="thesisFile" accept=".pdf"> | |
| </div> | |
| </div> | |
| <div class="flex items-center mb-6"> | |
| <input class="mr-2" type="checkbox" id="agreement" required> | |
| <label class="text-gray-700" for="agreement"> | |
| I confirm that I hold the copyright to this work and agree to the | |
| <a href="#" class="text-blue-600 hover:underline">Terms of Service</a> | |
| </label> | |
| </div> | |
| <button class="w-full bg-blue-600 hover:bg-blue-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300" type="submit"> | |
| <i class="fas fa-paper-plane mr-2"></i> Submit Thesis | |
| </button> | |
| </form> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Success Stories --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-6"> | |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Success Stories</h2> | |
| <div class="grid md:grid-cols-2 gap-8"> | |
| <div class="bg-gray-50 p-8 rounded-lg"> | |
| <div class="flex items-start mb-4"> | |
| <img class="w-16 h-16 rounded-full object-cover mr-4" src="https://randomuser.me/api/portraits/women/44.jpg" alt="Dr. Sarah Chen"> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-800">Dr. Sarah Chen</h3> | |
| <p class="text-blue-600">Materials Science, Stanford University</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4">"I've earned over $8,000 from my thesis on nanomaterials. It's been downloaded by researchers in 23 countries!"</p> | |
| <div class="flex items-center text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <span class="ml-2 text-gray-600">128 purchases</span> | |
| </div> | |
| </div> | |
| <div class="bg-gray-50 p-8 rounded-lg"> | |
| <div class="flex items-start mb-4"> | |
| <img class="w-16 h-16 rounded-full object-cover mr-4" src="https://randomuser.me/api/portraits/men/32.jpg" alt="Dr. James Oluwande"> | |
| <div> | |
| <h3 class="text-xl font-bold text-gray-800">Dr. James Oluwande</h3> | |
| <p class="text-blue-600">Economics, London School of Economics</p> | |
| </div> | |
| </div> | |
| <p class="text-gray-600 mb-4">"My thesis on behavioral economics has been cited in 3 books and I receive monthly royalty payments."</p> | |
| <div class="flex items-center text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star-half-alt"></i> | |
| <span class="ml-2 text-gray-600">94 purchases</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ --> | |
| <section class="py-16 bg-gray-100"> | |
| <div class="container mx-auto px-6 max-w-4xl"> | |
| <h2 class="text-3xl font-bold text-center mb-12 text-gray-800">Frequently Asked Questions</h2> | |
| <div class="space-y-4"> | |
| <div class="bg-white p-6 rounded-lg shadow"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-gray-800" onclick="toggleFAQ(1)"> | |
| <span>How does copyright work when I sell my thesis?</span> | |
| <i class="fas fa-chevron-down transition-transform" id="faqIcon1"></i> | |
| </button> | |
| <div class="mt-3 text-gray-600 hidden" id="faqContent1"> | |
| <p>You retain full copyright of your work. By listing on our platform, you grant us a non-exclusive license to distribute your thesis. Purchasers receive a license to read and cite your work, but cannot redistribute it.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-gray-800" onclick="toggleFAQ(2)"> | |
| <span>What formats can I upload my thesis in?</span> | |
| <i class="fas fa-chevron-down transition-transform" id="faqIcon2"></i> | |
| </button> | |
| <div class="mt-3 text-gray-600 hidden" id="faqContent2"> | |
| <p>We accept PDF, Word (.docx), and LaTeX source files. PDF is preferred as it maintains formatting across devices. If you upload source files, we'll compile them into a PDF for distribution.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-gray-800" onclick="toggleFAQ(3)"> | |
| <span>How are payments processed?</span> | |
| <i class="fas fa-chevron-down transition-transform" id="faqIcon3"></i> | |
| </button> | |
| <div class="mt-3 text-gray-600 hidden" id="faqContent3"> | |
| <p>We process payments monthly via PayPal, direct bank transfer, or cryptocurrency. You'll receive a detailed statement showing all downloads and earnings. Minimum payout is $50.</p> | |
| </div> | |
| </div> | |
| <div class="bg-white p-6 rounded-lg shadow"> | |
| <button class="flex justify-between items-center w-full text-left font-bold text-gray-800" onclick="toggleFAQ(4)"> | |
| <span>Can I update my thesis after publishing?</span> | |
| <i class="fas fa-chevron-down transition-transform" id="faqIcon4"></i> | |
| </button> | |
| <div class="mt-3 text-gray-600 hidden" id="faqContent4"> | |
| <p>Yes! You can upload revised versions at any time. Previous purchasers will receive free access to updates. We maintain version history so researchers can cite specific editions.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Call to Action --> | |
| <section class="py-16 academic-gradient text-white"> | |
| <div class="container mx-auto px-6 text-center"> | |
| <h2 class="text-3xl font-bold mb-6">Ready to Monetize Your Research?</h2> | |
| <p class="text-xl text-blue-100 mb-8 max-w-2xl mx-auto">Join hundreds of PhDs who are earning from their academic work while contributing to global knowledge.</p> | |
| <button class="bg-white text-blue-800 hover:bg-blue-100 font-bold py-3 px-8 rounded-full text-lg"> | |
| <i class="fas fa-user-graduate mr-2"></i> Create Scholar Account | |
| </button> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-6"> | |
| <div class="grid md:grid-cols-4 gap-8"> | |
| <div> | |
| <h3 class="text-xl font-bold mb-4">ScholarSell</h3> | |
| <p class="text-gray-400">Empowering academics to monetize their research while advancing human knowledge.</p> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Quick Links</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Browse Theses</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Sell Your Thesis</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Pricing</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Success Stories</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Support</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Help Center</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Copyright FAQ</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Contact Us</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white">Privacy Policy</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="font-bold mb-4">Connect</h4> | |
| <div class="flex space-x-4 mb-4"> | |
| <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-twitter"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-linkedin"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-researchgate"></i></a> | |
| <a href="#" class="text-gray-400 hover:text-white text-xl"><i class="fab fa-orcid"></i></a> | |
| </div> | |
| <p class="text-gray-400">Subscribe to our academic newsletter</p> | |
| <div class="mt-2 flex"> | |
| <input class="px-4 py-2 rounded-l-lg text-gray-800 w-full" type="email" placeholder="Your email"> | |
| <button class="bg-blue-600 hover:bg-blue-700 px-4 rounded-r-lg"> | |
| <i class="fas fa-paper-plane"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"> | |
| <p>© 2023 ScholarSell. All rights reserved. Academic marketplace for PhD theses and dissertations.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Toggle FAQ items | |
| function toggleFAQ(num) { | |
| const content = document.getElementById(`faqContent${num}`); | |
| const icon = document.getElementById(`faqIcon${num}`); | |
| if (content.classList.contains('hidden')) { | |
| content.classList.remove('hidden'); | |
| icon.classList.add('rotate-180'); | |
| } else { | |
| content.classList.add('hidden'); | |
| icon.classList.remove('rotate-180'); | |
| } | |
| } | |
| // Form submission | |
| document.getElementById('thesisForm').addEventListener('submit', function(e) { | |
| e.preventDefault(); | |
| alert('Thank you for submitting your thesis! Our academic team will review it within 48 hours.'); | |
| this.reset(); | |
| }); | |
| // File upload interaction | |
| const fileInput = document.getElementById('thesisFile'); | |
| const uploadBox = document.querySelector('.highlight-box'); | |
| uploadBox.addEventListener('click', () => fileInput.click()); | |
| fileInput.addEventListener('change', function() { | |
| if (this.files.length > 0) { | |
| uploadBox.innerHTML = ` | |
| <div class="text-green-500 text-4xl mb-2"> | |
| <i class="fas fa-check-circle"></i> | |
| </div> | |
| <p class="text-gray-600">${this.files[0].name}</p> | |
| <p class="text-sm text-gray-500">${(this.files[0].size / 1024 / 1024).toFixed(2)} MB</p> | |
| `; | |
| } | |
| }); | |
| // Drag and drop for file upload | |
| uploadBox.addEventListener('dragover', (e) => { | |
| e.preventDefault(); | |
| uploadBox.classList.add('border-blue-500', 'bg-blue-50'); | |
| }); | |
| uploadBox.addEventListener('dragleave', () => { | |
| uploadBox.classList.remove('border-blue-500', 'bg-blue-50'); | |
| }); | |
| uploadBox.addEventListener('drop', (e) => { | |
| e.preventDefault(); | |
| uploadBox.classList.remove('border-blue-500', 'bg-blue-50'); | |
| if (e.dataTransfer.files.length > 0) { | |
| fileInput.files = e.dataTransfer.files; | |
| const event = new Event('change'); | |
| fileInput.dispatchEvent(event); | |
| } | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - <a href="https://enzostvs-deepsite.hf.space?remix=jrrade/sell-phd-thesis" style="color: #fff;text-decoration: underline;" target="_blank" >🧬 Remix</a></p></body> | |
| </html> |