better demo

sib-swiss · Aug 30, 2024 · 74a4dc0 · 74a4dc0
1 parent ccb141d
commit 74a4dc0
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 26 deletions.
diff --git a/demo/bgee.html b/demo/bgee.html
@@ -6,6 +6,7 @@
     <title>Bgee SPARQL editor</title>
     <meta name="description" content="SPARQL editor for Bgee at the SIB" />
     <link rel="icon" type="image/png" href="https://upload.wikimedia.org/wikipedia/commons/f/f3/Rdf_logo.svg" />
+    <link rel="stylesheet" href="styles.css" />
 
     <script type="module" src="https://unpkg.com/@sib-swiss/sparql-editor"></script>
   </head>
@@ -31,9 +32,7 @@ <h4>Other SPARQL editors for SIB endpoints</h4>
           <li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
           <li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
         </ul>
-        <p>
-          You can check if an endpoint contains the <a href="/check">necessary metadata here</a>.
-        </p>
+        <p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
       </sparql-editor>
     </div>
   </body>

diff --git a/demo/dbgi.html b/demo/dbgi.html
@@ -6,6 +6,7 @@
     <title>dbgi SPARQL editor</title>
     <meta name="description" content="SPARQL editor for dbgi at the SIB" />
     <link rel="icon" type="image/png" href="https://upload.wikimedia.org/wikipedia/commons/f/f3/Rdf_logo.svg" />
+    <link rel="stylesheet" href="styles.css" />
 
     <script type="module" src="https://unpkg.com/@sib-swiss/sparql-editor"></script>
   </head>
@@ -21,9 +22,7 @@ <h1>SPARQL editors for SIB endpoints</h1>
           <li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
           <li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
         </ul>
-        <p>
-          You can check if an endpoint contains the <a href="/check">necessary metadata here</a>.
-        </p>
+        <p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
       </sparql-editor>
     </div>
   </body>

diff --git a/demo/hamap.html b/demo/hamap.html
@@ -6,13 +6,13 @@
     <title>HAMAP SPARQL editor</title>
     <meta name="description" content="SPARQL editor for HAMAP endpoint at the SIB" />
     <link rel="icon" type="image/png" href="https://upload.wikimedia.org/wikipedia/commons/f/f3/Rdf_logo.svg" />
+    <link rel="stylesheet" href="styles.css" />
 
     <script type="module" src="https://unpkg.com/@sib-swiss/sparql-editor"></script>
   </head>
 
   <body>
     <div>
-
       <sparql-editor endpoint="https://hamap.expasy.org/sparql/">
         <h4>Other SPARQL editors for SIB endpoints</h4>
         <ul>
@@ -22,11 +22,8 @@ <h4>Other SPARQL editors for SIB endpoints</h4>
           <li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
           <li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
         </ul>
-        <p>
-          You can check if an endpoint contains the <a href="/check">necessary metadata here</a>.
-        </p>
+        <p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
       </sparql-editor>
-
     </div>
   </body>
 </html>
diff --git a/demo/index.html b/demo/index.html
@@ -6,6 +6,7 @@
     <title>SPARQL editor demo pages</title>
     <meta name="description" content="SPARQL editor demo pages" />
     <link rel="icon" type="image/png" href="https://upload.wikimedia.org/wikipedia/commons/f/f3/Rdf_logo.svg" />
+    <link rel="stylesheet" href="styles.css" />
 
     <script type="module" src="https://unpkg.com/@sib-swiss/sparql-editor"></script>
   </head>
@@ -21,8 +22,8 @@ <h1>SPARQL editors for SIB endpoints</h1>
         <li><a href="dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
       </ul>
       <p>
-        You can check if an endpoint contains the <a href="/check">necessary metadata here</a> (examples and VoID
-        description)
+        You can check if an endpoint contains the <a href="check">necessary metadata here</a> (examples and VoID
+        description).
       </p>
     </div>
   </body>
@@ -41,11 +42,5 @@ <h1>SPARQL editors for SIB endpoints</h1>
     ul {
       font-size: 18px;
     }
-    a {
-      text-decoration: none;
-    }
-    a:hover {
-      text-decoration: underline;
-    }
   </style>
 </html>
diff --git a/demo/oma.html b/demo/oma.html
@@ -6,6 +6,7 @@
     <title>OMA SPARQL editor</title>
     <meta name="description" content="SPARQL editor for OMA at the SIB" />
     <link rel="icon" type="image/png" href="https://upload.wikimedia.org/wikipedia/commons/f/f3/Rdf_logo.svg" />
+    <link rel="stylesheet" href="styles.css" />
 
     <script type="module" src="https://unpkg.com/@sib-swiss/sparql-editor"></script>
   </head>
@@ -50,9 +51,7 @@ <h4>Other SPARQL editors for SIB endpoints</h4>
           <li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
           <li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
         </ul>
-        <p>
-          You can check if an endpoint contains the <a href="/check">necessary metadata here</a>.
-        </p>
+        <p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
       </sparql-editor>
     </div>
   </body>

diff --git a/demo/styles.css b/demo/styles.css
@@ -0,0 +1,8 @@
+a {
+  text-decoration: none;
+  color: #00709b;
+}
+a:hover {
+  filter: brightness(60%);
+  text-decoration: underline;
+}
diff --git a/demo/uniprot.html b/demo/uniprot.html
@@ -6,13 +6,13 @@
     <title>SPARQL editor dev</title>
     <meta name="description" content="SPARQL editor demo page" />
     <link rel="icon" type="image/png" href="https://upload.wikimedia.org/wikipedia/commons/f/f3/Rdf_logo.svg" />
+    <link rel="stylesheet" href="styles.css" />
 
     <script type="module" src="https://unpkg.com/@sib-swiss/sparql-editor"></script>
   </head>
 
   <body>
     <div>
-      <!-- UNIPROT demo -->
       <sparql-editor endpoint="https://sparql.uniprot.org/sparql/">
         <h4>About</h4>
         <p>
@@ -42,9 +42,7 @@ <h4>Other SPARQL editors for SIB endpoints</h4>
           <li><a href="/sparql-editor/hamap">HAMAP - High-quality Automated and Manual Annotation of Proteins</a></li>
           <li><a href="/sparql-editor/dbgi">DBGI - The Digital Botanical Garden Initiative</a></li>
         </ul>
-        <p>
-          You can check if an endpoint contains the <a href="/check">necessary metadata here</a>.
-        </p>
+        <p>You can check if an endpoint contains the <a href="/sparql-editor/check">necessary metadata here</a>.</p>
       </sparql-editor>
     </div>
   </body>