1 module uim.bootstrap.bs5.demos.examples.navbarstatic; 2 3 import uim.bootstrap; 4 5 static this() { 6 demoBS5.pages("examples/navbarstatic", new class DH5AppPage { 7 this() { 8 super(); 9 this 10 .created(DateTime(2020, 12, 20, 10, 10, 0)) 11 .changed(timeLastModified(__FILE_FULL_PATH__)) 12 .parameters([ 13 "pageTitle": "Starter Page - Bootstrap 5 Demo" 14 ]) 15 .styles(` 16 body { 17 min-height: 75rem; 18 } 19 .bd-placeholder-img { 20 font-size: 1.125rem; 21 text-anchor: middle; 22 -webkit-user-select: none; 23 -moz-user-select: none; 24 user-select: none; 25 } 26 @media (min-width: 768px) { 27 .bd-placeholder-img-lg { 28 font-size: 3.5rem; 29 } 30 }`) 31 .styles(["href":"navbar-top.css", "rel":"stylesheet"]); 32 } 33 34 override string content() { 35 36 return 37 H5Nav(["navbar navbar-expand-md navbar-dark bg-dark"], 38 H5Div(["container-fluid"], 39 H5A(["navbar-brand"], ["href":"#"], "Top navbar"), 40 H5Button("navbarCollapse", ["navbar-toggler"], ["type":"button", "dallapse":"dallapse"], 41 BS5NavbarNav(["me-auto mb-2 mb-md-0"], 42 BS5NavItem(["active"], 43 H5H1( 44 BS5NavLink(["aria-current":"page", "href":"#"], "Ho"))), 45 BS5NavItem, 46 BS5NavItem( 47 BS5NavLink(["disabled"], ["href":"#", "tabindex":"-1", "aria-disabled":"true"], "Disabled") 48 )), 49 H5H1(["d-fle"]), 50 H5Input(["form-control me-2"], ["type":"search", "placeholder":"Search", "aria-label":"Search"]), 51 BS5ButtonSubmit(["btn-outline-success"], "Search")) 52 )).toString~ 53 54 H5Main(["container"], 55 H5Div(["bg-light p-5 rounded"], 56 H5H1("Navbar example"), 57 H5P(["lead"], "This example is a quick exercise to illustrate how the top-aligned navbar works. As you scroll, this navbar remains in its original position and moves with the rest of the page."), 58 H5A(["btn btn-lg btn-primary"], ["href":"../components/navbar/", "role":"button"], "View navbar docs »") 59 )).toString; 60 61 } 62 }); 63 } 64