feat: add new media tag

Requested in #50.

Author: KristjanESPERANTO

docs/index.css

@@ -421,13 +421,13 @@ main {
   background-color: #5bc7d9 !important;
 }
 
-[data-tag="news"].tag-button::before {
-  content: "📰";
+[data-tag="media"].tag-button::before {
+  content: "📼";
 }
 
-[data-tag="news"] {
+[data-tag="media"] {
   color: #141e1e !important;
-  background-color: #e0fffe !important;
+  background-color: #18fef6 !important;
 }
 
 [data-tag="motion detection"].tag-button::before {
@@ -439,6 +439,15 @@ main {
   background-color: #ff419e !important;
 }
 
+[data-tag="news"].tag-button::before {
+  content: "📰";
+}
+
+[data-tag="news"] {
+  color: #141e1e !important;
+  background-color: #e0fffe !important;
+}
+
 [data-tag="public transport"].tag-button::before {
   content: "🚍";
 }

docs/script.js

@@ -11,6 +11,7 @@ const darkMode = document.getElementById("dark-mode");
 
 const tagsList = [
   "calendar",
+  "media",
   "motion detection",
   "news",
   "public transport",

scripts/expand_module_list_with_repo_data.js

@@ -115,6 +115,12 @@ async function addInformationFromPackageJson (moduleList) {
           })
           .filter((tag) => !tagsToRemove.includes(tag));
 
+        if (module.tags.some((tag) => ["images", "pictures", "livestream", "photos", "video"].includes(tag))) {
+          module.tags.push("media");
+        }
+        // Remove duplicates
+        module.tags = [...new Set(module.tags)];
+
         if (module.tags.length === 0) {
           delete module.tags;
           module.issues.push("There are no specific keywords in 'package.json'. We would use them as tags on the module list page. Add a few meaningful terms to the keywords in the package.json. Not just “magicmirror” or “module”.");