feat: add specs links

ipfs · Sep 13, 2023 · f111ac6 · f111ac6
1 parent d93f8d2
commit f111ac6
Show file tree

Hide file tree

Showing 2 changed files with 41 additions and 2 deletions.
diff --git a/www/themes/conformance/assets/style.css b/www/themes/conformance/assets/style.css
@@ -764,6 +764,10 @@ video {
   border-radius: 0.25rem;
 }
 
+.rounded-full {
+  border-radius: 9999px;
+}
+
 .rounded-lg {
   border-radius: 0.5rem;
 }
@@ -976,6 +980,11 @@ video {
   color: rgb(59 130 246 / var(--tw-text-opacity));
 }
 
+.text-blue-700 {
+  --tw-text-opacity: 1;
+  color: rgb(29 78 216 / var(--tw-text-opacity));
+}
+
 .text-blue-800 {
   --tw-text-opacity: 1;
   color: rgb(30 64 175 / var(--tw-text-opacity));
@@ -1043,6 +1052,20 @@ video {
   box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
 }
 
+.ring-1 {
+  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+}
+
+.ring-inset {
+  --tw-ring-inset: inset;
+}
+
+.ring-blue-700\/10 {
+  --tw-ring-color: rgb(29 78 216 / 0.1);
+}
+
 .transition {
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;

diff --git a/www/themes/conformance/layouts/specs/list.html b/www/themes/conformance/layouts/specs/list.html
@@ -1,3 +1,13 @@
+{{ define "specpill" }}
+  <a href="{{ . }}"
+     target="_blank"
+     rel="noopener noreferrer"
+     class="inline-flex items-center rounded-full bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-inset ring-blue-700/10 no-underline">
+    specs
+  </a>
+{{ end }}
+
+
 {{define "main"}}
 
 <article>
@@ -14,11 +24,14 @@ <h2 class="text-5xl font-bold mb-4 text-center">{{.Title}}</h2>
     <div class="grid grid-cols-1 md:grid-cols-1 lg:grid-cols-1 gap-4">
       <!-- Iterate through hashes and display each in a card format -->
       {{ range . }}
+        {{ $newSpec := (printf "%s/#%s" $params.spec_full_name .) }}
+
         <div class="p-4 bg-white shadow-md rounded-lg">
           <h3 class="text-xl font-semibold mb-3">
             <a href="#{{ . }}" class="text-blue-500 hover:text-blue-700">#{{ . }}</a>
+            {{ template "specpill" $newSpec }}
           </h3>
-          {{ $newSpec := (printf "%s/#%s" $params.spec_full_name .) }}
+
           {{ partial "result-table.html" (merge $params (dict "spec_full_name" $newSpec))}}
         </div>
       {{ end }}
@@ -39,7 +52,10 @@ <h3 class="text-2xl font-bold mt-8 mb-4">Sub-Specs</h3>
   {{ end }}
 
   <!-- Main Dashboard with a different visual appeal -->
-  <h3 class="text-3xl font-bold mb-4">Main Dashboard</h3>
+  <h3 class="text-3xl font-bold mb-4">
+    Main Dashboard
+    {{ template "specpill" .Params.spec_full_name }}
+  </h3>
   <div class="mt-2 p-6 shadow-xl rounded-lg">
     {{ partial "result-table.html" .Params }}
   </div>