Skip to content

Commit 69962b6

Browse files
danboveydanbovey
committed
Remove 'CassetteRocks' from repo
1 parent 77a240d commit 69962b6

File tree

4 files changed

+103
-31
lines changed

4 files changed

+103
-31
lines changed

‎LICENSE‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
The MIT License (MIT)
22

3-
Copyright (c) 2016 CASSETTE
3+
Copyright (c) 2016 Dan Bovey
44
Copyright (c) 2013 guillaumervls
55

66
Permission is hereby granted, free of charge, to any person obtaining a copy of

‎README.md‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
React Infinite Scroller
22
=======================
33

4-
[![Travis](https://img.shields.io/travis/danbovey/react-infinite-scroller.svg?style=flat-square)](https://travis-ci.org/CassetteRocks/react-infinite-scroller)
4+
[![Travis](https://img.shields.io/travis/danbovey/react-infinite-scroller.svg?style=flat-square)](https://travis-ci.org/danbovey/react-infinite-scroller)
55
[![npm](https://img.shields.io/npm/dt/react-infinite-scroller.svg?style=flat-square)](https://www.npmjs.com/package/react-infinite-scroller)
66
[![React Version](https://img.shields.io/badge/React-%5E0.14.9%20%7C%7C%20%5E15.3.0%20%7C%7C%20%5E16.0.0-blue.svg?style=flat-square)](https://www.npmjs.com/package/react)
77
[![npm](https://img.shields.io/npm/v/react-infinite-scroller.svg?style=flat-square)](https://www.npmjs.com/package/react-infinite-scroller)

‎docs/demo/index.html‎

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,39 @@
11
<!DOCTYPE html>
22
<html lang="en-us">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1">
67

7-
<title>React Infinite Scroller by CASSETTE</title>
8-
8+
<title>React Infinite Scroller</title>
9+
910
<link rel="stylesheet" href="../stylesheets/normalize.css" media="screen">
1011
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
1112
<link rel="stylesheet" href="../stylesheets/stylesheet.css" media="screen">
1213
<link rel="stylesheet" href="../stylesheets/github-light.css" media="screen">
1314
</head>
15+
1416
<body>
1517
<section class="page-header">
1618
<h1 class="project-name">React Infinite Scroller</h1>
1719
<h2 class="project-tagline">Infinite scroll component for React in ES6</h2>
1820
<a href="../" class="btn">Back to Home</a>
19-
<a href="https://github.com/CassetteRocks/react-infinite-scroller" class="btn">View on GitHub</a>
21+
<a href="https://github.com/danbovey/react-infinite-scroller" class="btn">View on GitHub</a>
2022
</section>
2123

2224
<section class="main-content">
2325
<h3>Demo</h3>
24-
<p>The source code to this demo can be found in the repo's <a href="https://github.com/CassetteRocks/react-infinite-scroller/tree/master/docs">docs folder</a>. Below, the component infinite scrolls my entire history of SoundCloud favourites! N.B. Making GitHub issues about my taste in music is not cool guys!</p>
26+
<p>The source code to this demo can be found in the repo's <a
27+
href="https://github.com/danbovey/react-infinite-scroller/tree/master/docs">docs folder</a>. Below,
28+
the component infinite scrolls my entire history of SoundCloud favourites! N.B. Making GitHub issues about
29+
my taste in music is not cool guys!</p>
2530
</section>
26-
31+
2732
<section class="main-content">
2833
<div id="root"></div>
2934
</section>
3035

3136
<script src="../js/script.js"></script>
3237
</body>
38+
3339
</html>

‎docs/index.html‎

Lines changed: 90 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -1,22 +1,24 @@
11
<!DOCTYPE html>
22
<html lang="en-us">
3+
34
<head>
45
<meta charset="UTF-8">
56
<meta name="viewport" content="width=device-width, initial-scale=1">
67

7-
<title>React Infinite Scroller by CASSETTE</title>
8-
8+
<title>React Infinite Scroller</title>
9+
910
<link rel="stylesheet" href="stylesheets/normalize.css" media="screen">
1011
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700">
1112
<link rel="stylesheet" href="stylesheets/stylesheet.css" media="screen">
1213
<link rel="stylesheet" href="stylesheets/github-light.css" media="screen">
1314
</head>
15+
1416
<body>
1517
<section class="page-header">
1618
<h1 class="project-name">React Infinite Scroller</h1>
1719
<h2 class="project-tagline">Infinite scroll component for React in ES6</h2>
1820
<a href="demo" class="btn">View Demo</a>
19-
<a href="https://github.com/CassetteRocks/react-infinite-scroller" class="btn">View on GitHub</a>
21+
<a href="https://github.com/danbovey/react-infinite-scroller" class="btn">View on GitHub</a>
2022
</section>
2123

2224
<section class="main-content">
@@ -25,51 +27,60 @@ <h2 class="project-tagline">Infinite scroll component for React in ES6</h2>
2527
<img src="https://img.shields.io/npm/dt/react-infinite-scroller.svg?style=flat-square" alt="npm">
2628
</a>
2729
<a href="https://www.npmjs.com/package/react">
28-
<img src="https://img.shields.io/badge/React-%5E0.14.0%20%7C%7C%20%5E15.0.1-blue.svg?style=flat-square" alt="React Version">
30+
<img src="https://img.shields.io/badge/React-%5E0.14.0%20%7C%7C%20%5E15.0.1-blue.svg?style=flat-square"
31+
alt="React Version">
2932
</a>
3033
<a href="https://www.npmjs.com/package/react-infinite-scroller">
3134
<img src="https://img.shields.io/npm/v/react-infinite-scroller.svg?style=flat-square" alt="npm">
3235
</a>
33-
<a href="https://github.com/CassetteRocks/react-infinite-scroller/blob/master/LICENSE">
36+
<a href="https://github.com/danbovey/react-infinite-scroller/blob/master/LICENSE">
3437
<img src="https://img.shields.io/npm/l/react-infinite-scroller.svg?style=flat-square" alt="npm">
3538
</a>
3639
</p>
37-
38-
<p>Infinitely load content using a React Component. This fork maintains a simple, lightweight infinite scroll package that supports both <code>window</code> and scrollable elements.</p>
39-
40+
41+
<p>Infinitely load content using a React Component. This fork maintains a simple, lightweight infinite scroll
42+
package that supports both <code>window</code> and scrollable elements.</p>
43+
4044
<h2>
41-
<a id="installation" class="anchor" href="#installation" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>
45+
<a id="installation" class="anchor" href="#installation" aria-hidden="true"><span aria-hidden="true"
46+
class="octicon octicon-link"></span></a>
4247
Installation
4348
</h2>
4449

4550
<pre><code>npm i react-infinite-scroller</code></pre>
4651

4752
<h2>
48-
<a id="how-to-use" class="anchor" href="#how-to-use" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>
53+
<a id="how-to-use" class="anchor" href="#how-to-use" aria-hidden="true"><span aria-hidden="true"
54+
class="octicon octicon-link"></span></a>
4955
How to use
5056
</h2>
5157

5258
<pre><code>import InfiniteScroll from 'react-infinite-scroller'</code></pre>
5359

5460
<h3>
55-
<a id="window-scroll-events" class="anchor" href="#window-scroll-events" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>
61+
<a id="window-scroll-events" class="anchor" href="#window-scroll-events" aria-hidden="true"><span
62+
aria-hidden="true" class="octicon octicon-link"></span></a>
5663
Window scroll events
5764
</h3>
5865

59-
<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">InfiniteScroll</span>
66+
<div class="highlight highlight-text-html-basic">
67+
<pre>&lt;<span class="pl-ent">InfiniteScroll</span>
6068
<span class="pl-e">pageStart</span>=<span class="pl-s">{0}</span>
6169
<span class="pl-e">loadMore</span>=<span class="pl-s">{loadFunc}</span>
6270
<span class="pl-e">hasMore</span>=<span class="pl-s">{true</span> || <span class="pl-e">false</span>}
6371
<span class="pl-e">loader</span>=<span class="pl-s">{</span>&lt;<span class="pl-e">div</span> <span class="pl-e">className</span>=<span class="pl-s"><span class="pl-pds">"</span>loader<span class="pl-pds">"</span></span>&gt;Loading ...&lt;/<span class="pl-ent">div</span>&gt;}&gt;
6472
{items} // &lt;-- This is the content you want to load
65-
&lt;/<span class="pl-ent">InfiniteScroll</span>&gt;</pre></div>
73+
&lt;/<span class="pl-ent">InfiniteScroll</span>&gt;</pre>
74+
</div>
6675

6776
<h3>
68-
<a id="dom-scroll-events" class="anchor" href="#dom-scroll-events" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>
77+
<a id="dom-scroll-events" class="anchor" href="#dom-scroll-events" aria-hidden="true"><span
78+
aria-hidden="true" class="octicon octicon-link"></span></a>
6979
DOM scroll events
7080
</h3>
7181

72-
<div class="highlight highlight-text-html-basic"><pre>&lt;<span class="pl-ent">div</span> <span class="pl-e">style</span>=<span class="pl-s"><span class="pl-pds">"</span>height:700px;overflow:auto;<span class="pl-pds">"</span></span>&gt;
82+
<div class="highlight highlight-text-html-basic">
83+
<pre>&lt;<span class="pl-ent">div</span> <span class="pl-e">style</span>=<span class="pl-s"><span class="pl-pds">"</span>height:700px;overflow:auto;<span class="pl-pds">"</span></span>&gt;
7384
&lt;<span class="pl-ent">InfiniteScroll</span>
7485
<span class="pl-e">pageStart</span>=<span class="pl-s">{0}</span>
7586
<span class="pl-e">loadMore</span>=<span class="pl-s">{loadFunc}</span>
@@ -78,10 +89,12 @@ <h3>
7889
useWindow={false}&gt;
7990
{items}
8091
&lt;/<span class="pl-ent">InfiniteScroll</span>&gt;
81-
&lt;/<span class="pl-ent">div</span>&gt;</pre></div>
92+
&lt;/<span class="pl-ent">div</span>&gt;</pre>
93+
</div>
8294

8395
<h2>
84-
<a id="props" class="anchor" href="#props" aria-hidden="true"><span aria-hidden="true" class="octicon octicon-link"></span></a>
96+
<a id="props" class="anchor" href="#props" aria-hidden="true"><span aria-hidden="true"
97+
class="octicon octicon-link"></span></a>
8598
Props
8699
</h2>
87100

@@ -105,7 +118,8 @@ <h2>
105118
<td><code>hasMore</code></td>
106119
<td><code>Boolean</code></td>
107120
<td><code>false</code></td>
108-
<td>Whether there are more items to be loaded. Event listeners are removed if <code>false</code>.</td>
121+
<td>Whether there are more items to be loaded. Event listeners are removed if <code>false</code>.
122+
</td>
109123
</tr>
110124
<tr>
111125
<td><code>initialLoad</code></td>
@@ -123,13 +137,17 @@ <h2>
123137
<td><code>pageStart</code></td>
124138
<td><code>Object</code></td>
125139
<td><code>0</code></td>
126-
<td>The number of the first page to load, With the default of <code>0</code>, the first page is <code>1</code>.</td>
140+
<td>The number of the first page to load, With the default of <code>0</code>, the first page is
141+
<code>1</code>.
142+
</td>
127143
</tr>
128144
<tr>
129145
<td><code>threshold</code></td>
130146
<td><code>Number</code></td>
131147
<td><code>250</code></td>
132-
<td>The distance in pixels before the end of the items that will trigger a call to <code>loadMore</code>.</td>
148+
<td>The distance in pixels before the end of the items that will trigger a call to
149+
<code>loadMore</code>.
150+
</td>
133151
</tr>
134152
<tr>
135153
<td><code>useWindow</code></td>
@@ -141,13 +159,61 @@ <h2>
141159
</table>
142160

143161
<footer class="site-footer">
144-
<span class="site-footer-owner"><a href="https://github.com/CassetteRocks/react-infinite-scroller">React Infinite Scroller</a> is maintained by <a href="https://github.com/CassetteRocks">CASSETTE</a>.</span>
145-
<span class="site-footer-owner">Created by <a href="https://github.com/guillaumervls">guillaumervls</a>.</span>
162+
<span class="site-footer-owner"><a href="https://github.com/danbovey/react-infinite-scroller">React
163+
Infinite Scroller</a> is maintained by <a href="https://github.com/danbovey">Dan Bovey</a>.</span>
164+
<span class="site-footer-owner">Created by <a
165+
href="https://github.com/guillaumervls">guillaumervls</a>.</span>
146166

147-
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a href="https://twitter.com/jasonlong">Jason Long</a>.</span>
167+
<span class="site-footer-credits">This page was generated by <a href="https://pages.github.com">GitHub
168+
Pages</a> using the <a href="https://github.com/jasonlong/cayman-theme">Cayman theme</a> by <a
169+
href="https://twitter.com/jasonlong">Jason Long</a>.</span>
148170
</footer>
149171
</section>
150172

151-
<a href="https://github.com/CassetteRocks/react-infinite-scroller" class="github-corner"><svg width="80" height="80" viewBox="0 0 250 250" style="fill:rgba(255, 255, 255, 0.2); color:#fff; position: absolute; top: 0; border: 0; right: 0;"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style>
173+
<a href="https://github.com/danbovey/react-infinite-scroller" class="github-corner"><svg width="80" height="80"
174+
viewBox="0 0 250 250"
175+
style="fill:rgba(255, 255, 255, 0.2); color:#fff; position: absolute; top: 0; border: 0; right: 0;">
176+
<path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
177+
<path
178+
d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
179+
fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
180+
<path
181+
d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
182+
fill="currentColor" class="octo-body"></path>
183+
</svg></a>
184+
<style>
185+
.github-corner:hover .octo-arm {
186+
animation: octocat-wave 560ms ease-in-out
187+
}
188+
189+
@keyframes octocat-wave {
190+
191+
0%,
192+
100% {
193+
transform: rotate(0)
194+
}
195+
196+
20%,
197+
60% {
198+
transform: rotate(-25deg)
199+
}
200+
201+
40%,
202+
80% {
203+
transform: rotate(10deg)
204+
}
205+
}
206+
207+
@media (max-width:500px) {
208+
.github-corner:hover .octo-arm {
209+
animation: none
210+
}
211+
212+
.github-corner .octo-arm {
213+
animation: octocat-wave 560ms ease-in-out
214+
}
215+
}
216+
</style>
152217
</body>
218+
153219
</html>

0 commit comments

Comments
 (0)