Michael Guidetti mguidetti

An acquaintance needed a video kiosk that plays looping videos for an exposition booth. Since I have a bunch of Raspberry Pis lying around, I figured that it would be the perfect use case for using one of them.

Let's assume we start from scratch, with a unflashed, brand new SD card and your Raspberry Pi.

Installing the OS

Install a version of Raspbian that includes the desktop. You can head over to : https://www.raspberrypi.org/downloads/raspbian/ and follow the instructions.

Once the image is downloaded, you can burn it to your SD card with tools like Etcher (https://www.balena.io/etcher/)

Cheat Sheet: Simple Authentication in Rails 6 with `has_secure_password`

The goal of this cheatsheet is to make it easy to add hand-rolled authentication to any rails app in a series of layers.

First the simplest/core layers, then optional layers depending on which features/functionality you want.

`Specs`
AUTHOR	Ira Herman
LANGUAGE/STACK	Ruby on Rails Version 4, 5, or 6

#!/usr/bin/env bash

# Assuming OS X Yosemite 10.10.4

# Install XCode and command line tools
# See https://itunes.apple.com/us/app/xcode/id497799835?mt=12#
# See https://developer.apple.com/library/mac/documentation/Darwin/Reference/ManPages/man1/xcode-select.1.html
xcode-select --install

	<!DOCTYPE html>
	<head>
	<style>
	body {
	height:100vh;
	}
	* {
	margin:0px;
	}
	.cliphead {

	# app/models/organisation.rb

	# schema like:
	#
	# create_table "organisations", id: :uuid, default: -> { "public.gen_random_uuid()" }, force: :cascade do \|t\|
	# t.string "transponder", default: "my_laps", null: false
	#

	class Organisation < ApplicationRecord
	attribute :transponder, TransponderType.new

	/*
	Copy this into the console of any web page that is interactive and doesn't
	do hard reloads. You will hear your DOM changes as different pitches of
	audio.

	I have found this interesting for debugging, but also fun to hear web pages
	render like UIs do in movies.
	*/

	const audioCtx = new (window.AudioContext \|\| window.webkitAudioContext)()

	import UploadAdapter from './upload_adapter';

	function CustomUploadAdapterPlugin( editor ) {
	editor.plugins.get( 'FileRepository' ).createUploadAdapter = ( loader ) => {
	// Configure the URL to the upload script in your back-end here!
	return new UploadAdapter( loader, editor );
	};
	}

	import { Controller } from "stimulus"

	<%= form_with(model: billboard) do \|form\| %>
	<%= tag.div class: "dropzone", data: { controller: "dropzone", dropzone_param_name_value: "billboard[images][]", dropzone_url_value: rails_direct_uploads_url, dropzone_accepted_files_value: "image/*", dropzone_max_files_value: 3, dropzone_max_filesize_value: 0.300 } do %>
	<div class="dz-default dz-message flex flex-col items-center">
	<%= image_tag "upload.svg", size: 28, class: "colorize-black", aria: { hidden: true } %>
	<h5 class="font-semibold mbs-4">Drop files here or click to upload.</h5>
	<p class="text-sm text-subtle">Upload up to 10 files.</p>
	</div>
	<% end %>

	<div class="inline-flex items-center mbs-2 mie-1">

	FROM ruby:2.6.5-alpine

	RUN apk add --update --no-cache bash build-base nodejs sqlite-dev tzdata postgresql-dev yarn

	RUN gem install bundler:2.1.4

	WORKDIR /usr/src/app

	COPY package.json yarn.lock ./
	RUN yarn install --check-files

	// http://stackoverflow.com/questions/21961839/simulation-background-size-cover-in-canvas
	function drawImageProp(ctx, img, x, y, w, h, offsetX, offsetY) {
	if (arguments.length === 2) {
	x = y = 0;
	w = ctx.canvas.width;
	h = ctx.canvas.height;
	}

	// default offset is center
	offsetX = typeof offsetX === "number" ? offsetX : 0.5;

Michael Guidetti mguidetti

Installing the OS

Cheat Sheet: Simple Authentication in Rails 6 with has_secure_password

Cheat Sheet: Simple Authentication in Rails 6 with `has_secure_password`