Merge pull request #21 from fairpm/feature/typo3

Add TYPO3 extension browsing support

Author: ilicfilip

assets/css/_archive.scss

@@ -1,18 +1,21 @@
 .archive-plugin-card,
-.archive-theme-card {
+.archive-theme-card,
+.archive-typo3-extension-card {
 	max-width: 1200px !important;
 	margin: 12px auto 0 auto;
 
 	.plugin-results-count,
-	.theme-results-count {
+	.theme-results-count,
+	.typo3-extension-results-count {
 		font-size: 16px;
 		line-height: 1.5;
 		color: #555;
 		margin-bottom: 16px;
 	}
 
 	.plugin-results,
-	.theme-results {
+	.theme-results,
+	.typo3-extension-results {
 		display: flex;
 		flex-wrap: wrap;
 		gap: 32px;
@@ -23,7 +26,8 @@
 		padding: 0;
 
 		.plugin-card,
-		.theme-card {
+		.theme-card,
+		.typo3-extension-card {
 			background: #fff;
 			border: 1.5px solid #e3e6ea;
 			border-radius: 12px;
@@ -78,7 +82,8 @@
 					justify-content: center;
 
 					.plugin-icon,
-					.theme-icon {
+					.theme-icon,
+					.typo3-extension-icon {
 						width: 96px;
 						height: 96px;
 						border-radius: 8px;
@@ -92,7 +97,8 @@
 					flex: 1;
 
 					.plugin-title,
-					.theme-title {
+					.theme-title,
+					.typo3-extension-title {
 						font-size: 1.35em;
 						font-weight: 700;
 						color: #182b49;
@@ -112,7 +118,9 @@
 					.plugin-author,
 					.plugin-version,
 					.theme-author,
-					.theme-version {
+					.theme-version,
+					.typo3-extension-author,
+					.typo3-extension-version {
 						font-size: 1em;
 						color: #666;
 						margin: 0 0 4px 0;
@@ -231,7 +239,8 @@
 					margin: 8px 0 0 0;
 
 					ul.plugin-tags,
-					ul.theme-tags {
+					ul.theme-tags,
+					ul.typo3-extension-tags {
 						display: flex;
 						gap: 8px;
 						margin: 0;
@@ -240,7 +249,8 @@
 						flex-wrap: wrap;
 
 						.plugin-tag,
-						.theme-tag {
+						.theme-tag,
+						.typo3-extension-tag {
 							font-size: 0.85em;
 							padding: 3px 9px 4px;
 							border-radius: 4px;
@@ -394,7 +404,8 @@
 						gap: 4px;
 
 						.plugin-tag,
-						.theme-tag {
+						.theme-tag,
+						.typo3-extension-tag {
 							font-size: 11px;
 							padding: 2px 7px 3px;
 						}
@@ -431,7 +442,8 @@
 						gap: 2px;
 
 						.plugin-tag,
-						.theme-tag {
+						.theme-tag,
+						.typo3-extension-tag {
 							font-size: 10px;
 							padding: 1px 5px 2px;
 						}

assets/css/_search-form.scss

@@ -1,5 +1,6 @@
 .plugin-search-form,
-.theme-search-form {
+.theme-search-form,
+.typo3-extension-search-form {
 	display: flex;
 	align-items: center;
 	gap: 10px;

assets/css/_single.scss

@@ -1,5 +1,6 @@
 .single-plugin-card,
-.single-theme-card {
+.single-theme-card,
+.single-typo3-extension-card {
     max-width: 1200px !important;
     box-sizing: border-box;
     gap: 16px;
@@ -20,7 +21,8 @@
             box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1);
             max-height: 388px;
 
-            &.theme-banner {
+            &.theme-banner,
+            &.typo3-extension-banner {
                 aspect-ratio: 1.33 / 1;
                 max-height: 100%;
             }
@@ -36,7 +38,8 @@
             width: 96px;
 
             .plugin-icon,
-            .theme-icon {
+            .theme-icon,
+            .typo3-extension-icon {
                 width: 96px;
                 height: 96px;
             }
@@ -46,7 +49,8 @@
             flex: 1;
 
             .plugin-title,
-            .theme-title {
+            .theme-title,
+            .typo3-extension-title {
                 margin: 0 0 5px;
                 font-size: 26px;
                 line-height: 32px;
@@ -59,14 +63,16 @@
             }
 
             .plugin-author,
-            .theme-author {
+            .theme-author,
+            .typo3-extension-author {
                 margin: 0;
                 font-size: 18px;
                 line-height: 20px;
             }
 
             .plugin-version,
-            .theme-version {
+            .theme-version,
+            .typo3-extension-version {
                 margin: 0;
                 font-size: 18px;
                 line-height: 20px;
@@ -661,7 +667,8 @@
                 margin-bottom: 32px;
 
                 ul.plugin-tags,
-                ul.theme-tags {
+                ul.theme-tags,
+                ul.typo3-extension-tags {
                     display: flex;
                     flex-flow: wrap;
                     gap: 8px;
@@ -670,7 +677,8 @@
                     list-style: none;
 
                     .plugin-tag,
-                    .theme-tag {
+                    .theme-tag,
+                    .typo3-extension-tag {
                         font-size: 0.85em;
                         padding: 3px 9px 4px;
                         border-radius: 4px;