Lex Kuncevič kuncevic

Snippets for workshop

Step 1 - Home Route

<base href="/">

'@angular/router':                   { main: 'index.js', defaultExtension: 'js' },

import {ROUTER_PROVIDERS} from '@angular/router';

404 Page - Lost In Space

Coded my dribbble shot: https://dribbble.com/shots/4330167-404-Page-Lost-In-Space

Animated 404 Lost in Space Page. CSS3 Keyframe animations used. All the illustrations are hand-crafted in Adobe Illustrator.

A Pen by Samuel on CodePen.

Install ImageMagick

brew install ImageMagick

Pull specific region of frames from video file w/ ffmpeg

ffmpeg -ss 14:55 -i video.mkv -t 5 -s 480x270 -f image2 %04d.png

-ss 14:55 gives the timestamp where I want FFmpeg to start, as a duration string.
-t 5 says how much I want FFmpeg to decode, using the same duration syntax as for -ss.
-s 480x270 tells FFmpeg to resize the video output to 480 by 270 pixels.
-f image2 selects the output format, a series of still images — make sure there are leading zeros in filename.

	name: Deploy Monorepo
	on:
	push:
	path: projects/app1
	branches: [master, staging]
	pull_request:
	types: [opened, synchronize, reopened]
	jobs:
	build:
	steps:

	#!/bin/sh

	if [ "$#" -ne 1 ]; then
	echo "I need some text to print."
	exit 1
	fi

	for i in `ls /usr/local/Cellar/figlet/2.2.5/share/figlet/fonts/*.flf`; do
	echo -e "==== $(basename $i) ====\n"
	figlet -f $i $1

	<div class="wrapper">
	<div class="title">
	Child 👦
	</div>
	<div class="content">
	<div class="action">
	<button (click)="counter.updateValue2(-1)">-1</button>
	<span class="value"> {{ counter.snapshot.value2 }}</span>
	<button (click)="counter.updateValue2(1)">+1</button>
	</div>

	<!DOCTYPE html>
	<html>
	<head>
	<!-- This is a template for a landing page!
	✓ Fill in the things between the {{double braces}}, removing the {{ and }} in the process.
	✓ Make a logo image for the <img> tag, and take note of its width and height.
	✓ Make a sharing image for the OpenGraph/Facebook/Twitter <meta> tags (square, 1200x1200px).
	✓ Tweak CSS as necessary.
	✓ Rename this file to index.html and upload it and the two images to the web root directory on your server.
	✓ Remove this comment when done. -->

	export class ResetCounter {
	public static type = '[Counter] Reset Count';
	constructor() {}
	}

	export class UpdateValue1 {
	public static type = '[Sum] Update Value1';
	constructor(public readonly amount: number) {}
	}

	export class CounterService {
	private data$ = new BehaviorSubject<Counter>(initialState);
	state$ = this.data$.asObservable();

	constructor() {}

	public setValue1(value1): void {
	const currentData = this.data$.getValue();
	this.data$.next({ ...currentData, value1: currentData.value1 + value1 });
	}

	#!/bin/bash
	# Simple command to display the wireless strenght signal
	#
	clear
	while x=1
	do /System/Library/PrivateFrameworks/Apple*.framework/Versions/Current/Resources/airport -I \
	\| grep CtlRSSI \
	\| sed -e 's/^.*://g' \
	\| xargs -I SIGNAL printf "\rWifi dBm: SIGNAL"
	sleep 0.5