Skip to content

Commit e6fcb86

Browse files
frankpaganfrankpagan
committed
fix: format demo html
1 parent ee5cc73 commit e6fcb86

File tree

5 files changed

+1034
-751
lines changed

5 files changed

+1034
-751
lines changed

‎demo/CoCreate-navbar.1.html‎

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

0 commit comments

Comments
 (0)