11<main >
2- <div class =" layout_topBar" >
3- <div class =" layout_container flex flex-jc:end flex-ai:center" >
4- <ul class =" layout_topBar_action flex" >
5- <li >
6- <button id =" user_action_change_dark" aria-label =" Dark mode" ><i class =" fas fa-moon" ></i ></button >
7- </li >
8- <li class =" jscolor_li" >
9- <button data-jscolor aria-label =" Color" ></button >
10- </li >
11- <li id =" jscolor_reset" class =" jscolor_li" style =" display : none ;" >
12- <button aria-label =" Reset color" ><i class =" fa fa-refresh" ></i ></button >
13- </li >
14- </ul >
2+ <div class =" layout_topBar" >
3+ <div class =" layout_container flex flex-jc:end flex-ai:center" >
4+ <ul class =" layout_topBar_action flex" >
5+ <li >
6+ <button id =" user_action_change_dark" aria-label =" Dark mode" ><i class =" fas fa-moon" ></i ></button >
7+ </li >
8+ <li class =" jscolor_li" >
9+ <button data-jscolor aria-label =" Color" ></button >
10+ </li >
11+ <li id =" jscolor_reset" class =" jscolor_li" style =" display : none ;" >
12+ <button aria-label =" Reset color" ><i class =" fa fa-refresh" ></i ></button >
13+ </li >
14+ </ul >
1515
16- <ul class =" layout_topBar_userBar responsive_show:desktop flex flex-ai:center" >
17- { if $login }
18- <li class =" margin-right" >
19- Welcome, <a href =' index.php?p=account' ><i class =" fas fa-user" ></i > { $username } </a >
20- </li >
21- <li >
22- <a class =" button button-important" href =' index.php?p=logout' ><i class =" fas fa-sign-out-alt" ></i >
23- Logout</a >
24- </li >
25- { else }
26- <li >
27- <a class =" button button-success" href =' index.php?p=login' >Existing user? Sign In</a >
28- </li >
29- { /if }
30- </ul >
16+ <ul class =" layout_topBar_userBar responsive_show:desktop flex flex-ai:center" >
17+ { if $login }
18+ <li class =" margin-right" >
19+ Welcome, <a href =' index.php?p=account' ><i class =" fas fa-user" ></i > { $username } </a >
20+ </li >
21+ <li >
22+ <a class =" button button-important" href =' index.php?p=logout' ><i class =" fas fa-sign-out-alt" ></i >
23+ Logout</a >
24+ </li >
25+ { else }
26+ <li >
27+ <a class =" button button-success" href =' index.php?p=login' >Existing user? Sign In</a >
28+ </li >
29+ { /if }
30+ </ul >
3131
32- <button id =" button_mobile_open" class =" nav_mobile_open responsive_hide:desktop"
33- aria-label =" Mobile nav open" >
34- <i class =" fas fa-bars" ></i >
35- </button >
36- </div >
32+ <button id =" button_mobile_open" class =" nav_mobile_open responsive_hide:desktop" aria-label =" Mobile nav open" >
33+ <i class =" fas fa-bars" ></i >
34+ </button >
3735 </div >
36+ </div >
3837
39- <div id =" layout_mobile" class =" nav_mobile" >
40- <button id =" button_mobile_close" class =" nav_mobile_close" aria-label =" Mobile nav close" >
41- <i class =" fas fa-times" ></i >
42- </button >
43- <div class =" nav_mobile_content" >
38+ <div id =" layout_mobile" class =" nav_mobile" >
39+ <button id =" button_mobile_close" class =" nav_mobile_close" aria-label =" Mobile nav close" >
40+ <i class =" fas fa-times" ></i >
41+ </button >
42+ <div class =" nav_mobile_content" >
4443
45- <div class =" nav_mobile_tab_top padding flex" >
46- { if $login }
47- <a class =" button button-important button:full" href =' index.php?p=logout' ><i
48- class = " fas fa-sign-out-alt " ></ i > Logout</a >
49- { else }
50- <a class =" button button-success button:full" href =' index.php?p=login' >Existing user? Sign In</a >
51- { /if }
52- </div >
53- <nav class =" nav_mobile_tab_nav" >
54- <ul >
55- { foreach from= $navbar item= nav}
56- <li class =" { $nav .state} " >
57- <a href =" index.php?p={ $nav .endpoint} " data-nav =" { $nav .endpoint} " >
58- { $nav .title}
59- </a >
60- </li >
61- { /foreach }
62- </ul >
63- </nav >
44+ <div class =" nav_mobile_tab_top padding flex" >
45+ { if $login }
46+ <a class =" button button-important button:full" href =' index.php?p=logout' ><i class = " fas fa-sign-out-alt " ></ i >
47+ Logout</a >
48+ { else }
49+ <a class =" button button-success button:full" href =' index.php?p=login' >Existing user? Sign In</a >
50+ { /if }
51+ </div >
52+ <nav class =" nav_mobile_tab_nav" >
53+ <ul >
54+ { foreach from= $navbar item= nav}
55+ <li class =" { $nav .state} " >
56+ <a href =" index.php?p={ $nav .endpoint} " data-nav =" { $nav .endpoint} " >
57+ { $nav .title}
58+ </a >
59+ </li >
60+ { /foreach }
61+ </ul >
62+ </nav >
6463
65- </div >
66- <div class =" nav_mobile_background" ></div >
6764 </div >
65+ <div class =" nav_mobile_background" ></div >
66+ </div >
6867
69- <nav id =" navBar" class =" nav responsive_show:desktop" >
70- <div class =" nav_tab" >
71- <ul >
72- { foreach from= $navbar item= nav}
73- <li class =" { $nav .state} " >
74- <a href =" index.php?p={ $nav .endpoint} " data-nav =" { $nav .endpoint} " >
75- { $nav .title}
76- </a >
77- </li >
78- { /foreach }
79- </ul >
80- </div >
81- </nav >
82- <div id =" mainwrapper" class =" layout_body layout_container flex:11" >
68+ <nav id =" navBar" class =" nav responsive_show:desktop" >
69+ <div class =" nav_tab" >
70+ <ul >
71+ { foreach from= $navbar item= nav}
72+ <li class =" { $nav .state} " >
73+ <a href =" index.php?p={ $nav .endpoint} " data-nav =" { $nav .endpoint} " >
74+ { $nav .title}
75+ </a >
76+ </li >
77+ { /foreach }
78+ </ul >
79+ </div >
80+ </nav >
81+ <div id =" mainwrapper" class =" layout_body flex:11" >
0 commit comments