Click sparql

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,15 +70,15 @@ 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>
     <a href="/PostIt/176bae4e-05d7-4256-97a5-c98bfcbb2869.json">https://nulllogicone.net/PostIt/176bae4e-05d7-4256-97a5-c98bfcbb2869.json</a><br />
     <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>
 

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>

NulllogiconeCore/NulllogiconeCore/wwwroot/css/sparql-help.css → 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);
+}