Better design for publication page

content/publications.html

@@ -26,17 +26,24 @@ draft: false
     const spublis = spubliscite.format('data', { format: 'object' })
     for (const publi of spublis) {
       art=createPubliUI(publi,pubs.sets,true)
-      $(art).appendTo("<li/>").appendTo("#publis_ul")
+      $(art).appendTo("#publis_sets")
     }
     const odois=Array.from(pubs.others.keys())
     const opubliscite = await Cite.async(odois)
     const opublis = opubliscite.format('data', { format: 'object' })
     for (const publi of opublis) {
       art=createPubliUI(publi,pubs.others,true)
-      $(art).appendTo("<li/>").appendTo("#publis_ul")
+      $(art).appendTo("#publis_others")
     }
   }
 </script>
-<ul class="publis-list" id="publis_ul">
-
-</ul>
+<section class="publis-list" id="publis_sets">
+  <header>
+    <h2>Sets</h2>
+  </header>
+</section>
+<section class="publis" id="publis_others">
+  <header>
+    <h2>Others</h2>
+  </header>
+</section>

static/css/publi.css

@@ -5,10 +5,6 @@
   font-size: 20pt
 }
 
-ul.publis-list{
-  list-style: none
-}
-
 .publi ul.authors-list {
   list-style: none;
   margin: 0;

static/js/createPubliUI.js

@@ -2,7 +2,7 @@ function createPubliUI(publi,sets=new Map(),toolTips=false) {
   const art = $("<article/>").addClass("publi")
   art.className = "publi"
   if (sets.has(publi.DOI) && sets.get(publi.DOI)!==null) {
-    $("<h1/>").text(sets.get(publi.DOI)).appendTo(art)  
+    $("<header/>").append($("<h1/>").text(sets.get(publi.DOI))).appendTo(art)  
   }
   $("<a/>", {
     href: publi.URL,