feat(tag): link

data.go

@@ -25,6 +25,7 @@ type Person struct {
 type Tag struct {
 	Name        string `json:"name"`
 	Description string `json:"description"`
+	Link        string `json:"link"`
 }
 
 type Color struct {

index.ts

@@ -1,7 +1,9 @@
 function setupEvents() {
     document.querySelectorAll<HTMLElement>(".tag")?.forEach(t => {
         t.addEventListener("click", _ => {
-            // t.classList.toggle("active")
+            const link = t.getAttribute("data-href")
+            if (link === null || link === "") return
+            window.open(link)
         })
     })
 

schema.json

@@ -155,12 +155,16 @@
               },
               "name": {
                 "type": "string"
+              },
+              "link": {
+                "type": "string"
               }
             },
             "additionalProperties": false,
             "required": [
               "name",
-              "description"
+              "description",
+              "link"
             ]
           }
         }

templates/page/tags.gohtml

@@ -3,7 +3,7 @@
         <h2>Tags</h2>
         <div class="tags" style="{{ .Color.GetTagColor }}">
             {{ range $tag := .Person.Tags }}
-                <div class="tag">
+                <div class="tag" data-href="{{ .Link }}" title="{{ .Link }}">
                     <h4>{{ .Name }}</h4>
                     <p>{{ .Description }}</p>
                 </div>