unyo

# setup pi SD card
# https://medium.com/@maheshsenni/setting-up-a-raspberry-pi-without-keyboard-and-mouse-headless-9359e0926807
# dl configs
wget https://gist.githubusercontent.com/unyo/284cbbd269cde81f85b9e4162a6b6128/raw/f1cb2ec4dc4bb319124cb9f58f42ded7bcf5a4bf/.vimrc
wget https://gist.githubusercontent.com/unyo/bfcdfc81a66d2101c67aced713f5dedd/raw/ce47e6d18efb7130ff3374cce8a75ebe1e60c4d5/.profile
# update
sudo apt-get update && sudo apt-get dist-upgrade # do this regularly
# install apps
sudo apt-get install vim rvm docker docker-compose python node nginx
# rasberry pi only

unyo

set -g default-terminal "screen-256color"
set -g status-bg "#721C0D"

unyo

package-lock=false

unyo

service cloud.firestore {
  match /databases/{database}/documents {
    match /{document=**} {
      allow read, write;
    }
  }
}

unyo

country=US
ctrl_interface=DIR=/var/run/wpa_supplicant GROUP=netdev
update_config=1

network={
   ssid="TARDIS"
   psk="XXXX"
   proto=RSN
   key_mgmt=WPA-PSK
}

unyo

runinstaller quiet ramdisk_size=32768 root=/dev/ram0 init=/init vt.cur_default=1 elevator=deadline silentinstall

unyo

UUID=2266-BC8E  /mnt/usb  vfat  auto,user,rw,uid=unyo,gid=unyo  0 0

unyo

// apparently there is some hidden settings at https://www.gatsbyjs.org/docs/debugging-replace-renderer-api/#fixing-the-replacerenderer-error
import React from "react"
import { renderToString } from "react-dom/server"
import { ServerStyleSheet, StyleSheetManager } from "styled-components"

export const replaceRenderer = ({
  bodyComponent,
  replaceBodyHTMLString,
  setHeadComponents,
}) => {

unyo

https://keithclark.co.uk/articles/pure-css-parallax-websites/demo1/

Basically, the idea is:

Top-level page container element (contains navbar body footer, the level which the main scrollbar will be) requires:

#___gatsby {
  perspective: 1px;
  overflow: auto;
  height: 100%;

unyo

const getObjectKeys = (obj, prefix = '') => {
  return Object.entries(obj).reduce((collector, [key, val]) => {
    const newKeys = [ ...collector, prefix ? `${prefix}.${key}` : key ]
    if (Object.prototype.toString.call(val) === '[object Object]') {
      const newPrefix = prefix ? `${prefix}.${key}` : key
      const otherKeys = getObjectKeys(val, newPrefix)
      return [ ...newKeys, ...otherKeys ]
    }
    return newKeys
  }, [])