|
1 | 1 | <!DOCTYPE html>
|
2 | 2 | <html lang="en">
|
3 |
| - <head> |
4 |
| - <meta charset="utf-8" /> |
5 |
| - <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
6 |
| - <meta name="viewport" content="width=device-width, initial-scale=1" /> |
7 |
| - <link |
8 |
| - rel="icon" |
9 |
| - type="image/png" |
10 |
| - sizes="32x32" |
11 |
| - href="../assets/favicon.ico" /> |
12 |
| - <title>Navbar | CoCreate</title> |
13 |
| - <link rel="stylesheet" src="" /> |
| 3 | + <head> |
| 4 | + <meta charset="utf-8" /> |
| 5 | + <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 6 | + <meta name="viewport" content="width=device-width, initial-scale=1" /> |
| 7 | + <link |
| 8 | + rel="icon" |
| 9 | + type="image/png" |
| 10 | + sizes="32x32" |
| 11 | + href="../assets/favicon.ico" /> |
| 12 | + <title>Navbar | CoCreate</title> |
| 13 | + <link rel="stylesheet" src="" /> |
14 | 14 |
|
15 |
| - <link rel="manifest" href="/manifest.webmanifest" /> |
16 |
| - </head> |
| 15 | + <link rel="manifest" href="/manifest.webmanifest" /> |
| 16 | + </head> |
17 | 17 |
|
18 |
| - <body> |
19 |
| - <!-- Navbar effects: sticky-nav, hidden-nav --> |
20 |
| - <div |
21 |
| - content_id="content" |
22 |
| - scroll="sticky-nav, hide-nav" |
23 |
| - scroll-up="5" |
24 |
| - scroll-down="5" |
25 |
| - class="nav display:flex align-items-center bg-light-gray"> |
26 |
| - <!--<a href="#" class="logo">Navbar</a>--> |
| 18 | + <body> |
| 19 | + <!-- Navbar effects: sticky-nav, hidden-nav --> |
| 20 | + <div |
| 21 | + content_id="content" |
| 22 | + scroll="sticky-nav, hide-nav" |
| 23 | + scroll-up="5" |
| 24 | + scroll-down="5" |
| 25 | + class="nav display:flex align-items-center bg-light-gray"> |
| 26 | + <!--<a href="#" class="logo">Navbar</a>--> |
27 | 27 |
|
28 |
| - <!-- Menu Icon --> |
29 |
| - <a |
30 |
| - class="menu_icon display:none@md@lg@xl" |
31 |
| - toggle="open" |
32 |
| - toggle-sidenav="menuL"> |
33 |
| - <span></span> |
34 |
| - <span></span> |
35 |
| - <span></span> |
36 |
| - </a> |
| 28 | + <!-- Menu Icon --> |
| 29 | + <a |
| 30 | + class="menu_icon display:none@md@lg@xl" |
| 31 | + toggle="open" |
| 32 | + toggle-sidenav="menuL"> |
| 33 | + <span></span> |
| 34 | + <span></span> |
| 35 | + <span></span> |
| 36 | + </a> |
37 | 37 |
|
38 |
| - <!-- Horizontal Scroll Nav/Tabs --> |
39 |
| - <ul |
40 |
| - class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items-center list-style-type-none width:100% height:50px"> |
41 |
| - <!-- Fullscreen toogle and icon transform --> |
42 |
| - <li class="margin-right:15px"> |
43 |
| - <a fullscreen> |
44 |
| - <i class="height:18px" src="/assets/svg/expand.svg"></i> |
45 |
| - <i |
46 |
| - class="height:18px" |
47 |
| - src="/assets/svg/compress.svg"></i> |
48 |
| - </a> |
49 |
| - </li> |
| 38 | + <!-- Horizontal Scroll Nav/Tabs --> |
| 39 | + <ul |
| 40 | + class="overflow:auto display:inline-flex direction:rtl font-size:20px align-items-center list-style-type-none width:100% height:50px"> |
| 41 | + <!-- Fullscreen toogle and icon transform --> |
| 42 | + <li class="margin-right:15px"> |
| 43 | + <a fullscreen> |
| 44 | + <i class="height:18px" src="/assets/svg/expand.svg"></i> |
| 45 | + <i |
| 46 | + class="height:18px" |
| 47 | + src="/assets/svg/compress.svg"></i> |
| 48 | + </a> |
| 49 | + </li> |
50 | 50 |
|
51 |
| - <!-- Render Builder --> |
52 |
| - <li class="margin-right:15px"> |
53 |
| - <a |
54 |
| - actions="state, openModal" |
55 |
| - modal-src="render.html" |
56 |
| - state-array="modules" |
57 |
| - state-object="" |
58 |
| - state_to="builder" |
59 |
| - modal-width="100%" |
60 |
| - class="sessionAdminUI_Id"> |
61 |
| - <i |
62 |
| - class="height:18px" |
63 |
| - src="/assets/svg/palette.svg"></i> |
64 |
| - <div |
65 |
| - state-array="modules" |
66 |
| - state-object="" |
67 |
| - state_to="render" |
68 |
| - class="sessionBuilderUI_Id"></div> |
69 |
| - </a> |
70 |
| - </li> |
71 |
| - <li class="display:flex"> |
72 |
| - <span |
73 |
| - class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px" |
74 |
| - >4</span |
75 |
| - > |
76 |
| - <a |
77 |
| - actions="state, openModal" |
78 |
| - modal-src="render.html" |
79 |
| - state-array="modules" |
80 |
| - state-object="" |
81 |
| - state_to="render" |
82 |
| - modal-width="100%" |
83 |
| - modal-height="100%" |
84 |
| - modal-color="#229954"> |
85 |
| - <i |
86 |
| - class="height:18px" |
87 |
| - src="/assets/svg/history.svg"></i> |
88 |
| - </a> |
89 |
| - </li> |
90 |
| - <li class="display:flex"> |
91 |
| - <span |
92 |
| - class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px" |
93 |
| - >4</span |
94 |
| - > |
95 |
| - <a |
96 |
| - actions="state, openModal" |
97 |
| - modal-src="render.html" |
98 |
| - state-array="modules" |
99 |
| - state-object="5dc846ebcddd6b0de2c40b80" |
100 |
| - state_to="render" |
101 |
| - modal-width="100%" |
102 |
| - modal-height="100%" |
103 |
| - modal-color="#229954"> |
104 |
| - <i |
105 |
| - class="height:18px" |
106 |
| - src="/assets/svg/calendar.svg"></i> |
107 |
| - </a> |
108 |
| - </li> |
109 |
| - </ul> |
| 51 | + <!-- Render Builder --> |
| 52 | + <li class="margin-right:15px"> |
| 53 | + <a |
| 54 | + actions="state, openModal" |
| 55 | + modal-src="render.html" |
| 56 | + state-array="modules" |
| 57 | + state-object="" |
| 58 | + state_to="builder" |
| 59 | + modal-width="100%" |
| 60 | + class="sessionAdminUI_Id"> |
| 61 | + <i |
| 62 | + class="height:18px" |
| 63 | + src="/assets/svg/palette.svg"></i> |
| 64 | + <div |
| 65 | + state-array="modules" |
| 66 | + state-object="" |
| 67 | + state_to="render" |
| 68 | + class="sessionBuilderUI_Id"></div> |
| 69 | + </a> |
| 70 | + </li> |
| 71 | + <li class="display:flex"> |
| 72 | + <span |
| 73 | + class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px" |
| 74 | + >4</span |
| 75 | + > |
| 76 | + <a |
| 77 | + actions="state, openModal" |
| 78 | + modal-src="render.html" |
| 79 | + state-array="modules" |
| 80 | + state-object="" |
| 81 | + state_to="render" |
| 82 | + modal-width="100%" |
| 83 | + modal-height="100%" |
| 84 | + modal-color="#229954"> |
| 85 | + <i |
| 86 | + class="height:18px" |
| 87 | + src="/assets/svg/history.svg"></i> |
| 88 | + </a> |
| 89 | + </li> |
| 90 | + <li class="display:flex"> |
| 91 | + <span |
| 92 | + class="cocreate-badge position:relative right-8px bottom-5px border-radius-5px" |
| 93 | + >4</span |
| 94 | + > |
| 95 | + <a |
| 96 | + actions="state, openModal" |
| 97 | + modal-src="render.html" |
| 98 | + state-array="modules" |
| 99 | + state-object="5dc846ebcddd6b0de2c40b80" |
| 100 | + state_to="render" |
| 101 | + modal-width="100%" |
| 102 | + modal-height="100%" |
| 103 | + modal-color="#229954"> |
| 104 | + <i |
| 105 | + class="height:18px" |
| 106 | + src="/assets/svg/calendar.svg"></i> |
| 107 | + </a> |
| 108 | + </li> |
| 109 | + </ul> |
110 | 110 |
|
111 |
| - <!-- Avatar --> |
112 |
| - <div |
113 |
| - localstorage-get="user_id" |
114 |
| - localstorage-key="userId" |
115 |
| - localstorage-selector=".avatar-wrapper"></div> |
116 |
| - <div class="avatar-wrapper margin:5px_0px margin-right:10px"> |
117 |
| - <a |
118 |
| - class="avatar round" |
119 |
| - actions="state, openModal" |
120 |
| - modal-src="render.html" |
121 |
| - state-array="modules" |
122 |
| - state-object="5dd010bccbc25f0cdb1a4d9f" |
123 |
| - state_to="render" |
124 |
| - modal-width="300px" |
125 |
| - modal-height="375px" |
126 |
| - modal-color="#229954"> |
127 |
| - <span |
128 |
| - array="users" |
129 |
| - object="$user_id" |
130 |
| - key="name" |
131 |
| - class="width:12px avatar-name" |
132 |
| - >B</span |
133 |
| - > |
134 |
| - <span |
135 |
| - array="users" |
136 |
| - object="$user_id" |
137 |
| - key="profile_image" |
138 |
| - class="avatar-image"> |
139 |
| - <img |
140 |
| - src="/_static/Velazquez.jpg" |
141 |
| - onerror="this.style.display='none'" /> |
142 |
| - </span> |
143 |
| - </a> |
144 |
| - <div class="avatar-status off"></div> |
145 |
| - </div> |
146 |
| - </div> |
| 111 | + <!-- Avatar --> |
| 112 | + <div |
| 113 | + localstorage-get="user_id" |
| 114 | + localstorage-key="userId" |
| 115 | + localstorage-query=".avatar-wrapper"></div> |
| 116 | + <div class="avatar-wrapper margin:5px_0px margin-right:10px"> |
| 117 | + <a |
| 118 | + class="avatar round" |
| 119 | + actions="state, openModal" |
| 120 | + modal-src="render.html" |
| 121 | + state-array="modules" |
| 122 | + state-object="5dd010bccbc25f0cdb1a4d9f" |
| 123 | + state_to="render" |
| 124 | + modal-width="300px" |
| 125 | + modal-height="375px" |
| 126 | + modal-color="#229954"> |
| 127 | + <span |
| 128 | + array="users" |
| 129 | + object="$user_id" |
| 130 | + key="name" |
| 131 | + class="width:12px avatar-name" |
| 132 | + >B</span |
| 133 | + > |
| 134 | + <span |
| 135 | + array="users" |
| 136 | + object="$user_id" |
| 137 | + key="profile_image" |
| 138 | + class="avatar-image"> |
| 139 | + <img |
| 140 | + src="/_static/Velazquez.jpg" |
| 141 | + onerror="this.style.display='none'" /> |
| 142 | + </span> |
| 143 | + </a> |
| 144 | + <div class="avatar-status off"></div> |
| 145 | + </div> |
| 146 | + </div> |
147 | 147 |
|
148 |
| - <div id="modal-viewport" content_id="content"></div> |
| 148 | + <div id="modal-viewport" content_id="content"></div> |
149 | 149 |
|
150 |
| - <div |
151 |
| - id="menuL" |
152 |
| - class="cocreate-sidenav bg-medium-light-gray" |
153 |
| - content_id="content" |
154 |
| - sidenav_default_desktop="expanded" |
155 |
| - sidenav_default_tablet="collapsed"> |
156 |
| - <div resize="right"></div> |
157 |
| - </div> |
| 150 | + <div |
| 151 | + id="menuL" |
| 152 | + class="cocreate-sidenav bg-medium-light-gray" |
| 153 | + content_id="content" |
| 154 | + sidenav_default_desktop="expanded" |
| 155 | + sidenav_default_tablet="collapsed"> |
| 156 | + <div resize="right"></div> |
| 157 | + </div> |
158 | 158 |
|
159 |
| - <!--CoCreateJS--> |
160 |
| - <script src="https://CoCreate.app/dist/CoCreate.js"></script> |
161 |
| - </body> |
| 159 | + <!--CoCreateJS--> |
| 160 | + <script src="https://CoCreate.app/dist/CoCreate.js"></script> |
| 161 | + </body> |
162 | 162 | </html>
|
0 commit comments