Skip to content
Snippets Groups Projects
Unverified Commit cdecb9c0 authored by OumaimaAMAL's avatar OumaimaAMAL Committed by GitHub
Browse files

Update index.html

parent 24ecd5b7
Branches
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 13 additions and 72 deletions
index.html
+ 13
− 72
View file @ cdecb9c0
...@@ -5,99 +5,46 @@ ...@@ -5,99 +5,46 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ontologie DQA</title> <title>Ontologie DQA</title>
<style> <style>
:root {
--bg-color: #ffffff;
--text-color: #333;
--btn-bg: #007bff;
--btn-hover: #0056b3;
}
body.dark-mode {
--bg-color: #1e1e1e;
--text-color: #f1f1f1;
--btn-bg: #17a2b8;
--btn-hover: #117a8b;
}
body { body {
font-family: Arial, sans-serif; font-family: Arial, sans-serif;
background-color: var(--bg-color);
color: var(--text-color);
text-align: center; text-align: center;
padding: 20px; background-color: #f4f4f4;
transition: background 0.3s, color 0.3s; color: #333;
padding: 50px;
} }
h1 { h1 {
font-size: 2em; color: #007bff;
}
p {
font-size: 1.2em;
} }
a {
.button {
display: inline-block; display: inline-block;
margin: 10px; margin: 10px;
padding: 10px 20px; padding: 10px 20px;
font-size: 1em; font-size: 1em;
color: white; color: white;
background-color: var(--btn-bg); background-color: #007bff;
border: none; text-decoration: none;
border-radius: 5px; border-radius: 5px;
cursor: pointer;
transition: background 0.3s;
}
.button:hover {
background-color: var(--btn-hover);
} }
a:hover {
#toggle-mode { background-color: #0056b3;
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
cursor: pointer;
font-size: 1.5em;
} }
.copy-message { .copy-message {
display: none;
color: green; color: green;
font-size: 0.9em; font-size: 0.9em;
display: none;
margin-top: 10px; margin-top: 10px;
} }
</style> </style>
</head> </head>
<body> <body>
<button id="toggle-mode">🌙</button>
<h1>Ontologie DQA</h1> <h1>Ontologie DQA</h1>
<p>Bienvenue sur la page de l'ontologie <strong>DQA</strong>, dédiée à l'évaluation de la qualité des données.</p> <p>Bienvenue sur la page de l'ontologie <strong>DQA</strong>, dédiée à l'évaluation de la qualité des données.</p>
<p><a href="dqa.rdf" download>📥 Télécharger l'ontologie</a></p>
<button class="button" onclick="downloadOntology()">📥 Télécharger l'ontologie</button> <p><a href="dqa.rdf">🔗 Accéder à l'ontologie</a></p>
<button class="button" onclick="redirectToOntology()">🔗 Accéder à l'ontologie</button> <p><a href="#" onclick="copyToClipboard()">📋 Copier le lien</a></p>
<button class="button" onclick="copyToClipboard()">📋 Copier le lien</button>
<p class="copy-message" id="copy-message">✅ Lien copié dans le presse-papiers !</p> <p class="copy-message" id="copy-message">✅ Lien copié dans le presse-papiers !</p>
<script> <script>
function downloadOntology() {
const link = document.createElement("a");
link.href = "dqa.rdf";
link.download = "dqa.rdf"; // Forcer le téléchargement
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
function redirectToOntology() {
window.open("dqa.rdf", "_blank");
}
function copyToClipboard() { function copyToClipboard() {
const url = window.location.href + "dqa.rdf"; const url = window.location.href + "dqa.rdf";
navigator.clipboard.writeText(url).then(() => { navigator.clipboard.writeText(url).then(() => {
...@@ -107,12 +54,6 @@ ...@@ -107,12 +54,6 @@
}, 2000); }, 2000);
}); });
} }
document.getElementById("toggle-mode").addEventListener("click", function() {
document.body.classList.toggle("dark-mode");
this.textContent = document.body.classList.contains("dark-mode") ? "☀️" : "🌙";
});
</script> </script>
</body> </body>
</html> </html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment