diff --git a/NulllogiconeCore/NulllogiconeCore/Pages/Index.cshtml b/NulllogiconeCore/NulllogiconeCore/Pages/Index.cshtml
index 9e223a9..9189526 100644
--- a/NulllogiconeCore/NulllogiconeCore/Pages/Index.cshtml
+++ b/NulllogiconeCore/NulllogiconeCore/Pages/Index.cshtml
@@ -48,24 +48,9 @@
     <strong> <a href="/sparql/ui" target="_blank">Click to open: /sparql/ui (in new tab)</a> </strong>
 </p>
 <p>
-    <strong><a href="/sparql-help.html">Open interactive query examples</a></strong> 
+    <strong><a href="/sparql-examples.html">Open interactive query examples</a></strong> 
     with syntax highlighting and one-click copy functionality to get started quickly.
 </p>
-<p>
-    Example SPARQL query to retrieve Stamm entities:
-</p>
-<pre>PREFIX nlo: &lt;http://nulllogicone.net/schema.rdfs#&gt;
-SELECT ?stamm ?name ?email
-WHERE {
-  ?stamm a nlo:Stamm ;
-         nlo:name ?name ;
-         nlo:email ?email .
-}
-LIMIT 10</pre>
-<p>
-    Visit <a href="/sparql">/sparql</a> for programmatic access and usage instructions, or use the 
-    <a href="/sparql/ui" target="_blank">SPARQL UI</a> for interactive queries.
-</p>
 
 <h2 id="examples">Examples</h2>
 <h3>Html</h3>
@@ -85,7 +70,7 @@ LIMIT 10</pre>
     <a
     href="/Netz/76035f19-f4ae-4d58-a388-4bbc72c51cef">https://nulllogicone.net/Netz/76035f19-f4ae-4d58-a388-4bbc72c51cef</a>
 </p>
-<h3>Json Examples</h3>
+<h3>Json</h3>
 <p>
     <a href="/Stamm/b4111e0e-48d9-42c4-a6f6-ec4991264947.json">https://nulllogicone.net/Stamm/b4111e0e-48d9-42c4-a6f6-ec4991264947.json</a><br>
     <a href="/Angler/be279cca-b934-45e6-85fd-96b1a6b1e6ed.json">https://nulllogicone.net/Angler/be279cca-b934-45e6-85fd-96b1a6b1e6ed.json</a><br>
@@ -93,7 +78,7 @@ LIMIT 10</pre>
     <a href="/TopLab/0c373672-6b2d-46bf-8962-9f697f6722d3.json">https://nulllogicone.net/TopLab/0c373672-6b2d-46bf-8962-9f697f6722d3.json</a><br />
 
 </p>
-<h3>RDF examples</h3>
+<h3>RDF</h3>
 <p>
     <a href="/Stamm/b4111e0e-48d9-42c4-a6f6-ec4991264947.rdf">https://nulllogicone.net/Stamm/b4111e0e-48d9-42c4-a6f6-ec4991264947.rdf</a><br>
     <a href="/Angler/be279cca-b934-45e6-85fd-96b1a6b1e6ed.rdf">https://nulllogicone.net/Angler/be279cca-b934-45e6-85fd-96b1a6b1e6ed.rdf</a><br>
@@ -110,17 +95,6 @@ LIMIT 10</pre>
     you must specify the full path <a
     href="https://nulllogicone.net/schema.rdfs">https://nulllogicone.net/schema.rdfs</a>.
 </p>
-<p>
-    For <em>storage</em> in local databases or XML files,
-    <a href="schemata/default.aspx">XSD documents</a> are available as schema definitions for the
-    entities with their fields and the definition of the table structure with their relational
-    relationships. If they are used against web services, the types are bindingly defined
-    in the wsdl files.
-</p>
-<p>
-    For setting up a relational table structure, there are <a href="SQL/default.aspx">SQL scripts</a> which
-    can be tailored to any use case.
-</p>
 
 <h2 id="rdf">Documents</h2>
 <p align="left">
@@ -147,20 +121,10 @@ LIMIT 10</pre>
 </pre>
 </p>
 
-<h2 id="applications">Web Applications</h2>
+<h2 id="applications">Web Application</h2>
 <ul>
     <li>
-        The web application <a href="https://www.oli-it.com">www.oli-it.com</a> is
-        a question-answer game. It offers full functionality and the possibility
-        to edit content.
-    </li>
-    <li>
-        With the MetaWeb Project <a href="https://www.metaweb-project.net">www.metaweb-project.net</a>,
-        websites, blog posts, or images can be described and found.
-    </li>
-    <li>
-        <a href="https://www.unisonus.net">UniSonus</a> is a specialized application
-        for collaboration and exchange among distance learning students.
+        <a href="https://www.oli-it.com">www.oli-it.com</a> is the full feature UI!
     </li>
 </ul>
 
diff --git a/NulllogiconeCore/NulllogiconeCore/Pages/Shared/_Header.cshtml b/NulllogiconeCore/NulllogiconeCore/Pages/Shared/_Header.cshtml
index d9678c1..3507e71 100644
--- a/NulllogiconeCore/NulllogiconeCore/Pages/Shared/_Header.cshtml
+++ b/NulllogiconeCore/NulllogiconeCore/Pages/Shared/_Header.cshtml
@@ -1,6 +1,6 @@
 @* Shared header partial: includes site banner and navigation *@
 <header>
-@*     <div class="Banner">
+    @*     <div class="Banner">
         <span class="BannerTextCompany">nulllogicone.net</span>
         <span class="BannerTextApplication">Nachrichtenvermittlung im Semantic Web</span>
     </div> *@
@@ -9,7 +9,7 @@
         <div class="container">
             <a class="navbar-brand" asp-area="" asp-page="/Index">nulllogicone.net</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse"
-                    aria-controls="navbarSupportedContent"                    aria-expanded="false" aria-label="Toggle navigation">
+                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
             <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between">
@@ -18,10 +18,7 @@
                         <a class="nav-link text-dark" asp-area="" asp-page="/Index">Home</a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link text-dark" href="/sparql">SPARQL</a>
-                    </li>
-                    <li class="nav-item">
-                        <a class="nav-link text-dark" href="/sparql/ui" target="_blank">SPARQL UI</a>
+                        <a class="nav-link text-dark" href="/sparql/ui" target="_blank">SPARQL</a>
                     </li>
                     <li class="nav-item">
                         <a class="nav-link text-dark" href="/swagger" target="_blank">Swagger</a>
diff --git a/NulllogiconeCore/NulllogiconeCore/wwwroot/css/sparql-help.css b/NulllogiconeCore/NulllogiconeCore/wwwroot/css/sparql-examples.css
similarity index 81%
rename from NulllogiconeCore/NulllogiconeCore/wwwroot/css/sparql-help.css
rename to NulllogiconeCore/NulllogiconeCore/wwwroot/css/sparql-examples.css
index 8ed3761..91e666d 100644
--- a/NulllogiconeCore/NulllogiconeCore/wwwroot/css/sparql-help.css
+++ b/NulllogiconeCore/NulllogiconeCore/wwwroot/css/sparql-examples.css
@@ -117,6 +117,17 @@ header p {
     overflow-x: auto;
     white-space: pre;
     margin-bottom: 15px;
+    transition: background-color 0.3s ease;
+}
+
+.query-code.flash-copy {
+    animation: flashBackground 0.6s ease;
+}
+
+@keyframes flashBackground {
+    0% { background: #f5f5f5; }
+    50% { background: #d4edda; }
+    100% { background: #f5f5f5; }
 }
 
 .copy-btn {
@@ -219,3 +230,30 @@ footer a:hover {
     color: #008000; 
     font-style: italic; 
 }
+
+/* Toast notification */
+.toast {
+    position: fixed;
+    bottom: 30px;
+    left: 50%;
+    transform: translateX(-50%) translateY(20px);
+    background: rgba(0, 0, 0, 0.85);
+    color: white;
+    padding: 12px 24px;
+    border-radius: 6px;
+    font-size: 14px;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
+    opacity: 0;
+    transition: all 0.3s ease;
+    pointer-events: none;
+    z-index: 1000;
+}
+
+.toast.show {
+    opacity: 1;
+    transform: translateX(-50%) translateY(0);
+}
+
+.toast.toast-error {
+    background: rgba(192, 0, 0, 0.9);
+}
diff --git a/NulllogiconeCore/NulllogiconeCore/wwwroot/js/sparql-examples.js b/NulllogiconeCore/NulllogiconeCore/wwwroot/js/sparql-examples.js
new file mode 100644
index 0000000..4ecaeb0
--- /dev/null
+++ b/NulllogiconeCore/NulllogiconeCore/wwwroot/js/sparql-examples.js
@@ -0,0 +1,250 @@
+// SPARQL Examples Page JavaScript
+// Handles interactive query display, copying, and syntax highlighting
+
+let allExpanded = false;
+let mouseDownPos = null;
+
+// Standard prefixes to prepend when copying
+const STANDARD_PREFIXES = `PREFIX nlo: <http://nulllogicone.net/schema.rdfs#>
+PREFIX entity: <http://nulllogicone.net/>
+PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
+PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
+PREFIX xsd: <http://www.w3.org/2001/XMLSchema#>
+
+`;
+
+async function loadQueries() {
+    const container = document.getElementById('queries-container');
+    
+    try {
+        console.log('Fetching queries...');
+        const response = await fetch('/example-queries.sparql');
+        if (!response.ok) throw new Error('Failed to load queries');
+        
+        console.log('Parsing queries...');
+        const content = await response.text();
+        const queries = parseQueries(content);
+        console.log('Found', queries.length, 'queries');
+        
+        if (queries.length === 0) {
+            container.innerHTML = '<div class="error">No queries found in the file.</div>';
+            return;
+        }
+        
+        console.log('Rendering queries...');
+        container.innerHTML = queries.map((query, index) => `
+            <div class="query-section" id="query-${index}">
+                <div class="query-header" onclick="toggleQuery(${index})">
+                    <h3>${query.title}</h3>
+                    <span class="toggle-icon" id="icon-${index}">▼</span>
+                </div>
+                <div class="query-body" id="body-${index}">
+                    <div class="query-code" id="code-${index}" onmousedown="handleQueryMouseDown(event, ${index})" onmouseup="handleQueryMouseUp(event, ${index})" title="Click to copy query with prefixes" style="cursor: text;">${highlightSPARQL(query.code)}</div>
+                </div>
+            </div>
+        `).join('');
+        
+    } catch (error) {
+        container.innerHTML = `
+            <div class="error">
+                <strong>Error loading queries:</strong><br>
+                ${error.message}
+            </div>
+        `;
+    }
+}
+
+function parseQueries(content) {
+    const queries = [];
+    const lines = content.split('\n');
+    let i = 0;
+    
+    // Skip header lines until we find first separator
+    while (i < lines.length && !lines[i].includes('========')) {
+        i++;
+    }
+    
+    while (i < lines.length) {
+        // Look for separator line
+        if (lines[i].includes('========')) {
+            i++; // Move to next line after separator
+            
+            // Next line should be the title
+            if (i < lines.length && lines[i].trim().startsWith('#')) {
+                const title = lines[i].replace(/^#\s*\d*\.?\s*/, '').trim();
+                i++; // Move past title
+                
+                // Skip the closing separator line
+                if (i < lines.length && lines[i].includes('========')) {
+                    i++;
+                }
+                
+                // Collect code lines until next separator or end
+                const codeLines = [];
+                while (i < lines.length && !lines[i].includes('========')) {
+                    codeLines.push(lines[i]);
+                    i++;
+                }
+                
+                let code = codeLines.join('\n').trim();
+                
+                // Remove PREFIX declarations for display (they'll be added back on copy)
+                code = code.split('\n')
+                    .filter(line => !line.trim().toUpperCase().startsWith('PREFIX'))
+                    .join('\n')
+                    .trim();
+                
+                if (code && title) {
+                    queries.push({ title, code });
+                }
+            }
+        } else {
+            i++;
+        }
+    }
+    
+    return queries;
+}
+
+function highlightSPARQL(code) {
+    // Basic SPARQL syntax highlighting
+    let highlighted = code
+        .replace(/</g, '&lt;')
+        .replace(/>/g, '&gt;');
+    
+    // Highlight keywords
+    const keywords = ['SELECT', 'WHERE', 'PREFIX', 'FILTER', 'OPTIONAL', 'LIMIT', 'ORDER BY', 'GROUP BY', 'COUNT', 'AS', 'CONSTRUCT', 'ASK', 'DESCRIBE', 'FROM', 'UNION', 'DISTINCT', 'REDUCED'];
+    keywords.forEach(keyword => {
+        const regex = new RegExp(`\\b${keyword}\\b`, 'gi');
+        highlighted = highlighted.replace(regex, `<span class="sparql-keyword">${keyword.toUpperCase()}</span>`);
+    });
+    
+    // Highlight variables
+    highlighted = highlighted.replace(/(\?\w+)/g, '<span class="sparql-variable">$1</span>');
+    
+    // Highlight URIs
+    highlighted = highlighted.replace(/(&lt;[^&]+&gt;)/g, '<span class="sparql-uri">$1</span>');
+    
+    // Highlight prefixes (nlo:, rdf:, etc.)
+    highlighted = highlighted.replace(/(\w+:)/g, '<span class="sparql-prefix">$1</span>');
+    
+    // Highlight comments
+    highlighted = highlighted.replace(/(#[^\n]*)/g, '<span class="sparql-comment">$1</span>');
+    
+    return highlighted;
+}
+
+function toggleQuery(index) {
+    const body = document.getElementById(`body-${index}`);
+    const icon = document.getElementById(`icon-${index}`);
+    
+    body.classList.toggle('expanded');
+    icon.classList.toggle('rotated');
+}
+
+function toggleAllQueries() {
+    const bodies = document.querySelectorAll('.query-body');
+    const icons = document.querySelectorAll('.toggle-icon');
+    const button = document.querySelector('.expand-all');
+    
+    allExpanded = !allExpanded;
+    
+    bodies.forEach(body => {
+        if (allExpanded) {
+            body.classList.add('expanded');
+        } else {
+            body.classList.remove('expanded');
+        }
+    });
+    
+    icons.forEach(icon => {
+        if (allExpanded) {
+            icon.classList.add('rotated');
+        } else {
+            icon.classList.remove('rotated');
+        }
+    });
+    
+    button.textContent = allExpanded ? 'Collapse All Queries' : 'Expand All Queries';
+}
+
+function handleQueryMouseDown(event, index) {
+    // Record mouse position on mouse down
+    mouseDownPos = { x: event.clientX, y: event.clientY };
+}
+
+async function handleQueryMouseUp(event, index) {
+    // Check if mouse moved significantly (user was selecting text)
+    if (mouseDownPos) {
+        const moved = Math.abs(event.clientX - mouseDownPos.x) > 5 || 
+                     Math.abs(event.clientY - mouseDownPos.y) > 5;
+        mouseDownPos = null;
+        
+        // If mouse moved, user was selecting text, don't copy
+        if (moved) {
+            return;
+        }
+        
+        // Check if there's a text selection
+        const selection = window.getSelection();
+        if (selection && selection.toString().length > 0) {
+            return;
+        }
+    }
+    
+    // Simple click detected - copy the query
+    await copyQueryWithToast(index);
+}
+
+async function copyQueryWithToast(index) {
+    const codeElement = document.getElementById(`code-${index}`);
+    
+    // Add flash animation
+    codeElement.classList.add('flash-copy');
+    setTimeout(() => {
+        codeElement.classList.remove('flash-copy');
+    }, 600);
+    
+    // Get the plain text (without HTML formatting)
+    const queryText = codeElement.innerText;
+    
+    // Prepend standard prefixes to the query
+    const textToCopy = STANDARD_PREFIXES + queryText;
+    
+    try {
+        await navigator.clipboard.writeText(textToCopy);
+        showToast('✓ Copied to clipboard with prefixes!');
+    } catch (err) {
+        showToast('✗ Failed to copy to clipboard', true);
+    }
+}
+
+function showToast(message, isError = false) {
+    // Remove any existing toast
+    const existingToast = document.querySelector('.toast');
+    if (existingToast) {
+        existingToast.remove();
+    }
+    
+    // Create toast element
+    const toast = document.createElement('div');
+    toast.className = 'toast' + (isError ? ' toast-error' : '');
+    toast.textContent = message;
+    document.body.appendChild(toast);
+    
+    // Trigger animation
+    setTimeout(() => {
+        toast.classList.add('show');
+    }, 10);
+    
+    // Remove after animation
+    setTimeout(() => {
+        toast.classList.remove('show');
+        setTimeout(() => {
+            toast.remove();
+        }, 300);
+    }, 2000);
+}
+
+// Load queries when page loads
+document.addEventListener('DOMContentLoaded', loadQueries);
diff --git a/NulllogiconeCore/NulllogiconeCore/wwwroot/sparql-examples.html b/NulllogiconeCore/NulllogiconeCore/wwwroot/sparql-examples.html
new file mode 100644
index 0000000..a905877
--- /dev/null
+++ b/NulllogiconeCore/NulllogiconeCore/wwwroot/sparql-examples.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SPARQL Query Examples - nulllogicone.net</title>
+    <link rel="stylesheet" href="/css/sparql-examples.css">
+    
+</head>
+<body>
+    <header>
+        <h1>🔍 SPARQL Query Examples</h1>
+        <p>Interactive guide to querying nulllogicone.net semantic data</p>
+    </header>
+
+    <div class="content">
+            <div class="intro">
+                <h2>Welcome to the SPARQL Query Interface</h2>
+                <p>This page provides example SPARQL queries for exploring the nulllogicone.net knowledge graph. Each query demonstrates different patterns and use cases.</p>
+                
+                <div class="endpoint-info">
+                    <strong>SPARQL Endpoint:</strong> http://10.0.3.4:8080/sparql (internal network only)
+                </div>
+
+                <p style="margin-top: 15px;">
+                    Click on any query below to expand it, then click the query text to copy it to your clipboard.
+                    <strong>Note:</strong> Standard PREFIX declarations are automatically included when copied, even though they're hidden for readability.
+                    You can also download the raw queries: <a href="/example-queries.sparql" download>example-queries.sparql</a>
+                </p>
+            </div>
+
+            <button class="expand-all" onclick="toggleAllQueries()">Expand All Queries</button>
+
+            <div id="queries-container">
+                <div class="loading">⏳ Loading queries...</div>
+            </div>
+    </div>
+
+    <footer>
+        <p>
+            <a href="/">← Back to Home</a> | 
+            <a href="/schema.rdfs">View Schema</a> | 
+            <a href="/example-queries.sparql" download>Download Queries</a>
+        </p>
+        <p style="margin-top: 10px; font-size: 0.9em;">
+            nulllogicone.net · Semantic API for OLI-it
+        </p>
+    </footer>
+
+    <script src="/js/sparql-examples.js"></script>
+</body>
+</html>
+
diff --git a/NulllogiconeCore/NulllogiconeCore/wwwroot/sparql-help.html b/NulllogiconeCore/NulllogiconeCore/wwwroot/sparql-help.html
deleted file mode 100644
index 5a9c940..0000000
--- a/NulllogiconeCore/NulllogiconeCore/wwwroot/sparql-help.html
+++ /dev/null
@@ -1,247 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SPARQL Query Examples - nulllogicone.net</title>
-    <link rel="stylesheet" href="/css/sparql-help.css">
-    
-</head>
-<body>
-    <header>
-        <h1>🔍 SPARQL Query Examples</h1>
-        <p>Interactive guide to querying nulllogicone.net semantic data</p>
-    </header>
-
-    <div class="content">
-            <div class="intro">
-                <h2>Welcome to the SPARQL Query Interface</h2>
-                <p>This page provides example SPARQL queries for exploring the nulllogicone.net knowledge graph. Each query demonstrates different patterns and use cases.</p>
-                
-                <div class="endpoint-info">
-                    <strong>SPARQL Endpoint:</strong> http://10.0.3.4:8080/sparql (internal network only)
-                </div>
-
-                <p style="margin-top: 15px;">
-                    Click on any query below to expand it, then use the "Copy" button to copy the query to your clipboard.
-                    <strong>Note:</strong> Standard PREFIX declarations are automatically included when copied, even though they're hidden for readability.
-                    You can also download the raw queries: <a href="/example-queries.sparql" download>example-queries.sparql</a>
-                </p>
-            </div>
-
-            <button class="expand-all" onclick="toggleAllQueries()">Expand All Queries</button>
-
-            <div id="queries-container">
-                <div class="loading">⏳ Loading queries...</div>
-            </div>
-    </div>
-
-    <footer>
-        <p>
-            <a href="/">← Back to Home</a> | 
-            <a href="/schema.rdfs">View Schema</a> | 
-            <a href="/example-queries.sparql" download>Download Queries</a>
-        </p>
-        <p style="margin-top: 10px; font-size: 0.9em;">
-            nulllogicone.net · Semantic API for OLI-it
-        </p>
-    </footer>
-
-    <script>
-        let allExpanded = false;
-        
-        // Standard prefixes to prepend when copying
-        const STANDARD_PREFIXES = `PREFIX nlo: <http://nulllogicone.net/schema.rdfs#>
-PREFIX entity: <http://nulllogicone.net/>
-PREFIX rdf: <http://www.w3.org/1999/02/22-rdf-syntax-ns#>
-PREFIX rdfs: <http://www.w3.org/2000/01/rdf-schema#>
-PREFIX xsd: <http://www.w3.org/2001/XMLSchema#>
-
-`;
-
-        async function loadQueries() {
-            const container = document.getElementById('queries-container');
-            
-            try {
-                const response = await fetch('/example-queries.sparql');
-                if (!response.ok) throw new Error('Failed to load queries');
-                
-                const content = await response.text();
-                const queries = parseQueries(content);
-                
-                if (queries.length === 0) {
-                    container.innerHTML = '<div class="error">No queries found in the file.</div>';
-                    return;
-                }
-                
-                container.innerHTML = queries.map((query, index) => `
-                    <div class="query-section" id="query-${index}">
-                        <div class="query-header" onclick="toggleQuery(${index})">
-                            <h3>${query.title}</h3>
-                            <span class="toggle-icon" id="icon-${index}">▼</span>
-                        </div>
-                        <div class="query-body" id="body-${index}">
-                            <div class="query-code" id="code-${index}">${highlightSPARQL(query.code)}</div>
-                            <button class="copy-btn" onclick="copyQuery(${index})">📋 Copy Query</button>
-                        </div>
-                    </div>
-                `).join('');
-                
-            } catch (error) {
-                container.innerHTML = `
-                    <div class="error">
-                        <strong>Error loading queries:</strong><br>
-                        ${error.message}
-                    </div>
-                `;
-            }
-        }
-
-        function parseQueries(content) {
-            const queries = [];
-            const lines = content.split('\n');
-            let i = 0;
-            
-            // Skip header lines until we find first separator
-            while (i < lines.length && !lines[i].includes('========')) {
-                i++;
-            }
-            
-            while (i < lines.length) {
-                // Look for separator line
-                if (lines[i].includes('========')) {
-                    i++; // Move to next line after separator
-                    
-                    // Next line should be the title
-                    if (i < lines.length && lines[i].trim().startsWith('#')) {
-                        const title = lines[i].replace(/^#\s*\d*\.?\s*/, '').trim();
-                        i++; // Move past title
-                        
-                        // Skip the closing separator line
-                        if (i < lines.length && lines[i].includes('========')) {
-                            i++;
-                        }
-                        
-                        // Collect code lines until next separator or end
-                        const codeLines = [];
-                        while (i < lines.length && !lines[i].includes('========')) {
-                            codeLines.push(lines[i]);
-                            i++;
-                        }
-                        
-                        let code = codeLines.join('\n').trim();
-                        
-                        // Remove PREFIX declarations for display (they'll be added back on copy)
-                        code = code.split('\n')
-                            .filter(line => !line.trim().toUpperCase().startsWith('PREFIX'))
-                            .join('\n')
-                            .trim();
-                        
-                        if (code && title) {
-                            queries.push({ title, code });
-                        }
-                    }
-                } else {
-                    i++;
-                }
-            }
-            
-            return queries;
-        }
-
-        function highlightSPARQL(code) {
-            // Basic SPARQL syntax highlighting
-            let highlighted = code
-                .replace(/</g, '&lt;')
-                .replace(/>/g, '&gt;');
-            
-            // Highlight keywords
-            const keywords = ['SELECT', 'WHERE', 'PREFIX', 'FILTER', 'OPTIONAL', 'LIMIT', 'ORDER BY', 'GROUP BY', 'COUNT', 'AS', 'CONSTRUCT', 'ASK', 'DESCRIBE', 'FROM', 'UNION', 'DISTINCT', 'REDUCED'];
-            keywords.forEach(keyword => {
-                const regex = new RegExp(`\\b${keyword}\\b`, 'gi');
-                highlighted = highlighted.replace(regex, `<span class="sparql-keyword">${keyword.toUpperCase()}</span>`);
-            });
-            
-            // Highlight variables
-            highlighted = highlighted.replace(/(\?\w+)/g, '<span class="sparql-variable">$1</span>');
-            
-            // Highlight URIs
-            highlighted = highlighted.replace(/(&lt;[^&]+&gt;)/g, '<span class="sparql-uri">$1</span>');
-            
-            // Highlight prefixes (nlo:, rdf:, etc.)
-            highlighted = highlighted.replace(/(\w+:)/g, '<span class="sparql-prefix">$1</span>');
-            
-            // Highlight comments
-            highlighted = highlighted.replace(/(#[^\n]*)/g, '<span class="sparql-comment">$1</span>');
-            
-            return highlighted;
-        }
-
-        function toggleQuery(index) {
-            const body = document.getElementById(`body-${index}`);
-            const icon = document.getElementById(`icon-${index}`);
-            
-            body.classList.toggle('expanded');
-            icon.classList.toggle('rotated');
-        }
-
-        function toggleAllQueries() {
-            const bodies = document.querySelectorAll('.query-body');
-            const icons = document.querySelectorAll('.toggle-icon');
-            const button = document.querySelector('.expand-all');
-            
-            allExpanded = !allExpanded;
-            
-            bodies.forEach(body => {
-                if (allExpanded) {
-                    body.classList.add('expanded');
-                } else {
-                    body.classList.remove('expanded');
-                }
-            });
-            
-            icons.forEach(icon => {
-                if (allExpanded) {
-                    icon.classList.add('rotated');
-                } else {
-                    icon.classList.remove('rotated');
-                }
-            });
-            
-            button.textContent = allExpanded ? 'Collapse All Queries' : 'Expand All Queries';
-        }
-
-        async function copyQuery(index) {
-            const codeElement = document.getElementById(`code-${index}`);
-            const button = event.target;
-            const originalText = button.textContent;
-            
-            // Get the plain text (without HTML formatting)
-            const queryText = codeElement.innerText;
-            
-            // Prepend standard prefixes to the query
-            const textToCopy = STANDARD_PREFIXES + queryText;
-            
-            try {
-                await navigator.clipboard.writeText(textToCopy);
-                button.textContent = '✓ Copied!';
-                button.classList.add('copied');
-                
-                setTimeout(() => {
-                    button.textContent = originalText;
-                    button.classList.remove('copied');
-                }, 2000);
-            } catch (err) {
-                button.textContent = '✗ Failed';
-                setTimeout(() => {
-                    button.textContent = originalText;
-                }, 2000);
-            }
-        }
-
-        // Load queries when page loads
-        document.addEventListener('DOMContentLoaded', loadQueries);
-    </script>
-</body>
-</html>
-