added author tags

main.js

@@ -36,6 +36,7 @@ document.addEventListener('DOMContentLoaded', async () => {
                 <img class="material-preview" src="${material.preview}" alt="${material.name}">
                 <div class="material-info">
                     <h3>${material.name}</h3>
+                    <p class="author">${material.author}</p>
                     <p>${material.description}</p>
                     <div class="material-tags">
                         ${material.categories.map(cat => `<span class="tag" data-tag="${cat}">${cat}</span>`).join(' ')}

materials.json

@@ -1,8 +1,13 @@
 {
   "materials": [
     {
+      "author": "Litruv",
       "name": "Vinette",
-      "categories": ["photo", "fx", "vintage"],
+      "categories": [
+        "photo",
+        "fx",
+        "vintage"
+      ],
       "preview": "./thumbnails/vinette.png",
       "snippet": "snippets/vinette.txt",
       "description": "Adds a subtle darkened border around the edges of the image for a vintage effect."

style.css

@@ -174,6 +174,14 @@ h1 {
     font-size: 14px;
 }
 
+.material-info .author {
+    color: var(--text-primary);
+    font-size: 12px;
+    margin-top: 5px;
+    margin-bottom: 10px;
+    font-weight: bold;
+}
+
 .material-tags {
     margin-top: 10px;
     display: flex;