Add feature "explore-filter"

api/modal.css

@@ -12,14 +12,16 @@
 
 .st-modal {
   position: fixed;
-  top: 15rem;
+  top: 50%;
   width: calc(40% - 4rem);
   padding: 2rem;
   left: 30%;
   background-color: #fafafa;
   border-radius: 0.5rem;
-  padding-top: 3rem;
+  padding-top: 1rem;
   z-index: 2147483647;
+  transform: translateY(-50%);
+  border-top: 1rem solid #ff9f00;
 }
 
 .st-modal h1 {

api/modals.js

@@ -24,9 +24,6 @@ ScratchTools.modals = {
     p.textContent = data.description;
     modal.appendChild(p);
 
-    var orangeBar = document.createElement("div");
-    orangeBar.className = "st-modal-header";
-
     data.components?.forEach(function (component) {
       if (component.type === "code") {
         var code = document.createElement("code");
@@ -46,7 +43,6 @@ ScratchTools.modals = {
     modal.appendChild(closeButton);
 
     div.appendChild(modal);
-    modal.prepend(orangeBar);
     document.body.appendChild(div);
 
     return {

feature-locales/explore-filter/en.json

@@ -0,0 +1,13 @@
+{
+    "filter": "filter",
+    "title": "Title",
+    "author": "Author",
+    "period": "Period",
+    "reset": "Reset",
+    "sharedDate": "Shared Date",
+    "updateDate": "Update Date",
+    "startDate": "Start date",
+    "endDate": "End date",
+    "including": "including",
+    "excluding": "excluding"
+}

features/explore-filter/data.json

@@ -0,0 +1,51 @@
+{
+  "title": "Explore Filter",
+  "description": "Customize project and studio search results with filters on the Search, Explore, and Studio pages.",
+  "credits": [
+    {
+      "username": "Masaabu-YT",
+      "url": "https://scratch.mit.edu/users/Masaabu-YT/"
+    }
+  ],
+  "type": ["Website"],
+  "tags": ["New", "Featured"],
+  "dynamic": true,
+  "options": [
+    {
+      "id": "filter-operation",
+      "name": "Filter operation",
+      "type": 4,
+      "options": [
+        {
+          "name": "Blur",
+          "value": "blur"
+        },
+        {
+          "name": "Hide",
+          "value": "hide"
+        }
+      ]
+    },
+    {
+      "id": "keep-settings",
+      "name": "Keep filter setting even if you change pages",
+      "type": 1
+    }
+  ],
+  "scripts": [
+    { "file": "script.js", "runOn": "/explore/*" },
+    { "file": "script.js", "runOn": "/search/*" },
+    { "file": "script.js", "runOn": "/studios/*" }
+  ],
+  "styles": [
+    { "file": "style.css", "runOn": "/explore/*" },
+    { "file": "style.css", "runOn": "/search/*" },
+    { "file": "style.css", "runOn": "/studios/*" }
+  ],
+  "resources": [
+    { "name": "filter-icon", "path": "/resources/filter.svg" },
+    { "name": "title-icon", "path": "/resources/title.svg" },
+    { "name": "user-icon", "path": "/resources/user.svg" },
+    { "name": "calendar-icon", "path": "/resources/calendar.svg" }
+  ]
+}