Skip to content

Commit f22bf0b

Browse files
jeonghee27jeonghee27
authored
Merge pull request w3c#3 from WICG/master
merge from latest master
2 parents 8796856 + bf547e8 commit f22bf0b

37 files changed

+1357
-905
lines changed

‎.gitignore

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
blink_impl
2+
docs
3+
dist

‎.npmignore

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
.DS_Store
2+
.npmignore
3+
explainer.md
4+
implStatus.md
5+
index.bs
6+
index.html
7+
LICENSE.md
8+
blink_impl/
9+
docs/
10+
resources/
11+
tests/
12+

‎README.md

+1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@ This is a repository for making the Web excellently embrace the spatial navigati
55
* Read the [Explainer](explainer.md)
66
* Read the [Spec](https://wicg.github.io/spatial-navigation/)
77
* See the [Implementation Status](implStatus.md)
8+
* Play with the [Polyfill](polyfill/README.md)
89
* Try the [Demo](https://wicg.github.io/spatial-navigation/demo/)
910
* Give feedback on [issues](https://github.com/WICG/spatial-navigation/issues) or via [email](mailto://lgewst@gmail.com)
1011

‎demo/LG Smart Bold.woff

41.8 KB
Binary file not shown.

‎demo/LG Smart Regular.woff

42.6 KB
Binary file not shown.

‎demo/blog/blog-utils.js

-5
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,6 @@
33
* Copyright 2018 LG Electronics Inc. All rights reserved.
44
*
55
*/
6-
window.addEventListener("load", function() {
7-
// load SpatNav polyfill
8-
focusNavigationHeuristics();
9-
});
10-
116
function swapTabContents(evt, tabName) {
127
// Declare all variables
138
var i, tabcontent, tablink;

‎demo/blog/index.html

+16-17
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
<link rel="stylesheet" href="blog-style.css">
1313
<script src="blog-utils.js"></script>
1414
<script src="../../polyfill/spatnav-heuristic.js"></script>
15-
<script src="../../polyfill/spatnav-api.js"></script>
1615
</head>
1716

1817
<body>
@@ -40,7 +39,7 @@
4039
<!-- 1st column starts -->
4140
<div class="gridcolumn mr-4">
4241
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
43-
<img tabindex="0" class="card-img-top" src="images/feed/1.jpg" style="height: 250px; width: 100%; display: block;">
42+
<img tabindex="0" class="card-img-top" src="images/feed/1.jpg" style="width: 100%; display: block;">
4443
<div class="card-body">
4544
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
4645
<div class="d-flex justify-content-between align-items-center">
@@ -52,7 +51,7 @@
5251
</div>
5352
</div>
5453
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
55-
<img tabIndex="0" class="card-img-top" src="images/feed/2.jpg" style="height: 300px; width: 100%; display: block;">
54+
<img tabIndex="0" class="card-img-top" src="images/feed/2.jpg" style="width: 100%; display: block;">
5655
<div class="card-body">
5756
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
5857
<div class="d-flex justify-content-between align-items-center">
@@ -64,7 +63,7 @@
6463
</div>
6564
</div>
6665
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
67-
<img tabIndex="0" class="card-img-top" src="images/feed/9.jpg" style="height: 250px; width: 100%; display: block;">
66+
<img tabIndex="0" class="card-img-top" src="images/feed/9.jpg" style="width: 100%; display: block;">
6867
<div class="card-body">
6968
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
7069
<div class="d-flex justify-content-between align-items-center">
@@ -81,7 +80,7 @@
8180
<!-- 2st column starts -->
8281
<div class="gridcolumn mr-4">
8382
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
84-
<img tabIndex="0" class="card-img-top" src="images/feed/3.jpg" style="height: 225px; width: 100%; display: block;">
83+
<img tabIndex="0" class="card-img-top" src="images/feed/3.jpg" style="width: 100%; display: block;">
8584
<div class="card-body">
8685
<p class="card-text">This is a wider card with supporting text below..</p>
8786
<div class="d-flex justify-content-between align-items-center">
@@ -93,7 +92,7 @@
9392
</div>
9493
</div>
9594
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
96-
<img tabIndex="0" class="card-img-top" src="images/feed/4.jpg" style="height: 180px; width: 100%; display: block;">
95+
<img tabIndex="0" class="card-img-top" src="images/feed/4.jpg" style="width: 100%; display: block;">
9796
<div class="card-body">
9897
<p class="card-text">This is a wider card with supporting text.</p>
9998
<div class="d-flex justify-content-between align-items-center">
@@ -105,7 +104,7 @@
105104
</div>
106105
</div>
107106
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
108-
<img tabIndex="0" class="card-img-top" src="images/feed/5.jpg" style="height: 225px; width: 100%; display: block;">
107+
<img tabIndex="0" class="card-img-top" src="images/feed/5.jpg" style="width: 100%; display: block;">
109108
<div class="card-body">
110109
<p class="card-text">This is a wider card with supporting text below..</p>
111110
<div class="d-flex justify-content-between align-items-center">
@@ -117,7 +116,7 @@
117116
</div>
118117
</div>
119118
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
120-
<img tabIndex="0" class="card-img-top" src="images/feed/10.jpg" style="height: 400px; width: 100%; display: block;">
119+
<img tabIndex="0" class="card-img-top" src="images/feed/10.jpg" style="width: 100%; display: block;">
121120
<div class="card-body">
122121
<p class="card-text">This is a wider card with supporting text below..</p>
123122
<div class="d-flex justify-content-between align-items-center">
@@ -134,7 +133,7 @@
134133
<!-- 3rd column starts -->
135134
<div class="gridcolumn mr-4">
136135
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
137-
<img tabIndex="0" class="card-img-top" src="images/feed/6.jpg" style="height: 220px; width: 100%; display: block;">
136+
<img tabIndex="0" class="card-img-top" src="images/feed/6.jpg" style="width: 100%; display: block;">
138137
<div class="card-body">
139138
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
140139
<div class="d-flex justify-content-between align-items-center">
@@ -146,7 +145,7 @@
146145
</div>
147146
</div>
148147
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
149-
<img tabIndex="0" class="card-img-top" src="images/feed/7.jpg" style="height: 200px; width: 100%; display: block;">
148+
<img tabIndex="0" class="card-img-top" src="images/feed/7.jpg" style="width: 100%; display: block;">
150149
<div class="card-body">
151150
<p class="card-text">This is a wider card with supporting text below..</p>
152151
<div class="d-flex justify-content-between align-items-center">
@@ -158,7 +157,7 @@
158157
</div>
159158
</div>
160159
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
161-
<img tabIndex="0" class="card-img-top" src="images/feed/8.jpg" style="height: 220px; width: 100%; display: block;">
160+
<img tabIndex="0" class="card-img-top" src="images/feed/8.jpg" style="width: 100%; display: block;">
162161
<div class="card-body">
163162
<p class="card-text">This is a wider card with supporting text below..</p>
164163
<div class="d-flex justify-content-between align-items-center">
@@ -170,7 +169,7 @@
170169
</div>
171170
</div>
172171
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
173-
<img tabIndex="0" class="card-img-top" src="images/feed/11.jpg" style="height: 220px; width: 100%; display: block;">
172+
<img tabIndex="0" class="card-img-top" src="images/feed/11.jpg" style="width: 100%; display: block;">
174173
<div class="card-body">
175174
<p class="card-text">This is a wider card with supporting text below..</p>
176175
<div class="d-flex justify-content-between align-items-center">
@@ -187,7 +186,7 @@
187186
<!-- 4th column starts -->
188187
<div class="gridcolumn mr-4">
189188
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
190-
<img tabIndex="0" class="card-img-top" src="images/feed/12.jpg" style="height: 300px; width: 100%; display: block;">
189+
<img tabIndex="0" class="card-img-top" src="images/feed/12.jpg" style="width: 100%; display: block;">
191190
<div class="card-body">
192191
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
193192
<div class="d-flex justify-content-between align-items-center">
@@ -199,7 +198,7 @@
199198
</div>
200199
</div>
201200
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
202-
<img tabIndex="0" class="card-img-top" src="images/feed/13.jpg" style="height: 200px; width: 100%; display: block;">
201+
<img tabIndex="0" class="card-img-top" src="images/feed/13.jpg" style="width: 100%; display: block;">
203202
<div class="card-body">
204203
<p class="card-text">This is a wider card with supporting text below..</p>
205204
<div class="d-flex justify-content-between align-items-center">
@@ -211,7 +210,7 @@
211210
</div>
212211
</div>
213212
<div class="card mb-4" style="--spatial-navigation-contain: contain;">
214-
<img tabIndex="0" class="card-img-top" src="images/feed/14.jpg" style="height: 240px; width: 100%; display: block;">
213+
<img tabIndex="0" class="card-img-top" src="images/feed/14.jpg" style="width: 100%; display: block;">
215214
<div class="card-body">
216215
<p class="card-text">This is a wider card with supporting text below..</p>
217216
<div class="d-flex justify-content-between align-items-center">
@@ -230,11 +229,11 @@
230229
</div>
231230
<!-- Feed Section end -->
232231

233-
<!-- Sample Section start -->
232+
<!-- Sample Section start -->
234233
<div id="sample" class="col-sm-9 tabcontent" style="display: none; --spatial-navigation-contain: contain;">
235234
<iframe class="sampleFrame" src="../index.html" tabindex="0" frameborder="0" style="overflow-y: scroll;"></iframe>
236235
</div>
237-
<!-- Sample Section start -->
236+
<!-- Sample Section end -->
238237

239238
</div>
240239
</body>

‎demo/blog/thumbnail.png

271 KB
Loading

‎demo/calendar/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -191,5 +191,5 @@
191191
</div>
192192
</div>
193193
</body>
194-
<script type="text/javascript" src="spatial-focus-navigation.js"></script>
194+
<script src="../../polyfill/spatnav-heuristic.js"></script>
195195
</html>

0 commit comments

Comments
 (0)