diff --git a/assets/flower.jpeg b/assets/flower.jpeg new file mode 100644 index 0000000..2dbb44d Binary files /dev/null and b/assets/flower.jpeg differ diff --git a/assets/paris.jpg b/assets/paris.jpg new file mode 100644 index 0000000..01c96dd Binary files /dev/null and b/assets/paris.jpg differ diff --git a/internal/handler/handler.go b/internal/handler/handler.go index 7783fde..0829c58 100644 --- a/internal/handler/handler.go +++ b/internal/handler/handler.go @@ -2,11 +2,17 @@ package handler import ( "github.com/labstack/echo/v4" + "github.com/lorenzhohermuth/portfolio/view/component" "github.com/lorenzhohermuth/portfolio/view/page" ) type Homehandler struct {} func(h Homehandler) HandleUserShow(ctx echo.Context) error { - return render(ctx, page.ShowHome()) + entrys := []component.CarouselEntry{ + {"/static/test.jpg", "This is a Tree" , "I like Trees"}, + {"/static/flower.jpeg", "This is a Tree" , "I like Trees"}, + {"/static/paris.jpg", "This is a Tree" , "I like Trees"}, + } + return render(ctx, page.ShowHome(entrys)) } diff --git a/view/component/carousel.templ b/view/component/carousel.templ index 5cfac60..5f49d6c 100644 --- a/view/component/carousel.templ +++ b/view/component/carousel.templ @@ -6,17 +6,33 @@ type CarouselEntry struct { Text string } -templ Carousel(elm CarouselEntry) { +func add(a int, b int) int { + return a + b +} + +templ Carousel(elm []CarouselEntry , index int) {
-
- -
- -
-

{elm.Title}

+
+ +
+
- + +
+ +
+

{elm[index].Title}

+
+ +
+ +
+
-

{elm.Text}

+

{elm[index].Text}

} diff --git a/view/component/carousel_templ.go b/view/component/carousel_templ.go index 40491a9..ca50599 100644 --- a/view/component/carousel_templ.go +++ b/view/component/carousel_templ.go @@ -16,7 +16,11 @@ type CarouselEntry struct { Text string } -func Carousel(elm CarouselEntry) templ.Component { +func add(a int, b int) int { + return a + b +} + +func Carousel(elm []CarouselEntry, index int) templ.Component { return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) if !templ_7745c5c3_IsBuffer { @@ -29,45 +33,71 @@ func Carousel(elm CarouselEntry) templ.Component { templ_7745c5c3_Var1 = templ.NopComponent } ctx = templ.ClearChildren(ctx) - _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("

") + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("\" class=\"h-36 w-64 rounded object-cover\">

") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } var templ_7745c5c3_Var4 string - templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(elm.Text) + templ_7745c5c3_Var4, templ_7745c5c3_Err = templ.JoinStringErrs(elm[index].Title) if templ_7745c5c3_Err != nil { - return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/component/carousel.templ`, Line: 20, Col: 44} + return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/component/carousel.templ`, Line: 26, Col: 76} } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var4)) if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("

") + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } + var templ_7745c5c3_Var6 string + templ_7745c5c3_Var6, templ_7745c5c3_Err = templ.JoinStringErrs(elm[index].Text) + if templ_7745c5c3_Err != nil { + return templ.Error{Err: templ_7745c5c3_Err, FileName: `view/component/carousel.templ`, Line: 36, Col: 51} + } + _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString(templ.EscapeString(templ_7745c5c3_Var6)) + if templ_7745c5c3_Err != nil { + return templ_7745c5c3_Err + } _, templ_7745c5c3_Err = templ_7745c5c3_Buffer.WriteString("

") if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err diff --git a/view/page/home.templ b/view/page/home.templ index 33bc55d..960c3c3 100644 --- a/view/page/home.templ +++ b/view/page/home.templ @@ -3,14 +3,14 @@ package page import "github.com/lorenzhohermuth/portfolio/view/layout" import "github.com/lorenzhohermuth/portfolio/view/component" -templ ShowHome() { +templ ShowHome(arr []component.CarouselEntry) { @layout.Base(){
Intro
- @component.Carousel(component.CarouselEntry{"/static/test.jpg", "This is a Tree" , "I like Trees"}) + @component.Carousel(arr, 1)
diff --git a/view/page/home_templ.go b/view/page/home_templ.go index 109c53a..8c728d0 100644 --- a/view/page/home_templ.go +++ b/view/page/home_templ.go @@ -13,7 +13,7 @@ import "bytes" import "github.com/lorenzhohermuth/portfolio/view/layout" import "github.com/lorenzhohermuth/portfolio/view/component" -func ShowHome() templ.Component { +func ShowHome(arr []component.CarouselEntry) templ.Component { return templ.ComponentFunc(func(ctx context.Context, templ_7745c5c3_W io.Writer) (templ_7745c5c3_Err error) { templ_7745c5c3_Buffer, templ_7745c5c3_IsBuffer := templ_7745c5c3_W.(*bytes.Buffer) if !templ_7745c5c3_IsBuffer { @@ -36,7 +36,7 @@ func ShowHome() templ.Component { if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err } - templ_7745c5c3_Err = component.Carousel(component.CarouselEntry{"/static/test.jpg", "This is a Tree", "I like Trees"}).Render(ctx, templ_7745c5c3_Buffer) + templ_7745c5c3_Err = component.Carousel(arr, 1).Render(ctx, templ_7745c5c3_Buffer) if templ_7745c5c3_Err != nil { return templ_7745c5c3_Err }