5.11.109 • Published 1 year ago

@diotoborg/eum-ab v5.11.109

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

1 year ago

5.11.108

1 year ago

5.11.107

1 year ago

5.11.106

1 year ago

5.11.105

1 year ago

5.11.104

1 year ago

5.11.103

1 year ago

5.10.103

1 year ago

5.10.102

1 year ago

4.10.102

1 year ago

4.10.101

1 year ago

3.10.101

1 year ago

2.10.101

1 year ago

2.10.100

1 year ago

2.10.99

1 year ago

2.10.98

1 year ago

2.10.97

1 year ago

2.10.96

1 year ago

2.10.95

1 year ago

2.9.95

1 year ago

2.9.94

1 year ago

2.9.93

1 year ago

2.9.92

1 year ago

2.9.91

1 year ago

2.8.91

1 year ago

2.8.90

1 year ago

2.8.89

1 year ago

2.8.88

1 year ago

2.8.87

1 year ago

2.8.86

1 year ago

2.8.85

1 year ago

2.8.84

1 year ago

2.8.83

1 year ago

2.8.82

1 year ago

2.8.81

1 year ago

2.8.80

1 year ago

2.8.79

1 year ago

2.8.78

1 year ago

2.8.77

1 year ago

2.8.76

1 year ago

2.8.75

1 year ago

2.8.74

1 year ago

2.8.73

1 year ago

2.8.72

1 year ago

2.8.71

1 year ago

2.8.70

1 year ago

2.8.69

1 year ago

2.8.68

1 year ago

2.8.67

1 year ago

2.8.66

1 year ago

2.8.65

1 year ago

2.8.64

1 year ago

2.8.63

1 year ago

2.8.62

1 year ago

2.7.62

1 year ago

2.6.62

1 year ago

2.6.61

1 year ago

1.6.61

1 year ago

1.6.60

1 year ago

1.6.59

1 year ago

1.6.58

1 year ago

1.6.57

1 year 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