diff --git a/content/publications.html b/content/publications.html
index b8d78479..8c3b27d5 100644
--- a/content/publications.html
+++ b/content/publications.html
@@ -13,6 +13,7 @@ draft: false
 <script src="/js/getSets.js"></script>
 <script src="/js/websiteFile.js"></script>
 <script src="/js/numberUtils.js"></script>
+<script src="/js/createPubliUI.js"></script>
 {{< getDataFilesName >}}
 <script>
   window.onload = async function () {
@@ -21,75 +22,9 @@ draft: false
     const dois = uniq(Object.values(await loadAllData()).flat().map(d => d.DOI.string))
     const publiscite = await Cite.async(dois)
     const sets = await getSets()
-    console.log(sets)
     const publis = publiscite.format('data', { format: 'object' })
     for (const publi of publis) {
-      const art = $("<article/>").addClass("publi")
-      art.className = "publi"
-      console.log(sets.get(publi.DOI))
-      $("<h1/>").text(sets.get(publi.DOI)).appendTo(art)
-      $("<a/>", {
-        href: publi.URL,
-        target: "_blank"
-      }).html($("<h2/>").text(publi.title)).appendTo(art)
-      const authors = publi.author
-      const ulauthors = $("<ul/>").addClass("authors-list").appendTo(art)
-      for (const author of authors) {
-        const liauth = $("<li/>").addClass("author-item")
-        const spanAuth = $("<span/>").text(String.raw`${author.given} ${author.family}`).appendTo(liauth)
-        if (author.sequence === "first") {
-          $(spanAuth).after($("<strong/>").text("*"))
-        }
-        var notifycontent = $("<div/>").addClass("author-info")
-        $("<h1/>").text(String.raw`${author.given} ${author.family}`).appendTo(notifycontent)
-        ulaff = $("<ul/>").addClass("affiliation-list").appendTo(notifycontent)
-        for (const a of author.affiliation) {
-          $("<li/>").text(a.name).appendTo(ulaff)
-        }
-        if (author["authenticated-orcid"]) {
-          const html = String.raw`<div class="orcid-id"><a href="https://orcid.org" target="_blank"><img alt="ORCID logo" src="https://orcid.org/sites/default/files/images/orcid_16x16.png" width="16" height="16"/></a> <a href="${author.ORCID}" target="_blank">${author.ORCID} </a></div>`
-          notifycontent.append(html)
-        }
-        tippy(spanAuth[0], {
-          content: notifycontent[0],
-          theme: 'light',
-          interactive: true,
-        });
-        ulauthors.append(liauth)
-      }
-      journaldiv = $("<div/>").appendTo(art)
-      if ("container-title-short" in publi) {
-        var title_short = $("<span/>").text(publi["container-title-short"])
-        journaldiv.append(title_short)
-        tippy(title_short[0], {
-          content: publi["container-title"],
-          theme: 'light',
-        });
-      }
-      else {
-        $("<span/>").text(publi["container-title"]).appendTo(journaldiv)
-      }
-      var datArr = publi.issued["date-parts"][0]
-      var date = new Date(datArr[0], datArr[1] - 1, datArr[2])
-      $("<span/>").text(date.getFullYear().toString()).appendTo(journaldiv)
-      journaldiv.append(" ")
-      $("<span/>").text(publi.volume).appendTo(journaldiv)
-      if (publi.issue) {
-        $("<span/>").addClass("issue").text(publi.issue).appendTo(journaldiv)
-        journaldiv.append(", ")
-        $("<span/>").text(publi.page).appendTo(journaldiv)
-      }
-      $("<a/>", {
-        href: publi.URL,
-        target: "_blank"
-      }).text(String.raw`DOI: ${publi.DOI}`).appendTo(art)
-      $("<p/>").append("Published on ").append($("<time/>", {
-        datetime: JSON.stringify(date)
-      }).text(date.toLocaleDateString("en-us", {
-        day: "numeric",
-        month: "short",
-        year: "numeric"
-      }))).appendTo(art)
+      art=createPubliUI(publi,sets,true)
       $(art).appendTo("<li/>").appendTo("#publis_ul")
     }
   }
diff --git a/static/js/createPubliUI.js b/static/js/createPubliUI.js
new file mode 100644
index 00000000..1de59a2d
--- /dev/null
+++ b/static/js/createPubliUI.js
@@ -0,0 +1,75 @@
+function createPubliUI(publi,sets=new Map(),toolTips=false) {
+  const art = $("<article/>").addClass("publi")
+  art.className = "publi"
+  if (sets.has(publi.DOI)) {
+    $("<h1/>").text(sets.get(publi.DOI)).appendTo(art)  
+  }
+  $("<a/>", {
+    href: publi.URL,
+    target: "_blank"
+  }).html($("<h2/>").text(publi.title)).appendTo(art)
+  const authors = publi.author
+  const ulauthors = $("<ul/>").addClass("authors-list").appendTo(art)
+  for (const author of authors) {
+    const liauth = $("<li/>").addClass("author-item")
+    const spanAuth = $("<span/>").text(String.raw`${author.given} ${author.family}`).appendTo(liauth)
+    if (author.sequence === "first") {
+      $(spanAuth).after($("<strong/>").text("*"))
+    }
+    var notifycontent = $("<div/>").addClass("author-info")
+    $("<h1/>").text(String.raw`${author.given} ${author.family}`).appendTo(notifycontent)
+    ulaff = $("<ul/>").addClass("affiliation-list").appendTo(notifycontent)
+    for (const a of author.affiliation) {
+      $("<li/>").text(a.name).appendTo(ulaff)
+    }
+    if (author["authenticated-orcid"]) {
+      const html = String.raw`<div class="orcid-id"><a href="https://orcid.org" target="_blank"><img alt="ORCID logo" src="https://orcid.org/sites/default/files/images/orcid_16x16.png" width="16" height="16"/></a> <a href="${author.ORCID}" target="_blank">${author.ORCID} </a></div>`
+      notifycontent.append(html)
+    }
+    if (toolTips) {
+      tippy(spanAuth[0], {
+        content: notifycontent[0],
+        theme: 'light',
+        interactive: true,
+      });  
+    }
+    
+    ulauthors.append(liauth)
+  }
+  journaldiv = $("<div/>").appendTo(art)
+  if ("container-title-short" in publi) {
+    var title_short = $("<span/>").text(publi["container-title-short"])
+    journaldiv.append(title_short)
+    if (toolTips) {
+      tippy(title_short[0], {
+        content: publi["container-title"],
+        theme: 'light',
+      });
+    }
+  }
+  else {
+    $("<span/>").text(publi["container-title"]).appendTo(journaldiv)
+  }
+  var datArr = publi.issued["date-parts"][0]
+  var date = new Date(datArr[0], datArr[1] - 1, datArr[2])
+  $("<span/>").text(date.getFullYear().toString()).appendTo(journaldiv)
+  journaldiv.append(" ")
+  $("<span/>").text(publi.volume).appendTo(journaldiv)
+  if (publi.issue) {
+    $("<span/>").addClass("issue").text(publi.issue).appendTo(journaldiv)
+    journaldiv.append(", ")
+    $("<span/>").text(publi.page).appendTo(journaldiv)
+  }
+  $("<a/>", {
+    href: publi.URL,
+    target: "_blank"
+  }).text(String.raw`DOI: ${publi.DOI}`).appendTo(art)
+  $("<p/>").append("Published on ").append($("<time/>", {
+    datetime: JSON.stringify(date)
+  }).text(date.toLocaleDateString("en-us", {
+    day: "numeric",
+    month: "short",
+    year: "numeric"
+  }))).appendTo(art)
+  return art
+}
\ No newline at end of file