<title>OpenEinstein – La science pour tous</title>
<style>
body { font-family: 'Roboto', sans-serif; margin:0; padding:0; background:#f4f4f4; color:#333; }
header { background:#1E90FF; color:white; padding:20px 0; text-align:center; }
header h1 { margin:0; font-family: 'Montserrat', sans-serif; font-size:2.5em; }
nav { display:flex; justify-content:center; background:#104E8B; flex-wrap: wrap; }
nav a { color:white; padding:15px 20px; text-decoration:none; }
nav a:hover { background:#1C86EE; }
main { padding:20px; max-width:1000px; margin:auto; }
.article, .article-detail { background:white; padding:15px; margin-bottom:15px; border-radius:12px; box-shadow:0 4px 8px rgba(0,0,0,0.1); transition: transform 0.2s; }
.article:hover { transform: scale(1.02); }
.article h3, .article-detail h3 { color:#1E90FF; }
.article p, .article-detail p { margin:5px 0; }
.btn { display:inline-block; padding:8px 15px; margin-right:10px; background:#FFD700; color:#104E8B; text-decoration:none; border-radius:5px; cursor:pointer; font-weight:bold; }
.btn:hover { background:#e6c200; }
footer { text-align:center; padding:15px; background:#ddd; margin-top:20px; border-top:1px solid #ccc; }
form input, form select, form textarea { width:100%; padding:10px; margin-bottom:10px; border-radius:5px; border:1px solid #ccc; }
form button { background:#FFD700; color:#104E8B; border:none; padding:10px 15px; border-radius:5px; cursor:pointer; font-weight:bold; }
form button:hover { background:#e6c200; }
.hidden { display:none; }
#searchInput { width:100%; padding:10px; margin-bottom:15px; border-radius:5px; border:1px solid #ccc; }
iframe { width:100%; height:400px; border:1px solid #ccc; border-radius:5px; margin-top:10px; }
@media (max-width: 768px) {
nav { flex-direction: column; align-items: center; display:none; }
nav.active { display:flex; }
#menuButton { display:block; background:#104E8B; color:white; border:none; padding:10px 15px; margin:10px; border-radius:5px; cursor:pointer; font-weight:bold; }
}
</style>
“La science pour tous – Étudiants et chercheurs”
☰ Menu
Accueil
Publier
Articles
Profil
À propos
Derniers articles publiés
Catégorie
Biologie
Chimie
Physique
Énergie
Médecine
<textarea placeholder="Résumé de l’article" id="summary" rows="5" required></textarea>
Publier
Article publié avec succès ✅
Nom complet : –
Email : –
ORCID : –
Articles publiés :
Gains cumulés : 0 $
OpenEinstein libère la science :
Accès gratuit pour tous
Système de récompense pour les auteurs
Contenus vérifiés et authentifiés
Articles avec Nom, Prénom, ORCID, DOI et mots-clés
Mission : “La science pour tous”
© 2025 OpenEinstein – Tous droits réservés
<script>
const publishForm = document.getElementById('publishForm');
const successMsg = document.getElementById('successMsg');
const articleContainer = document.getElementById('articleContainer');
const profileArticles = document.getElementById('profileArticles');
const gainsDisplay = document.getElementById('gains');
const fullNameSpan = document.getElementById('fullName');
const emailProfile = document.getElementById('emailProfile');
const orcidProfile = document.getElementById('orcidProfile');
let totalGains = 0;
let articles = [];
function toggleMenu(){
document.getElementById('mainNav').classList.toggle('active');
}
publishForm.addEventListener('submit', function(e){
e.preventDefault();
const firstName = document.getElementById('firstName').value;
const lastName = document.getElementById('lastName').value;
const email = document.getElementById('email').value;
const title = document.getElementById('title').value;
const orcid = document.getElementById('orcid').value;
const doi = document.getElementById('doi').value;
const keywords = document.getElementById('keywords').value;
const category = document.getElementById('category').value;
const summary = document.getElementById('summary').value;
const pdfFile = document.getElementById('pdfUpload').files[0];
if(!pdfFile){ alert("Veuillez uploader un PDF"); return; }
const article = {firstName,lastName,email,title,orcid,doi,keywords,category,summary,pdfURL:URL.createObjectURL(pdfFile),views:0,gains:0};
articles.push(article);
renderArticles();
updateProfile(firstName,lastName,email,orcid);
successMsg.classList.remove('hidden');
setTimeout(()=>{ successMsg.classList.add('hidden'); },3000);
publishForm.reset();
});
function renderArticles(){
articleContainer.innerHTML='';
articles.forEach((art,index)=>{
const div = document.createElement('div');
div.className='article';
div.innerHTML=`
Auteur : ${art.firstName} ${art.lastName} | Catégorie : ${art.category}
ORCID : ${art.orcid} | DOI : ${art.doi}
Mots-clés : ${art.keywords}
Résumé : ${art.summary}
<iframe src="${art.pdfURL}" type="application/pdf"></iframe>
Vues : ${art.views} | Soutiens : ${art.gains}$
📄 Télécharger
💰 Soutenir l’auteur
`;
articleContainer.appendChild(div);
});
}
function downloadArticle(index){
articles[index].views += 1;
renderArticles();
window.open(articles[index].pdfURL, "_blank");
}
function donAuteur(index,amount){
articles[index].gains += amount;
totalGains += amount;
gainsDisplay.textContent = totalGains;
renderArticles();
alert(`Vous avez soutenu ${articles[index].firstName} ${articles[index].lastName} avec ${amount}$ 💰`);
}
function updateProfile(firstName,lastName,email,orcid){
fullNameSpan.textContent = `${firstName} ${lastName}`;
emailProfile.textContent = email;
orcidProfile.textContent = orcid;
profileArticles.innerHTML='';
articles.forEach(art => {
const li = document.createElement('li');
li.textContent = `${art.title} – ${art.views} vues – ${art.gains}$ soutiens`;
profileArticles.appendChild(li);
});
}
function filterArticles(){
const query = document.getElementById('searchInput').value.toLowerCase();
const filtered = articles.filter(a =>
a.title.toLowerCase().includes(query) ||
a.firstName.toLowerCase().includes(query) ||
a.lastName.toLowerCase().includes(query) ||
a.orcid.toLowerCase().includes(query) ||
a.doi.toLowerCase().includes(query)
