Skip to content

Commit 359c3f1

Browse files
daybrushdaybrush
committed
Updates
1 parent 702eb06 commit 359c3f1

955 files changed

Lines changed: 6003 additions & 4626 deletions

File tree

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎404.html‎

Lines changed: 6 additions & 6 deletions
Large diffs are not rendered by default.

‎Guides.html‎

Lines changed: 6 additions & 6 deletions
Large diffs are not rendered by default.

‎Main.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55
<meta name="generator" content="Docusaurus v2.4.3">
66
<title data-rh="true">InfiniteGrid</title><meta data-rh="true" property="og:title" content="InfiniteGrid"><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://naver.github.io/egjs-infinitegrid/Main"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><link data-rh="true" rel="icon" href="/egjs-infinitegrid/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://naver.github.io/egjs-infinitegrid/Main"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/Main" hreflang="en"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/ko/Main" hreflang="ko"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/Main" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
77
<script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create","G-LWLTCXMENE","auto"),ga("set","anonymizeIp",!0),ga("send","pageview")</script>
8-
<script async src="https://www.google-analytics.com/analytics.js"></script><link rel="stylesheet" href="/egjs-infinitegrid/assets/css/styles.cf03f13a.css">
9-
<link rel="preload" href="/egjs-infinitegrid/assets/js/runtime~main.f52ea252.js" as="script">
10-
<link rel="preload" href="/egjs-infinitegrid/assets/js/main.654b21c8.js" as="script">
8+
<script async src="https://www.google-analytics.com/analytics.js"></script><link rel="stylesheet" href="/egjs-infinitegrid/assets/css/styles.626080c0.css">
9+
<link rel="preload" href="/egjs-infinitegrid/assets/js/runtime~main.ac9e2828.js" as="script">
10+
<link rel="preload" href="/egjs-infinitegrid/assets/js/main.9eefb19f.js" as="script">
1111
</head>
1212
<body class="navigation-with-keyboard">
1313
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
1414
<header class="my-4"><div class="hero" style="overflow:hidden"><div class="container main-logo-container mb-4"><div class="mainLogoWrapper__GoO"><img class="mainLogoRing_XWfP" alt="logo-ring" src="./img/ring.svg"><div class="mainLogo_oeFz"><div class="item__f64"></div><div class="item__f64"></div><div class="item__f64"></div><div class="item__f64"></div><div class="item__f64"></div><div class="item__f64"></div><div class="item__f64"></div><div class="item__f64"></div></div></div><h1 class="title_D9Tx">InfiniteGrid</h1></div><div class="block is-flex is-justify-content-center"><a class="button mr-2" href="/egjs-infinitegrid/docs">🚀 Get Started</a><a href="https://github.com/naver/egjs-infinitegrid" target="_blank" rel="noopener noreferrer" class="button pl-5" style="border-radius:4px 0 0 4px"><span class="icon is-small mr-2"><img src="img/icons/github.svg"></span><span>GitHub</span></a><a href="https://github.com/naver/egjs-infinitegrid/stargazers" target="_blank" rel="noopener noreferrer" class="button" style="border-radius:0 4px 4px 0;border-left:0"><img src="img/icons/star.svg"><img alt="GitHub Repo stars" src="https://img.shields.io/github/stars/naver/egjs-infinitegrid?color=%23ffffff&amp;label=%20&amp;style=for-the-badge"></a></div></div></header><article class="container mb-6"><div class="block mb-6"><p class="title"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="main-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M19 5v2h-4V5h4M9 5v6H5V5h4m10 8v6h-4v-6h4M9 17v2H5v-2h4M21 3h-8v6h8V3zM11 3H3v10h8V3zm10 8h-8v10h8V11zm-10 4H3v6h8v-6z"></path></svg>Grid Types</p><p class="subtitle">Use various types of InfiniteGrid!</p><div class="columns gridContainer_uPlD"><div class="column"><div class="grid_T1lY"><img src="./img/MasonryGrid.png" alt="MasonryInfiniteGrid"><p><a href="/egjs-infinitegrid/Guides#masonryinfinitegrid">MasonryInfiniteGrid</a></p></div></div><div class="column"><div class="grid_T1lY"><img src="./img/JustifiedGrid.png" alt="JustifiedInfiniteGrid"><p><a href="/egjs-infinitegrid/Guides#justifiedinfinitegrid">JustifiedInfiniteGrid</a></p></div></div><div class="column"><div class="grid_T1lY"><img src="./img/FrameGrid.png" alt="FrameInfiniteGrid"><p><a href="/egjs-infinitegrid/Guides#frameinfinitegrid">FrameInfiniteGrid</a></p></div></div><div class="column"><div class="grid_T1lY"><img src="./img/PackingGrid.png" alt="PackingInfiniteGrid"><p><a href="/egjs-infinitegrid/Guides#packinginfinitegrid">PackingInfiniteGrid</a></p></div></div></div></div><div class="block mb-6"><p class="title"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="main-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="M16.5 3c-1.74 0-3.41.81-4.5 2.09C10.91 3.81 9.24 3 7.5 3 4.42 3 2 5.42 2 8.5c0 3.78 3.4 6.86 8.55 11.54L12 21.35l1.45-1.32C18.6 15.36 22 12.28 22 8.5 22 5.42 19.58 3 16.5 3zm-4.4 15.55-.1.1-.1-.1C7.14 14.24 4 11.39 4 8.5 4 6.5 5.5 5 7.5 5c1.54 0 3.04.99 3.57 2.36h1.87C13.46 5.99 14.96 5 16.5 5c2 0 3.5 1.5 3.5 3.5 0 2.89-3.14 5.74-7.9 10.05z"></path></svg> Framework Ready</p><p class="subtitle">Use InfiniteGrid in your favorite framework!</p><div class="flicking-viewport mb-2"><div class="flicking-camera"><div class="framework-logo button mr-2 is-danger"><div class="framework-logo-wrapper mr-2"><img src="img/icons/angular.svg"></div><span>@egjs/ngx-infinitegrid</span></div><div class="framework-logo button mr-2 is-info"><div class="framework-logo-wrapper mr-2"><img src="img/icons/react.svg"></div><span>@egjs/react-infinitegrid</span></div><div class="framework-logo button mr-2 is-success"><div class="framework-logo-wrapper mr-2"><img src="img/icons/vue.svg"></div><span>@egjs/vue-infinitegrid</span></div><div class="framework-logo button mr-2 is-light"><div class="framework-logo-wrapper mr-2"><img src="img/icons/svelte.svg"></div><span>@egjs/svelte-infinitegrid</span></div><div class="framework-logo button mr-2 is-vue3_bD0B"><div class="framework-logo-wrapper mr-2"><img src="img/icons/vue.svg"></div><span>@egjs/vue3-infinitegrid</span></div></div></div></div><div class="block my-6"><p class="title"><svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24" class="main-icon"><path d="M0 0h24v24H0V0z" fill="none"></path><path d="m12 7.13.97 2.29.47 1.11 1.2.1 2.47.21-1.88 1.63-.91.79.27 1.18.56 2.41-2.12-1.28-1.03-.64-1.03.62-2.12 1.28.56-2.41.27-1.18-.91-.79-1.88-1.63 2.47-.21 1.2-.1.47-1.11.97-2.27M12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2z"></path></svg> Features</p><div class="columns"><div class="column"><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/typescript.svg"></figure><span class="subtitle has-text-black">Typescript</span></div><div class="block"><p>InfiniteGrid is fully written in <a href="https://www.typescriptlang.org/" target="_blank">Typescript</a>, and every classes, properties, and events are correctly typed and exported.</p></div></div><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/infinity.svg"></figure><span class="subtitle has-text-black">Insert Infinite Items</span></div><div class="block">Numerous items can be added by scrolling. Also, performance can be improved by showing only the DOM of the visible area.</div></div></div><div class="column"><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/books.svg"></figure><span class="subtitle has-text-black">Rich API</span></div><div class="block"><p>InfiniteGrid comes with a rich API. You can use it to create your own customized InfiniteGrid &amp; Plugins.</p><p>Check our <a href="/egjs-infinitegrid/docs/api/InfiniteGrid">API Docs</a></p></div></div><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/loading.svg"></figure><span class="subtitle has-text-black">Wait Data Loading</span></div><div class="block"><p>All operations operate asynchronously, data can be added asynchronously, and are rendered sequentially.</p></div></div></div><div class="column"><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/internetexplorer.svg"></figure><span class="subtitle has-text-black">Supports IE9+ (With polyfills)</span></div><div><p>InfiniteGrid can support Internet Explorer 9+</p><p>⚠️ IE 11+ for Angular &amp; Svelte</p></div></div><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/placeholder.svg"></figure><span class="subtitle has-text-black">Placeholder</span></div><div class="block"><p>You can add placeholders that can be displayed instead while waiting for data or restoring status.</p></div></div></div></div></div></article><footer><div class="hero is-medium grid"><div class="hero-body container"><p class="title has-text-dark is-flex is-align-items-center"><img class="icon is-medium mr-3" src="img/icons/task_alt.svg"><span>Ready to get started?</span></p><p class="subtitle has-text-dark">Check our Options &amp; Demos to see what you can do with InfiniteGrid</p><a class="button is-white m-1" href="/egjs-infinitegrid/docs">🚀 Get Started</a><a class="button is-link m-1" href="/egjs-infinitegrid/docs/api/InfiniteGrid">📄 API</a><a class="button is-link m-1" href="/egjs-infinitegrid/Guides">📄 Guides</a><a href="https://naver.github.io/egjs-infinitegrid/storybook" target="_blank" rel="noopener noreferrer" class="button is-link m-1">✨ Demos</a></div></div></footer></div>
15-
<script src="/egjs-infinitegrid/assets/js/runtime~main.f52ea252.js"></script>
16-
<script src="/egjs-infinitegrid/assets/js/main.654b21c8.js"></script>
15+
<script src="/egjs-infinitegrid/assets/js/runtime~main.ac9e2828.js"></script>
16+
<script src="/egjs-infinitegrid/assets/js/main.9eefb19f.js"></script>
1717
</body>
1818
</html>

‎Main/Features.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55
<meta name="generator" content="Docusaurus v2.4.3">
66
<title data-rh="true">InfiniteGrid</title><meta data-rh="true" property="og:title" content="InfiniteGrid"><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://naver.github.io/egjs-infinitegrid/main/Features"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><link data-rh="true" rel="icon" href="/egjs-infinitegrid/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://naver.github.io/egjs-infinitegrid/main/Features"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/main/Features" hreflang="en"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/ko/main/Features" hreflang="ko"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/main/Features" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
77
<script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create","G-LWLTCXMENE","auto"),ga("set","anonymizeIp",!0),ga("send","pageview")</script>
8-
<script async src="https://www.google-analytics.com/analytics.js"></script><link rel="stylesheet" href="/egjs-infinitegrid/assets/css/styles.cf03f13a.css">
9-
<link rel="preload" href="/egjs-infinitegrid/assets/js/runtime~main.f52ea252.js" as="script">
10-
<link rel="preload" href="/egjs-infinitegrid/assets/js/main.654b21c8.js" as="script">
8+
<script async src="https://www.google-analytics.com/analytics.js"></script><link rel="stylesheet" href="/egjs-infinitegrid/assets/css/styles.626080c0.css">
9+
<link rel="preload" href="/egjs-infinitegrid/assets/js/runtime~main.ac9e2828.js" as="script">
10+
<link rel="preload" href="/egjs-infinitegrid/assets/js/main.9eefb19f.js" as="script">
1111
</head>
1212
<body class="navigation-with-keyboard">
1313
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
1414
<div class="columns"><div class="column"><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/typescript.svg"></figure><span class="subtitle has-text-black">Typescript</span></div><div class="block"><p>InfiniteGrid is fully written in <a href="https://www.typescriptlang.org/" target="_blank">Typescript</a>, and every classes, properties, and events are correctly typed and exported.</p></div></div><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/infinity.svg"></figure><span class="subtitle has-text-black">Insert Infinite Items</span></div><div class="block">Numerous items can be added by scrolling. Also, performance can be improved by showing only the DOM of the visible area.</div></div></div><div class="column"><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/books.svg"></figure><span class="subtitle has-text-black">Rich API</span></div><div class="block"><p>InfiniteGrid comes with a rich API. You can use it to create your own customized InfiniteGrid &amp; Plugins.</p><p>Check our <a href="/egjs-infinitegrid/docs/api/InfiniteGrid">API Docs</a></p></div></div><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/loading.svg"></figure><span class="subtitle has-text-black">Wait Data Loading</span></div><div class="block"><p>All operations operate asynchronously, data can be added asynchronously, and are rendered sequentially.</p></div></div></div><div class="column"><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/internetexplorer.svg"></figure><span class="subtitle has-text-black">Supports IE9+ (With polyfills)</span></div><div><p>InfiniteGrid can support Internet Explorer 9+</p><p>⚠️ IE 11+ for Angular &amp; Svelte</p></div></div><div class="box"><div class="block is-flex is-flex-direction-row is-align-items-center"><figure class="image is-32x32 mx-5"><img src="img/icons/placeholder.svg"></figure><span class="subtitle has-text-black">Placeholder</span></div><div class="block"><p>You can add placeholders that can be displayed instead while waiting for data or restoring status.</p></div></div></div></div></div>
15-
<script src="/egjs-infinitegrid/assets/js/runtime~main.f52ea252.js"></script>
16-
<script src="/egjs-infinitegrid/assets/js/main.654b21c8.js"></script>
15+
<script src="/egjs-infinitegrid/assets/js/runtime~main.ac9e2828.js"></script>
16+
<script src="/egjs-infinitegrid/assets/js/main.9eefb19f.js"></script>
1717
</body>
1818
</html>

‎Main/Frameworks.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55
<meta name="generator" content="Docusaurus v2.4.3">
66
<title data-rh="true">InfiniteGrid</title><meta data-rh="true" property="og:title" content="InfiniteGrid"><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://naver.github.io/egjs-infinitegrid/main/Frameworks"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docusaurus_tag" content="default"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docsearch:docusaurus_tag" content="default"><link data-rh="true" rel="icon" href="/egjs-infinitegrid/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://naver.github.io/egjs-infinitegrid/main/Frameworks"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/main/Frameworks" hreflang="en"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/ko/main/Frameworks" hreflang="ko"><link data-rh="true" rel="alternate" href="https://naver.github.io/egjs-infinitegrid/main/Frameworks" hreflang="x-default"><link rel="preconnect" href="https://www.google-analytics.com">
77
<script>window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)},ga.l=+new Date,ga("create","G-LWLTCXMENE","auto"),ga("set","anonymizeIp",!0),ga("send","pageview")</script>
8-
<script async src="https://www.google-analytics.com/analytics.js"></script><link rel="stylesheet" href="/egjs-infinitegrid/assets/css/styles.cf03f13a.css">
9-
<link rel="preload" href="/egjs-infinitegrid/assets/js/runtime~main.f52ea252.js" as="script">
10-
<link rel="preload" href="/egjs-infinitegrid/assets/js/main.654b21c8.js" as="script">
8+
<script async src="https://www.google-analytics.com/analytics.js"></script><link rel="stylesheet" href="/egjs-infinitegrid/assets/css/styles.626080c0.css">
9+
<link rel="preload" href="/egjs-infinitegrid/assets/js/runtime~main.ac9e2828.js" as="script">
10+
<link rel="preload" href="/egjs-infinitegrid/assets/js/main.9eefb19f.js" as="script">
1111
</head>
1212
<body class="navigation-with-keyboard">
1313
<script>!function(){function t(t){document.documentElement.setAttribute("data-theme",t)}var e=function(){var t=null;try{t=new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}return t}()||function(){var t=null;try{t=localStorage.getItem("theme")}catch(t){}return t}();t(null!==e?e:"light")}()</script><div id="__docusaurus">
1414
<div class="flicking-viewport mb-2"><div class="flicking-camera"><div class="framework-logo button mr-2 is-danger"><div class="framework-logo-wrapper mr-2"><img src="img/icons/angular.svg"></div><span>@egjs/ngx-infinitegrid</span></div><div class="framework-logo button mr-2 is-info"><div class="framework-logo-wrapper mr-2"><img src="img/icons/react.svg"></div><span>@egjs/react-infinitegrid</span></div><div class="framework-logo button mr-2 is-success"><div class="framework-logo-wrapper mr-2"><img src="img/icons/vue.svg"></div><span>@egjs/vue-infinitegrid</span></div><div class="framework-logo button mr-2 is-light"><div class="framework-logo-wrapper mr-2"><img src="img/icons/svelte.svg"></div><span>@egjs/svelte-infinitegrid</span></div><div class="framework-logo button mr-2 is-vue3_bD0B"><div class="framework-logo-wrapper mr-2"><img src="img/icons/vue.svg"></div><span>@egjs/vue3-infinitegrid</span></div></div></div></div>
15-
<script src="/egjs-infinitegrid/assets/js/runtime~main.f52ea252.js"></script>
16-
<script src="/egjs-infinitegrid/assets/js/main.654b21c8.js"></script>
15+
<script src="/egjs-infinitegrid/assets/js/runtime~main.ac9e2828.js"></script>
16+
<script src="/egjs-infinitegrid/assets/js/main.9eefb19f.js"></script>
1717
</body>
1818
</html>

0 commit comments

Comments
 (0)