5.11.109 • Published 2 years ago

@diotoborg/eum-ab v5.11.109

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years 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

2 years ago

5.11.108

2 years ago

5.11.107

2 years ago

5.11.106

2 years ago

5.11.105

2 years ago

5.11.104

2 years ago

5.11.103

2 years ago

5.10.103

2 years ago

5.10.102

2 years ago

4.10.102

2 years ago

4.10.101

2 years ago

3.10.101

2 years ago

2.10.101

2 years ago

2.10.100

2 years ago

2.10.99

2 years ago

2.10.98

2 years ago

2.10.97

2 years ago

2.10.96

2 years ago

2.10.95

2 years ago

2.9.95

2 years ago

2.9.94

2 years ago

2.9.93

2 years ago

2.9.92

2 years ago

2.9.91

2 years ago

2.8.91

2 years ago

2.8.90

2 years ago

2.8.89

2 years ago

2.8.88

2 years ago

2.8.87

2 years ago

2.8.86

2 years ago

2.8.85

2 years ago

2.8.84

2 years ago

2.8.83

2 years ago

2.8.82

2 years ago

2.8.81

2 years ago

2.8.80

2 years ago

2.8.79

2 years ago

2.8.78

2 years ago

2.8.77

2 years ago

2.8.76

2 years ago

2.8.75

2 years ago

2.8.74

2 years ago

2.8.73

2 years ago

2.8.72

2 years ago

2.8.71

2 years ago

2.8.70

2 years ago

2.8.69

2 years ago

2.8.68

2 years ago

2.8.67

2 years ago

2.8.66

2 years ago

2.8.65

2 years ago

2.8.64

2 years ago

2.8.63

2 years ago

2.8.62

2 years ago

2.7.62

2 years ago

2.6.62

2 years ago

2.6.61

2 years ago

1.6.61

2 years ago

1.6.60

2 years ago

1.6.59

2 years ago

1.6.58

2 years ago

1.6.57

2 years ago

1.6.56

2 years ago

1.6.55

2 years ago

1.6.54

2 years ago

1.6.53

2 years ago

1.6.52

2 years ago

1.5.52

2 years ago

1.5.51

2 years ago

1.5.50

2 years ago

1.5.49

2 years ago

1.5.48

2 years ago

1.4.48

2 years ago

1.4.47

2 years ago

1.4.46

2 years ago

1.4.45

2 years ago

1.4.44

2 years ago

1.4.43

2 years ago

1.4.42

2 years ago

1.3.42

2 years ago

1.3.41

2 years ago

1.3.40

2 years ago

1.3.39

2 years ago

1.3.38

2 years ago

1.3.37

2 years ago

1.2.37

2 years ago

1.2.36

2 years ago

1.2.35

2 years ago

1.2.34

2 years ago

1.2.33

2 years ago

1.2.32

2 years ago

1.2.31

2 years ago

1.1.31

2 years ago

1.1.30

2 years ago

1.1.29

2 years ago

1.0.29

2 years ago

1.0.28

2 years ago

1.0.27

2 years ago

1.0.26

2 years ago

1.0.25

2 years ago

1.0.24

2 years ago

1.0.23

2 years ago

1.0.22

2 years ago

1.0.21

2 years ago

1.0.20

2 years ago

1.0.19

2 years ago

1.0.18

2 years ago

1.0.17

2 years ago

1.0.16

2 years ago

1.0.15

2 years ago

1.0.14

2 years ago

1.0.13

2 years ago

1.0.12

2 years ago

1.0.11

2 years ago

1.0.10

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

1.0.2

2 years ago

1.0.1

2 years ago

1.0.0

2 years ago