diff --git a/_site/h/img/brut-demo-dark.webp b/_site/h/img/brut-demo-dark.webp new file mode 100644 index 0000000..08e6098 Binary files /dev/null and b/_site/h/img/brut-demo-dark.webp differ diff --git a/_site/h/img/brut-demo-light.webp b/_site/h/img/brut-demo-light.webp new file mode 100644 index 0000000..33fa668 Binary files /dev/null and b/_site/h/img/brut-demo-light.webp differ diff --git a/_site/index.html b/_site/index.html index d4dd571..d4fae74 100644 --- a/_site/index.html +++ b/_site/index.html @@ -1 +1 @@ -BRUT

BRUT

A Brutalist and Minimalist CSS Framework

This CSS framework is ideal to be used for private admin interfaces.

Just by the look of it, it will scream:
THIS IS NOT FOR NON-TECHNICAL PEOPLE!!!

Docs

A few quick examples to show every components. This should be quick and straightforward.

This CSS framework makes its best to respect some expected composability accross classes. Here are a few examples:

A block:

textual btn

classic btn

Some message block

Then add the class big:

textual btn

classic btn

Some message block
Docs

Download

Download BRUT

Download
\ No newline at end of file +BRUT

BRUT

A Brutalist and Minimalist CSS Framework

This CSS framework is ideal to be used for private admin interfaces.

Just by the look of it, it will scream:
THIS IS NOT FOR NON-TECHNICAL PEOPLE!!!

Examples

A few quick examples to show every components. This should be quick and straightforward.

This CSS framework makes its best to respect some expected composability accross classes. Here are a few examples:

A block:

textual btn

classic btn

Some message block

Then add the class big:

textual btn

classic btn

Some message block

Example

A demo of brut.css with a few forms and an error message

Docs

Docs

Download

Download
\ No newline at end of file diff --git a/bb/brut/site.clj b/bb/brut/site.clj index 97a907f..10d4bc4 100644 --- a/bb/brut/site.clj +++ b/bb/brut/site.clj @@ -12,8 +12,9 @@ {:in xhtml :out :string})))) -(def brutalism-img - "h/img/brutalism.webp") +(def brutalism-img "h/img/brutalism.webp") +(def demo-light-img "h/img/brut-demo-light.webp") +(def demo-dark-img "h/img/brut-demo-dark.webp") (defn nav [rel-pref] (let [to (fn [path] (str rel-pref path))] @@ -84,36 +85,45 @@ [:span.hl "THIS IS NOT FOR NON-TECHNICAL PEOPLE!!!"]]] [:div.c2]]]] cards [:div.container - [:div.row - [:div.col.card - [:h3 "Docs"] - [:p "A few quick examples to show every components. " - "This should be quick and straightforward."] - [:p "This CSS framework makes its best to respect some expected composability accross classes." - " Here are a few examples:"] - [:div.row - [:div - [:p.tight "A block: "] - [:div.card - [:div.tb "textual btn"] - [:br] - [:div.btn "classic btn"] - [:br] - [:div.msg "Some message block"]]] - [:div - [:p.tight "Then add the class " [:code "big"] ": "] - [:div.card.big - [:div.tb "textual btn"] - [:br] - [:div.btn "classic btn"] - [:br] - [:div.msg "Some message block"]]]] - [:a.tb.big.push.info.stretch {:href (to "h/docs.html")} - "Docs"]] - [:div.col.card - [:h3 "Download"] - [:p "Download BRUT"] - [:a.tb.warn.big.push.stretch {:href (to "h/download.html")} "Download"]]]]] + [:div.col + [:div.row + [:div.col.card + [:h3 "Examples"] + [:p "A few quick examples to show every components. " + "This should be quick and straightforward."] + [:p "This CSS framework makes its best to respect some expected composability accross classes." + " Here are a few examples:"] + [:div.row + [:div + [:p.tight "A block: "] + [:div.card + [:div.tb "textual btn"] + [:br] + [:div.btn "classic btn"] + [:br] + [:div.msg "Some message block"]]] + [:div + [:p.tight "Then add the class " [:code "big"] ": "] + [:div.card.big + [:div.tb "textual btn"] + [:br] + [:div.btn "classic btn"] + [:br] + [:div.msg "Some message block"]]]]] + [:div.col.card + [:h3 "Example"] + [:img + {:src (to demo-light-img) + :style "border:solid 10px #777; padding: 10px; width: 80%; align-self: center" + :alt "A demo of brut.css with a few forms and an error message"}]]] + [:div.row + [:div.col.card + [:h3 "Docs"] + [:a.tb.big.info.stretch {:href (to "h/docs.html")} + "Docs"]] + [:div.col.card + [:h3 "Download"] + [:a.tb.warn.big.stretch {:href (to "h/download.html")} "Download"]]]]]] [:div hero cards])) diff --git a/h/img/brut-demo-dark.webp b/h/img/brut-demo-dark.webp new file mode 100644 index 0000000..08e6098 Binary files /dev/null and b/h/img/brut-demo-dark.webp differ diff --git a/h/img/brut-demo-light.webp b/h/img/brut-demo-light.webp new file mode 100644 index 0000000..33fa668 Binary files /dev/null and b/h/img/brut-demo-light.webp differ