Webinars page - improve tags display

Change-Id: Ifa5ae3258ec41b6b86831b795144658c8b3061ea
diff --git a/json/webinars.json b/json/webinars.json
index 2060f06..523745e 100644
--- a/json/webinars.json
+++ b/json/webinars.json
@@ -13,7 +13,7 @@
             "bio": "Tony Komar has been practicing and supporting systems engineering for over 35 years. He is a key contributor to the development and deployment of model-based system engineering products for Siemens Digital Industries Software.",
      		"utube_link": "",
 			"slides_link": "https://bit.ly/capella_webinar_220217_slides",
-            "tag": "how-to"
+            "tag": ["how-to"]
         },	
 		{
             "title": "Capella (once again) in space, meeting nano-satellites",
@@ -25,7 +25,7 @@
             "bio": "Jonathan Lasalle is in charge of MBSE-related activities at Artal / Magellium and he is architect of the Citrus framework dedicated to model-based test mean engineering.",
      		"utube_link": "https://www.youtube.com/watch?v=_KemiYQ7w70&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=1",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbHl0R0dWVFhKMHdxbDEwLUlmaVFNVVQ1a1J4UXxBQ3Jtc0tsdmhfcEdhaTE5ZEtIWDh1b3NieVM2ZF9pUTJ0YXBfWTl2WDg5MTBFSFFTY21jNFYwZjNXU1VwMEc1QXRVTFBvMGxnc1dabnFFM3luX3VDcldfVmw4SWpwRnRmQ0MyMFduTkJjbHVNUHZtVXotendNYw&q=https%3A%2F%2Fwww.slideshare.net%2FObeo_corp%2Fcapella-webinar-capella-once-again-in-space-meeting-nanosatellites",
-            "tag": "how-to"
+            "tag": ["how-to"]
         },
 		{
             "title": "Python for Capella",
@@ -37,7 +37,7 @@
             "bio": "Sophie Plazanet: <ul><li>MBSE Specialist at Thales</li><li>Master of Engineering & Master of Research in Advanced Systems & Robotics – Arts & Métiers ParisTech.</li></ul> Arnaud Dieumegard:<ul><li>Eclipse Modeling Consultant at Obeo</li><li>Ph.D. in Reliability for Systems and Software - INP Toulouse</li></ul>",
      		"utube_link": "https://www.youtube.com/watch?v=-LEx-stcAHA&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=2",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbU1SaHo2OWJrX3ZFb1FDdEFubW5jQnU3VFFZUXxBQ3Jtc0ttYlQtc3lSOEFIbDFZdk9YemZuVTV1UXpJMWJ2c1JRejlBSlFoeGxqaFJQYUhBc3VSVTNjM1BacldXVllUZ09KeVEwaG1sOVVmQ2JwN1NIS0o2ektEdFNjczM1R1B5Q0E3alpEX01ZY3EwelFCNHhHbw&q=https%3A%2F%2Fwww.slideshare.net%2FObeo_corp%2Fcapella-webinar-pyhton4capella",
-            "tag": "Add-on"
+            "tag": ["Add-on"]
         },
 		{
             "title": "What if you could simulate your Capella model ?",
@@ -49,7 +49,7 @@
             "bio": "Pierre Nowodzienski: <ul><li>MBSE, Simulation & Digital Twin Expert - Thales</li><li>Master of Engineering - ENSEA</li></ul>",
      		"utube_link": "https://www.youtube.com/watch?v=-LEx-stcAHA&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=3",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbWdzRVlIMzBGY1JhRG11X3JXa0tVWVQ0bmZld3xBQ3Jtc0tta21XVWNZNmpLT3lZLTJRYnNib1k2Z1h2bHg0YmNpQjF2QW9KVU9sSENYeVU5NVVUOFZ6YXJWNHNrSDVYYlJSY2wwSk9LaEtQMVhPRTUzSUlYbkJoQlRrS0dQRmxWUThfSkhEZ2plcVhZekh1VTVXZw&q=https%3A%2F%2Fwww.slideshare.net%2Fsecret%2FMco3xiApmnornJ",
-            "tag": "Add-on & Simulation"
+            "tag": ["Add-on","Simulation"]
         },
 		{
             "title": "Modeling & Simulation of CubeSat-based Missions'Concept of Operations",
@@ -61,7 +61,7 @@
             "bio": "Danilo Pallamin de Almeida: <ul><li>MSc. Space Systems Engineering and Management - INPE</li><li>Mechatronics Engineer - EESC/USP</li><li>Systems Engineer - EnduroSat</li></ul>",
      		"utube_link": "https://www.youtube.com/watch?v=-LEx-stcAHA&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=4",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbXRzS2tGOGk3NXlQZEtvUmhwZVAyQ09kcFNkUXxBQ3Jtc0trM29FN2R3bnpJOWhnZWxXS2dYUUN6WU1LdzlwU0NhaHNiMUZUMFFIUkJFN2t6T0x4LWVpSHc3NXNPSlFQUWVLX293MndqRXF2MnJBV2loekFQUzZacFM2OExjNEFYSnZfUTg5YlZXaldSSmZlSjB5SQ&q=https%3A%2F%2Fwww.slideshare.net%2FObeo_corp%2Fwebinar-modeling-simulation-of-cubesatbased-missionsconcept-of-operations",
-            "tag": "Space, Simulation & Case-study"
+            "tag": ["Space","Simulation","Case-study"]
         },    
 		{
             "title": "Using Capella on a Brazilian Nanosat Project",
@@ -73,7 +73,7 @@
             "bio": "Giulia Herdies is Aerospace Engineer Student at the Federal University of Santa Maria in Brazil",
      		"utube_link": "https://www.youtube.com/watch?v=-LEx-stcAHA&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=5",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbmtqSkxJNXpDZG9LeEJkcGxwZVBPVDBqYkJtd3xBQ3Jtc0tuRng5QnVIWFVGTG5STk1rRlZsTFZEUUdzMnpFV19fM2w0ZFd3WWNKTTJva1ZSRkdOb2ZlOTJVaFYyblZ4NXFfaVVoUDd3ZTdDM3dSTHMxaUpDNE45MTBTRTJodU42MWh1SnFRMXBEejRFV2VvalNWYw&q=https%3A%2F%2Fwww.slideshare.net%2FObeo_corp%2Fcapella-webinar-using-capella-on-a-brazilian-nanosat-project",
-            "tag": "Space & Case-study"
+            "tag": ["Space","Case-study"]
         }, 
 		{
             "title": "Towards the single source of truth with Publication & Cloud for Capella",
@@ -85,7 +85,7 @@
             "bio": "Co-founder of Obeo, Stéphane Lacrampe is the director of the North American subsidiary of Obeo in Vancouver, Canada.<br>MBSE enthusiast Arcadia/Capella evangelist, and Open Source advocate, Stéphane is also an active INCOSE member.",
      		"utube_link": "https://www.youtube.com/watch?v=-LEx-stcAHA&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=6",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbnBkSFAyR1Z4bkxXZWpHWUpocm14R0FWeEVLQXxBQ3Jtc0tselEwYnBIYzlBeXNPWDVyQW03YjZqd3BJMF9OVUxJalpkaS1ocEwwbVk5dHp0Nk5tUXliUldPLTRuWm1tbUxrdEx1TjBaRVdBRzJTQ2xqWHdtOFVaTGNoZXV5THhPWmpaRi1xMXVTUnU2WVZCS0N5aw&q=https%3A%2F%2Fwww.slideshare.net%2FObeo_corp%2Fcapella-webinar-to-the-single-source-of-truth-with-publication-for-capella-cloud-for-capella",
-            "tag": "Add-on"
+            "tag": ["Add-on"]
         },
 		{
             "title": "Capella in the preliminary design of the micro launcher ENVOL ",
@@ -97,7 +97,7 @@
             "bio": "Julien Morane is a system engineer in charge of the deployment of the MBSE activities in support of the CT Paris innovation projects for the space sector.",
      		"utube_link": "https://www.youtube.com/watch?v=-LEx-stcAHA&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=7",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbWFKU1N2UlJmWl9Gb05GVHpYRjlMQXcyTlo5UXxBQ3Jtc0tra1FNQzNZTnF6MmUweFY3d3NuQkc3aGdWXzdOQXdVR0RXM1R0b0NoeGw5X0NxQWhTSVZLUXg1SlVZQVpxUWZSYjV1VHZaYVZNOERYdWRKTXpZdDV2bDJDUlBKZWNacEh4a2pXMld3ZEdUc09fcjgzOA&q=https%3A%2F%2Fwww.slideshare.net%2FObeo_corp%2Fcapella-webinar-casestudy-by-ctingnierie-capella-in-the-preliminary-design-of-the-micro-launcher-envol",
-            "tag": "Space & Case-study"
+            "tag": ["Space","Case-study"]
         }, 
 		{
             "title": "What's New: Capella 2021 Annual Message",
@@ -109,7 +109,7 @@
             "bio": "<a href='https://www.linkedin.com/in/junavas/'>Juan Navas</a> is MBSE Expert in Thales Corporate Engineering. He leads the team that accompanies managers and architects implement MBSE practices on operational projects to improve their engineering performance.<br>He is a System Architect with +10 years’ experience, he holds a PhD in Computer Science, an MSc in control and computer science, and Electronics and Electrical Engineering Degrees.",
      		"utube_link": "https://www.youtube.com/watch?v=-LEx-stcAHA&list=PLfrEYVpSGVLxEFRODSWUTP8N5i3NTG4o-&index=8",
 			"slides_link": "https://www.youtube.com/redirect?event=video_description&redir_token=QUFFLUhqbGJ0VHlRTmpoMkpZdkV2Y2pqM1FtOUpzaEhnZ3xBQ3Jtc0trcjMydmo1ZDZzU2h2Nk1SUm1CVmZLejJMUlNkV3l0UmI1Rlc1dlZ5MzRrR0JValIwMC03d3RUWmthN2dnblpZbUJ0djVkS3poTTl1U21EZ18xYVc0ZmRmMUFoT1BLOVY4YVg2V3FDOEJxTWtubUU3VQ&q=https%3A%2F%2Fwww.slideshare.net%2FObeo_corp%2Fcapella-webinar-capella-annual-meeting-2021",
-            "tag": "Roadmap"
+            "tag": ["Roadmap"]
         }
         ]
     }
diff --git a/webinars.html b/webinars.html
index 49f6acb..1388ee8 100644
--- a/webinars.html
+++ b/webinars.html
@@ -151,6 +151,7 @@
 						var link_u = " ";
 						var link_s = " ";
 						var links = " ";
+						var tags = " ";
 					 
 					
 						title += "<h3>" + data.webinars.items[i].title + "</h3><span class='descr txt_lightest_grey'></span><span class='fas fa-caret-down txt_yellow'>&nbsp;</span></a></div>";
@@ -165,8 +166,11 @@
 							item_infos += " | " + data.webinars.items[i].language;
 						}
 						if(data.webinars.items[i].tag != ""){
-							item_infos += " <button class='tag'>" + data.webinars.items[i].tag + "</button>";
+							for (var j in data.webinars.items[i].tag) {
+								tags += " <button class='tag'>" + data.webinars.items[i].tag[j] + "</button>";
+							}
 						}
+						item_infos += tags;
 				
 						if(data.webinars.items[i].utube_link != ""){
 						link_u += "<a href='" + data.webinars.items[i].utube_link + "'>Watch the Webinar <i class='pl-2 fa fa-external-link-square' aria-hidden='true'></i></a>&nbsp; &nbsp; &nbsp;";