Skip to content

Commit a0cf356

Browse files
frankpaganfrankpagan
committed
fix: update query attributes
1 parent 3c203cb commit a0cf356

File tree

2 files changed

+497
-500
lines changed

2 files changed

+497
-500
lines changed

‎demo/index.html

Lines changed: 169 additions & 169 deletions
Original file line numberDiff line numberDiff line change
@@ -1,182 +1,182 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<title>Parallax | CoCreateJS</title>
3+
<head>
4+
<title>Parallax | CoCreateJS</title>
55

6-
<!-- CoCreate Favicon -->
7-
<link
8-
rel="icon"
9-
type="image/png"
10-
sizes="32x32"
11-
href="../assets/favicon.ico" />
12-
<!-- CoCreate CSS CDN -->
13-
<link
14-
rel="stylesheet"
15-
href="https://cdn.cocreate.app/parallax/latest/CoCreate-parallax.min.css"
16-
type="text/css" />
17-
<link rel="manifest" href="/manifest.webmanifest" />
18-
</head>
19-
<body>
20-
<!-- Avatar -->
21-
<div
22-
localstorage-get="user_id"
23-
localstorage-key="userId"
24-
localstorage-selector=".avatar-wrapper"></div>
25-
<div class="avatar-wrapper margin:5px_0px margin-right:10px">
26-
<a
27-
class="avatar round"
28-
actions="state, openModal"
29-
modal-src="render.html"
30-
state-array="modules"
31-
state-object="5dd010bccbc25f0cdb1a4d9f"
32-
state_to="render"
33-
modal-width="300px"
34-
modal-height="375px"
35-
modal-color="#229954">
36-
<span
37-
array="users"
38-
object="$user_id"
39-
key="name"
40-
class="width:12px avatar-name"
41-
>B</span
42-
>
43-
<span
44-
array="users"
45-
object="$user_id"
46-
key="profile_image"
47-
class="avatar-image">
48-
<img
49-
src="/_static/Velazquez.jpg"
50-
onerror="this.style.display='none'" />
51-
</span>
52-
</a>
53-
<div class="avatar-status off"></div>
54-
</div>
6+
<!-- CoCreate Favicon -->
7+
<link
8+
rel="icon"
9+
type="image/png"
10+
sizes="32x32"
11+
href="../assets/favicon.ico" />
12+
<!-- CoCreate CSS CDN -->
13+
<link
14+
rel="stylesheet"
15+
href="https://cdn.cocreate.app/parallax/latest/CoCreate-parallax.min.css"
16+
type="text/css" />
17+
<link rel="manifest" href="/manifest.webmanifest" />
18+
</head>
19+
<body>
20+
<!-- Avatar -->
21+
<div
22+
localstorage-get="user_id"
23+
localstorage-key="userId"
24+
localstorage-query=".avatar-wrapper"></div>
25+
<div class="avatar-wrapper margin:5px_0px margin-right:10px">
26+
<a
27+
class="avatar round"
28+
actions="state, openModal"
29+
modal-src="render.html"
30+
state-array="modules"
31+
state-object="5dd010bccbc25f0cdb1a4d9f"
32+
state_to="render"
33+
modal-width="300px"
34+
modal-height="375px"
35+
modal-color="#229954">
36+
<span
37+
array="users"
38+
object="$user_id"
39+
key="name"
40+
class="width:12px avatar-name"
41+
>B</span
42+
>
43+
<span
44+
array="users"
45+
object="$user_id"
46+
key="profile_image"
47+
class="avatar-image">
48+
<img
49+
src="/_static/Velazquez.jpg"
50+
onerror="this.style.display='none'" />
51+
</span>
52+
</a>
53+
<div class="avatar-status off"></div>
54+
</div>
5555

56-
<div content_id="content">
57-
<div
58-
class="parallax height:300px"
59-
parallax-src="https://www.w3schools.com/howto/img_parallax.jpg">
60-
<div class="caption">
61-
<span class="border">SCROLL DOWN</span>
62-
</div>
63-
</div>
56+
<div content_id="content">
57+
<div
58+
class="parallax height:300px"
59+
parallax-src="https://www.w3schools.com/howto/img_parallax.jpg">
60+
<div class="caption">
61+
<span class="border">SCROLL DOWN</span>
62+
</div>
63+
</div>
6464

65-
<div
66-
style="
67-
color: #777;
68-
background-color: white;
69-
text-align: center;
70-
padding: 50px 80px;
71-
text-align: justify;
72-
">
73-
<h3 style="text-align: center">Parallax Demo</h3>
74-
<p>
75-
Parallax scrolling is a web site trend where the background
76-
content is moved at a different speed than the foreground
77-
content while scrolling. Nascetur per nec posuere turpis,
78-
lectus nec libero turpis nunc at, sed posuere mollis
79-
ullamcorper libero ante lectus, blandit pellentesque a,
80-
magna turpis est sapien duis blandit dignissim. Viverra
81-
interdum mi magna mi, morbi sociis. Condimentum dui ipsum
82-
consequat morbi, curabitur aliquam pede, nullam vitae eu
83-
placerat eget et vehicula. Varius quisque non molestie
84-
dolor, nunc nisl dapibus vestibulum at, sodales tincidunt
85-
mauris ullamcorper, dapibus pulvinar, in in neque risus
86-
odio. Accumsan fringilla vulputate at quibusdam sociis
87-
eleifend, aenean maecenas vulputate, non id vehicula lorem
88-
mattis, ratione interdum sociis ornare. Suscipit proin magna
89-
cras vel, non sit platea sit, maecenas ante augue etiam
90-
maecenas, porta porttitor placerat leo.
91-
</p>
92-
</div>
65+
<div
66+
style="
67+
color: #777;
68+
background-color: white;
69+
text-align: center;
70+
padding: 50px 80px;
71+
text-align: justify;
72+
">
73+
<h3 style="text-align: center">Parallax Demo</h3>
74+
<p>
75+
Parallax scrolling is a web site trend where the background
76+
content is moved at a different speed than the foreground
77+
content while scrolling. Nascetur per nec posuere turpis,
78+
lectus nec libero turpis nunc at, sed posuere mollis
79+
ullamcorper libero ante lectus, blandit pellentesque a,
80+
magna turpis est sapien duis blandit dignissim. Viverra
81+
interdum mi magna mi, morbi sociis. Condimentum dui ipsum
82+
consequat morbi, curabitur aliquam pede, nullam vitae eu
83+
placerat eget et vehicula. Varius quisque non molestie
84+
dolor, nunc nisl dapibus vestibulum at, sodales tincidunt
85+
mauris ullamcorper, dapibus pulvinar, in in neque risus
86+
odio. Accumsan fringilla vulputate at quibusdam sociis
87+
eleifend, aenean maecenas vulputate, non id vehicula lorem
88+
mattis, ratione interdum sociis ornare. Suscipit proin magna
89+
cras vel, non sit platea sit, maecenas ante augue etiam
90+
maecenas, porta porttitor placerat leo.
91+
</p>
92+
</div>
9393

94-
<div
95-
class="parallax"
96-
parallax-src="https://www.w3schools.com/howto/img_parallax2.jpg"
97-
parallax-height="300px">
98-
<div class="caption">
99-
<span
100-
class="border"
101-
style="
102-
background-color: transparent;
103-
font-size: 25px;
104-
color: #f7f7f7;
105-
"
106-
>LESS HEIGHT</span
107-
>
108-
</div>
109-
</div>
94+
<div
95+
class="parallax"
96+
parallax-src="https://www.w3schools.com/howto/img_parallax2.jpg"
97+
parallax-height="300px">
98+
<div class="caption">
99+
<span
100+
class="border"
101+
style="
102+
background-color: transparent;
103+
font-size: 25px;
104+
color: #f7f7f7;
105+
"
106+
>LESS HEIGHT</span
107+
>
108+
</div>
109+
</div>
110110

111-
<div style="position: relative">
112-
<div
113-
style="
114-
color: #ddd;
115-
background-color: #282e34;
116-
text-align: center;
117-
padding: 50px 80px;
118-
text-align: justify;
119-
">
120-
<p>
121-
Scroll up and down to really get the feeling of how
122-
Parallax Scrolling works.
123-
</p>
124-
</div>
125-
</div>
111+
<div style="position: relative">
112+
<div
113+
style="
114+
color: #ddd;
115+
background-color: #282e34;
116+
text-align: center;
117+
padding: 50px 80px;
118+
text-align: justify;
119+
">
120+
<p>
121+
Scroll up and down to really get the feeling of how
122+
Parallax Scrolling works.
123+
</p>
124+
</div>
125+
</div>
126126

127-
<div
128-
class="parallax"
129-
parallax-src="https://www.w3schools.com/howto/img_parallax2.jpg"
130-
parallax-height="300px">
131-
<div class="caption">
132-
<span
133-
class="border"
134-
style="
135-
background-color: transparent;
136-
font-size: 25px;
137-
color: #f7f7f7;
138-
"
139-
>SCROLL UP</span
140-
>
141-
</div>
142-
</div>
127+
<div
128+
class="parallax"
129+
parallax-src="https://www.w3schools.com/howto/img_parallax2.jpg"
130+
parallax-height="300px">
131+
<div class="caption">
132+
<span
133+
class="border"
134+
style="
135+
background-color: transparent;
136+
font-size: 25px;
137+
color: #f7f7f7;
138+
"
139+
>SCROLL UP</span
140+
>
141+
</div>
142+
</div>
143143

144-
<div style="position: relative">
145-
<div
146-
style="
147-
color: #ddd;
148-
background-color: #282e34;
149-
text-align: center;
150-
padding: 50px 80px;
151-
text-align: justify;
152-
">
153-
<p>
154-
Scroll up and down to really get the feeling of how
155-
Parallax Scrolling works.
156-
</p>
157-
</div>
158-
</div>
144+
<div style="position: relative">
145+
<div
146+
style="
147+
color: #ddd;
148+
background-color: #282e34;
149+
text-align: center;
150+
padding: 50px 80px;
151+
text-align: justify;
152+
">
153+
<p>
154+
Scroll up and down to really get the feeling of how
155+
Parallax Scrolling works.
156+
</p>
157+
</div>
158+
</div>
159159

160-
<div
161-
class="parallax"
162-
parallax-src="https://www.w3schools.com/howto/img_parallax.jpg"
163-
parallax-height="300px">
164-
<div class="caption">
165-
<span class="border">COOL!</span>
166-
</div>
167-
</div>
168-
</div>
160+
<div
161+
class="parallax"
162+
parallax-src="https://www.w3schools.com/howto/img_parallax.jpg"
163+
parallax-height="300px">
164+
<div class="caption">
165+
<span class="border">COOL!</span>
166+
</div>
167+
</div>
168+
</div>
169169

170-
<div
171-
id="menuL"
172-
class="cocreate-sidenav bg-medium-light-gray"
173-
content_id="content"
174-
sidenav_default_desktop="offCanvas"
175-
sidenav_default_tablet="offCanvas">
176-
<div resize="right"></div>
177-
</div>
170+
<div
171+
id="menuL"
172+
class="cocreate-sidenav bg-medium-light-gray"
173+
content_id="content"
174+
sidenav_default_desktop="offCanvas"
175+
sidenav_default_tablet="offCanvas">
176+
<div resize="right"></div>
177+
</div>
178178

179-
<!--<script src="../dist/CoCreate-parallax.js"></script>-->
180-
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
181-
</body>
179+
<!--<script src="../dist/CoCreate-parallax.js"></script>-->
180+
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
181+
</body>
182182
</html>

0 commit comments

Comments
 (0)