node "wm-button" [ onClick toggleDemo ] [ text "Show Demo" ]
node "div" [ id "navigation-demo" ]
[ node "div" [ class "header" ]
, node "!--" [ NAVIGATION True, HAMBURGER True, COMPONENT True, MARKUP True, -- True ]
, node "wm-navigation-hamburger" [ attribute "nav-id" "mynav" ] [ text "" ]
, node "!--" [ END True, OF True, NAVIGATION True, HAMBURGER True, COMPONENT True, MARKUP True, -- True ] [ text "" ]
, node "h3" [] [ text "Demo Header" ]
]
node "div" [ class "main" ]
[ node "!--" [ NAVIGATION True, COMPONENT True, MARKUP True, -- True ]
, node "wm-navigation" [ id "mynav" ]
, node "wm-navigation-item" [ attribute "href" "#home", attribute "text" "Home", active True, onClick setActive(thi ]
, node "span" [ class "mdi mdi-emoticon-cool-outline" ] [ text "" ]
]
node "wm-navigation-item" [ attribute "href" "#org", attribute "text" "Organization Management", onClick setActive(thi ] [ text "<span class="mdi mdi-emoticon-cool-outline"></span>" ]
node "wm-navigation-item" [ attribute "href" "#plans", attribute "text" "Plans", onClick setActive(thi ] [ text "<span class="mdi mdi-emoticon-cool-outline"></span>" ]
node "wm-navigation-item" [ attribute "href" "#accreditation_self_studies", attribute "text" "Accreditation Self-Studies", onClick setActive(thi ] [ text "<span class="mdi mdi-emoticon-cool-outline"></span>" ]
node "wm-navigation-item" [ attribute "href" "#program-review", attribute "text" "Program Review", onClick setActive(thi ] [ text "<span class="mdi mdi-emoticon-cool-outline"></span>" ]
node "!--" [ END True, OF True, NAVIGATION True, COMPONENT True, MARKUP True, -- True ]
[ node "div" [ class "content" ]
, node "h1" [] [ text "Lorem Ipsum" ]
, node "p" [] [ text "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ornare venenatis ipsum, sit amet condimentum lacus imperdiet non. Quisque aliquet nisi id est congue, eu congue ipsum interdum. Curabitur eget leo quis metus ultrices fermentum. Donec ut gravida eros, in eleifend arcu. Quisque euismod neque luctus elementum semper. Aliquam suscipit risus a ultricies vehicula. Curabitur id ultrices tortor. In auctor mauris id quam viverra dictum. Nunc rutrum lectus quis commodo mollis. Sed a accumsan tellus, eget maximus mauris. Etiam id tempus sapien. Vestibulum feugiat, elit eu ornare pharetra, urna nisl tincidunt orci, ut tincidunt sapien lacus quis mauris. Proin non aliquam velit. Suspendisse varius pulvinar justo, vel dignissim augue venenatis at." ]
, node "wm-button" [ onClick toggleDemo ] [ text "Close Demo" ]
]