diff --git a/benchmark/data/Benchmark.pi b/benchmark/data/Benchmark.pi index 496355d..fa96d4b 100644 --- a/benchmark/data/Benchmark.pi +++ b/benchmark/data/Benchmark.pi @@ -1,207 +1,214 @@ page Benchmark { - #SetContext(key: "settings", value: { - logo: "/public/images/logo.svg", - contact: { - title: "aute veniam", - address: "Lorem Ipsumstreet 22", - phone: "01234567890", - email: "lorem@ipsum.com", + #SetContext( + key: "settings", + value: { + logo: "/public/images/logo.svg", + contact: { + title: "aute veniam", + address: "Lorem Ipsumstreet 22", + phone: "01234567890", + email: "lorem@ipsum.com", + }, + footerLinks: [ + { + url: "#0", + title: "sunt minim", + }, + { + url: "#0", + title: "culpa incididunt", + }, + { + url: "#0", + title: "deserunt", + }, + { + url: "#0", + title: "tempor veniam", + }, + ], }, - footerLinks: [ + ); + + #SetContext( + key: "projects", + value: [ { - url: "#0", - title: "sunt minim", + jobs: ["", "", "", ""], + title: "", + intro: "", + url: "", + image: "", }, { - url: "#0", - title: "culpa incididunt", + jobs: ["", "", "", ""], + title: "", + intro: "", + url: "", + image: "", }, { - url: "#0", - title: "deserunt", + jobs: ["", "", "", ""], + title: "", + intro: "", + url: "", + image: "", }, { - url: "#0", - title: "tempor veniam", - } - ] - }); - - #SetContext(key: "projects", value: [ - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - { - jobs: ["", "", "", ""], - title: "", - intro: "", - url: "", - image: "", - }, - ]); - - - - - - - - - - - + jobs: ["", "", "", ""], + title: "", + intro: "", + url: "", + image: "", + }, + { + jobs: ["", "", "", ""], + title: "", + intro: "", + url: "", + image: "", + }, + ], + ); - - - + + + + + + + + + + + + + @@ -242,9 +249,9 @@ component Footer { @@ -274,8 +279,8 @@ component Footer { component Head { let title = #String; - let stylesheets = #CreatePortal :: Base.Array.unique; - let scripts = #CreatePortal :: Base.Array.unique; + let stylesheets = #CreatePortal :: Base_Array.unique; + let scripts = #CreatePortal :: Base_Array.unique; @@ -303,64 +308,60 @@ component Masthead { let video = #String; let title = #String; - let subtitles = #Array(of: #String :: Base.String.uppercase_ascii); + let subtitles = #Array(of: #String :: Base_String.uppercase_ascii);
-
- +

- {for index, item in title |> Base.String.split(' ') { - if(index == 0) { - <> - {item} -
- - } else { - item + { + for (index, item in title + |> Base_String.split(' ')) { + if (index == 0) { + <> + {item} +
+ + } else { + item + } } - }} + }

    - {for (social in settings.socials) { -
  • - - {social.name} - -
  • - }} + { + for (social in settings.socials) { +
  • + + {social.name} + +
  • + } + }
@@ -369,49 +370,49 @@ component Masthead { } component ButtonPrimary { - #Portal(key: "stylesheets", push: ); + #Portal(key: "stylesheets", push: ); let class? = #String; - + let href = #String; let text = #String; - - let title? = #String; + + let title? = #String; let target? = #String; - - {text} - - - + + {text} + + + } component ModuleContainer { - #Portal(key: "stylesheets", push: ); - -
- {#Slot(key: "", min: 1)} -
+ #Portal(key: "stylesheets", push: ); + +
+ {#Slot(key: "", min: 1)} +
} component Video { @@ -425,8 +426,10 @@ component Video { let loop? = #Boolean; let autoplay? = #Boolean; - let muted? = #Boolean :: fn v -> v |> Base.Fn.default(autoplay); - let playsinline? = #Boolean :: fn v -> v |> Base.Fn.default(autoplay); + let muted? = #Boolean :: fn (v) -> v + |> Base_Fn.default(autoplay); + let playsinline? = #Boolean :: fn (v) -> v + |> Base_Fn.default(autoplay); + playsinline={playsinline} /> } -component SectionStart() { - #Portal(key: "stylesheets", push: ); +component SectionStart { + #Portal(key: "stylesheets", push: ); let class? = #String; let anchor? = #String; let title? = #String; - let align? = #String :: fn v -> v |> Base.Fn.default("center"); - - -
- {if (title) { -

{title}

- }} -
-
+ let align? = #String :: fn (v) -> v + |> Base_Fn.default("center"); + + +
+ {if (title) {

{title}

}} +
+
} component ProjectSlider { - #Portal(key: "stylesheets", push: ); - #Portal(key: "scripts", push: