5.11.109 • Published 10 months ago

@diotoborg/eum-ab v5.11.109

Weekly downloads
-
License
MIT
Repository
github
Last release
10 months ago

useArenaScreensaver 🌐

A simple hook that will overlay a screensaver of images from an are.na 🌐 channel when users of your site become idle.

Usage

Installation 🌱

npm i use-arena-screensaver

or

yarn add use-arena-screensaver

Importing

import useArenaScreensaver from 'use-arena-screensaver'

Options

optiontypedescriptionexample
timeoutnumberTime a user needs to be idle on site before screensaver becomes active1000 * 60 * 2
timeBetweennumberTime between images appearing once screensaver is active500
arenaSlugstringSlug of the are.na channel you want the screensaver to pull fromthings-i-saved-to-my-camera-roll
backgroundOpacitynumberhow dark the background tint should be0.4

Example

Using this channel that has the slug rocks-xxbfv_ntyau

import useArenaScreensaver from 'use-arena-screensaver';

function App() {
  useArenaScreensaver({ arenaSlug: "rocks-xxbfv_ntyau", timeout: 1000 * 60 * 5 });
  return (
    ...
  );
}

Screen Shot 2022-05-16 at 4 48 55 PM

5.11.109

10 months ago

5.11.108

10 months ago

5.11.107

10 months ago

5.11.106

10 months ago

5.11.105

10 months ago

5.11.104

10 months ago

5.11.103

10 months ago

5.10.103

10 months ago

5.10.102

10 months ago

4.10.102

10 months ago

4.10.101

10 months ago

3.10.101

10 months ago

2.10.101

11 months ago

2.10.100

11 months ago

2.10.99

11 months ago

2.10.98

11 months ago

2.10.97

11 months ago

2.10.96

11 months ago

2.10.95

11 months ago

2.9.95

11 months ago

2.9.94

11 months ago

2.9.93

11 months ago

2.9.92

11 months ago

2.9.91

11 months ago

2.8.91

11 months ago

2.8.90

11 months ago

2.8.89

11 months ago

2.8.88

11 months ago

2.8.87

11 months ago

2.8.86

11 months ago

2.8.85

11 months ago

2.8.84

11 months ago

2.8.83

11 months ago

2.8.82

11 months ago

2.8.81

11 months ago

2.8.80

11 months ago

2.8.79

11 months ago

2.8.78

11 months ago

2.8.77

11 months ago

2.8.76

11 months ago

2.8.75

11 months ago

2.8.74

11 months ago

2.8.73

12 months ago

2.8.72

12 months ago

2.8.71

12 months ago

2.8.70

12 months ago

2.8.69

12 months ago

2.8.68

12 months ago

2.8.67

12 months ago

2.8.66

12 months ago

2.8.65

12 months ago

2.8.64

12 months ago

2.8.63

12 months ago

2.8.62

12 months ago

2.7.62

12 months ago

2.6.62

12 months ago

2.6.61

12 months ago

1.6.61

12 months ago

1.6.60

12 months ago

1.6.59

12 months ago

1.6.58

12 months ago

1.6.57

12 months ago

1.6.56

1 year ago

1.6.55

1 year ago

1.6.54

1 year ago

1.6.53

1 year ago

1.6.52

1 year ago

1.5.52

1 year ago

1.5.51

1 year ago

1.5.50

1 year ago

1.5.49

1 year ago

1.5.48

1 year ago

1.4.48

1 year ago

1.4.47

1 year ago

1.4.46

1 year ago

1.4.45

1 year ago

1.4.44

1 year ago

1.4.43

1 year ago

1.4.42

1 year ago

1.3.42

1 year ago

1.3.41

1 year ago

1.3.40

1 year ago

1.3.39

1 year ago

1.3.38

1 year ago

1.3.37

1 year ago

1.2.37

1 year ago

1.2.36

1 year ago

1.2.35

1 year ago

1.2.34

1 year ago

1.2.33

1 year ago

1.2.32

1 year ago

1.2.31

1 year ago

1.1.31

1 year ago

1.1.30

1 year ago

1.1.29

1 year ago

1.0.29

1 year ago

1.0.28

1 year ago

1.0.27

1 year ago

1.0.26

1 year ago

1.0.25

1 year ago

1.0.24

1 year ago

1.0.23

1 year ago

1.0.22

1 year ago

1.0.21

1 year ago

1.0.20

1 year ago

1.0.19

1 year ago

1.0.18

1 year ago

1.0.17

1 year ago

1.0.16

1 year ago

1.0.15

1 year ago

1.0.14

1 year ago

1.0.13

1 year ago

1.0.12

1 year ago

1.0.11

1 year ago

1.0.10

1 year ago

1.0.9

1 year ago

1.0.8

1 year ago

1.0.7

1 year ago

1.0.6

1 year ago

1.0.5

1 year ago

1.0.4

1 year ago

1.0.3

1 year ago

1.0.2

1 year ago

1.0.1

1 year ago

1.0.0

1 year ago