renamed files besd on their orientation

css/portfolio.css

@@ -35,15 +35,15 @@
         transform: scale(1.08);
     }
 
-    & > :has(.tall) {
+    & > .portrait {
         grid-column: span 3;
         grid-row: span 4;
     }
-    & > :has(.wide) {
+    & > .landscape {
         grid-column: span 4;
         grid-row: span 3;
     }
-    & > :has(.large) {
+    & > .large {
         grid-row: span 2;
         grid-column: span 2;
     }

html/image.templ

@@ -4,7 +4,6 @@ import (
 	"crypto/sha256"
 	"encoding/hex"
 	"log"
-	"strings"
 	"piekarnikgosi/utils"
 )
 
@@ -25,20 +24,6 @@ func processImage(fileName string) string {
 	return dst[4:]
 }
 
-func stripSize(path string) string {
-	if strings.Contains(path, "wide") {
-		return "wide"
-	}
-	if strings.Contains(path, "tall") {
-		return "tall"
-	}
-	if strings.Contains(path, "large") {
-		return "large"
-	}
-	return ""
-	}
-
 templ AvifImage(srcPath, alt string) {
-
-	<img class={stripSize(srcPath)} src={ processImage(srcPath) } alt={ alt }/>
+	<img src={ processImage(srcPath) } alt={ alt }/>
 }

html/portfolio.templ

@@ -1,4 +1,17 @@
 package html
+import "strings"
+func stripSize(path string) string {
+	if strings.Contains(path, "landscape") {
+		return "landscape"
+	}
+	if strings.Contains(path, "portrait") {
+		return "portrait"
+	}
+	if strings.Contains(path, "large") {
+		return "large"
+	}
+	return ""
+	}
 
 templ Portfolio(images []string, activePage string, pages []string) {
 	@layout("portfolio") {
@@ -7,7 +20,7 @@ templ Portfolio(images []string, activePage string, pages []string) {
 			<section>
 				<div id="portfolio-grid">
 					for _, img := range images {
-						<div>
+						<div class={stripSize(img)}>
 							@AvifImage("portfolio/"+img, "portfolio")
 						</div>
 					}