50 lines
No EOL
1.5 KiB
Text
50 lines
No EOL
1.5 KiB
Text
page(favicon:"/favicon.ico") {
|
|
title { "Blueprint - Modern UI Framework" }
|
|
description { "A modern, declarative UI framework for building beautiful web interfaces" }
|
|
keywords { "blueprint, ui, framework, web development" }
|
|
author { "Blueprint Team" }
|
|
}
|
|
|
|
navbar {
|
|
horizontal {
|
|
link(href:index) { text(bold) { "Blueprint Live" } }
|
|
links {
|
|
link(href:index) { "Home" }
|
|
link(href:components) { "Components" }
|
|
link(href:about) { "About" }
|
|
link(href:contact) { "Contact" }
|
|
}
|
|
}
|
|
}
|
|
|
|
section(wide, centered) {
|
|
vertical(centered,wide) {
|
|
title(huge) { "Welcome to blueprint" }
|
|
text(subtle) { "You can now edit files in the src/ directory" }
|
|
}
|
|
|
|
horizontal(centered) {
|
|
link(href:index) { button { "Get started" } }
|
|
link(href:about) { button-light { "About" } }
|
|
}
|
|
}
|
|
|
|
section(wide) {
|
|
grid(columns:3) {
|
|
card {
|
|
title { "Live Reloads" }
|
|
text { "Changes appear instantly in your browser" }
|
|
link(href:https://example.com) { button-secondary { "Try Blueprint" } }
|
|
}
|
|
card {
|
|
title { "Modern Design" }
|
|
text { "Beautiful dark theme with consistent styling" }
|
|
link(href:about) { button-secondary { "About" } }
|
|
}
|
|
card {
|
|
title { "Easy to Use" }
|
|
text { "Simple, declarative syntax for building UIs" }
|
|
link(href:contact) { button-secondary { "Contact" } }
|
|
}
|
|
}
|
|
} |