uim.bootstrap.bs5.demos.examples.starter source code

1 module uim.bootstrap.bs5.demos.examples.starter;
2 
3 import uim.bootstrap;
4 
5 static this() {
6 	demoBS5.pages("examples/starter", 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 .bd-placeholder-img {
17   font-size: 1.125rem;
18   text-anchor: middle;
19   -webkit-user-select: none;
20   -moz-user-select: none;
21   user-select: none;
22 }
23 
24 @media (min-width: 768px) {
25   .bd-placeholder-img-lg {
26     font-size: 3.5rem;
27   }
28 }
29 body {
30   padding-top: 5rem;
31 }
32 
33 `);
34 		} 
35 			
36     override string content() { 
37 
38       return  
39 H5Nav(["navbar navbar-expand-md navbar-dark bg-dark fixed-top"], 
40   H5Div(["container-fluid"], 
41     H5A(["navbar-brand"], ["href":"#"], "Navbar"),
42     H5Button(["navbar-toggler"], ["type":"button", "data-bs-toggle":"collapse", "data-bs-target":"#navbarsExampleDefault", "aria-controls":"navbarsExampleDefault", "aria-expanded":"false", "aria-label":"Toggle navigation"], 
43       H5Span(["navbar-toggler-icon"])
44     ),
45     H5Div("navbarsExampleDefault", ["collapse navbar-collapse"], 
46       BS5NavbarNav(["me-auto mb-2 mb-md-0"], 
47         BS5NavItem(["active"], 
48           BS5NavLink(["aria-current":"page", "href":"#"], "Home")
49         ),
50         BS5NavItem(
51           BS5NavLink(["href":"#"], "Link")
52         ),
53         BS5NavItem(
54           BS5NavLink(["disabled"], ["href":"#", "tabindex":"-1", "aria-disabled":"true"], "Disabled")
55         ),
56         BS5NavItem(["dropdown"], 
57           BS5NavLink("dropdown01", ["dropdown-toggle"], ["href":"#", "data-bs-toggle":"dropdown", "aria-expanded":"false"], "Dropdown"),
58           H5Ul(["dropdown-menu"], ["aria-labelledby":"dropdown01"], 
59             H5Li(BS5DropdownItem(["href":"#"], "Action")),
60             H5Li(BS5DropdownItem(["href":"#"], "Another action")),
61             H5Li(BS5DropdownItem(["href":"#"], "Something else here"))
62           )
63         )
64       ),
65       H5Form(["d-flex"], 
66         BS5InputSearch(["me-2"], ["placeholder":"Search", "aria-label":"Search"]),
67         BS5ButtonSubmit(["btn-outline-success"], "Search")
68       )
69     )
70   )
71 ).toString~
72 H5Main(["container"], 
73   H5Div(["starter-template text-center py-5 px-3"],
74     H5H1("Bootstrap starter template"),
75     H5P(["lead"], "Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.")
76   )
77 ).toString;
78 
79     }
80   });
81 }
82