7 |
21 |
8 |
20 |
9 |
19 | {{page.title}}
15 |
16 |
18 | My House Title Sequence from VICE VISUAL STUDIO on Vimeo.
10 | -------------------------------------------------------------------------------- /static/sw.js: -------------------------------------------------------------------------------- 1 | // THIS FILE SHOULD NOT BE VERSION CONTROLLED 2 | 3 | // https://github.com/NekR/self-destroying-sw 4 | 5 | self.addEventListener('install', function (e) { 6 | self.skipWaiting() 7 | }) 8 | 9 | self.addEventListener('activate', function (e) { 10 | self.registration.unregister() 11 | .then(function () { 12 | return self.clients.matchAll() 13 | }) 14 | .then(function (clients) { 15 | clients.forEach(client => client.navigate(client.url)) 16 | }) 17 | }) 18 | -------------------------------------------------------------------------------- /components/SmoothReflow.vue: -------------------------------------------------------------------------------- 1 | 2 |
20 |
21 | ### Usage
22 |
23 | It is only mandatory to enter your Sendgrid API Key. If you would like to send a welcome email, then fill out the rest of the environment variables. Turn on the email newsletter signup box by going in the Netlify CMS backend and editing the Setup collection. Under Site Info, you will find a switch to turn it on.
24 |
25 | 
26 |
27 | The signup box will be activated and you are all set!
28 |
29 | 
30 |
31 | Add the query parameter `?welcome_email=true` to email newly added recipients using the specified Sendgrid template ID.
32 |
--------------------------------------------------------------------------------
/directives/intersect.js:
--------------------------------------------------------------------------------
1 | import _throttle from 'lodash/throttle'
2 |
3 | // throttled call handler for stagger
4 | const classHandler = (entries) => {
5 | entries.forEach((entry) => {
6 | if (entry.isIntersecting) {
7 | entry.target.classList.add('intersected')
8 | }
9 | })
10 | }
11 | const throttledHandler = _throttle(classHandler, 200)
12 |
13 | function inserted(el, binding) {
14 | const modifiers = binding.modifiers || {}
15 | const value = binding.value
16 | const { handler, options } =
17 | typeof value === 'object' ? value : { handler: value, options: {} }
18 |
19 | const observer = new IntersectionObserver((entries = [], observer) => {
20 | if (!el._observe) return // Just in case, should never fire)
21 |
22 | // If is not quiet or has already been
23 | // initted, invoke the user callback
24 | if (!modifiers.quiet || el._observe.init) {
25 | const isIntersecting = Boolean(
26 | entries.find((entry) => entry.isIntersecting)
27 | )
28 |
29 | if (handler) {
30 | handler(entries, observer, isIntersecting)
31 | } else {
32 | classHandler(entries)
33 | }
34 | }
35 |
36 | // If has already been initted and
37 | // has the once modifier, unbind
38 | if (el._observe.init && modifiers.once) unbind(el)
39 | // Otherwise, mark the observer as initted
40 | else el._observe.init = true
41 | }, options)
42 |
43 | el._observe = { init: false, observer }
44 |
45 | el.classList.add('wiv')
46 | observer.observe(el)
47 | }
48 |
49 | function unbind(el) {
50 | if (!el._observe) return
51 |
52 | el._observe.observer.unobserve(el)
53 | delete el._observe
54 | }
55 |
56 | export const Intersect = {
57 | inserted,
58 | unbind,
59 | }
60 |
61 | export default Intersect
62 |
--------------------------------------------------------------------------------
/components/BaelSearch.vue:
--------------------------------------------------------------------------------
1 |
2 | 
10 |