Skip to content

Instantly share code, notes, and snippets.

View lassebenni's full-sized avatar

Lasse Benninga lassebenni

View GitHub Profile
@lassebenni
lassebenni / ci_pipeline_flow_visual.html
Created March 10, 2026 22:31
Visual for: CI pipeline flow
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CI Pipeline Flow</title>
<style>
body {
margin: 0;
padding: 20px;
@lassebenni
lassebenni / docker_layer_caching_visual.html
Created March 10, 2026 22:31
Visual for: Docker layer caching
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Docker Layer Caching</title>
<style>
body {
margin: 0;
padding: 20px;
@lassebenni
lassebenni / deployment_flow_visual.html
Created March 10, 2026 22:20
Visual for: End-to-end deployment flow
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>End-to-End Deployment Flow</title>
<style>
body {
margin: 0;
padding: 20px;
@lassebenni
lassebenni / container_app_vs_job_visual.html
Created March 10, 2026 22:20
Visual for: Container Apps - App vs Job lifecycle
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Container Apps: App vs Job Lifecycle</title>
<style>
body {
margin: 0;
padding: 20px;
@lassebenni
lassebenni / azure_hierarchy_visual.html
Created March 10, 2026 21:58
Visual for: Azure Resource Hierarchy
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Azure Resource Hierarchy</title>
<style>
body {
background-color: #1e1e1e;
color: #ffffff;
@lassebenni
lassebenni / cloud_service_types_visual.html
Created March 10, 2026 21:46
Visual for: Cloud Service Types
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cloud Service Types</title>
<style>
body {
background-color: #1e1e1e;
color: #ffffff;
@lassebenni
lassebenni / week_3__parquet_columnar_visual.html
Created February 21, 2026 22:53
Visual for: Parquet columnar storage vs CSV row storage
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Parquet Columnar Storage: Row vs Column Layout</title>
<style>
body {
margin: 0;
padding: 20px;
@lassebenni
lassebenni / week_3__file_formats_comparison_visual.html
Created February 21, 2026 22:53
Visual for: CSV vs JSON vs Parquet comparison
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File Formats Comparison: CSV vs JSON vs Parquet</title>
<style>
body {
margin: 0;
padding: 20px;
@lassebenni
lassebenni / separation_concerns_animation.html
Created February 18, 2026 11:09
Animation for: Separation of Concerns (I/O → Logic → Output)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Separation of Concerns — Data Pipeline Flow</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
background: #1a1a2e;
@lassebenni
lassebenni / silent_failure.cast
Created February 17, 2026 21:17
Terminal Tutorial: silent_failure
{"version":2,"width":80,"height":24,"timestamp":1771363023,"command":"python3 actor_silent_fail.py","env":{"SHELL":"/bin/zsh"}}
[0.68702, "o", "\u001b[32m~/Code/my_pipeline\u001b[0m $ "]
[0.990856, "o", "c"]
[1.08254, "o", "a"]
[1.155281, "o", "t"]
[1.234741, "o", " "]
[1.293865, "o", "s"]
[1.341869, "o", "i"]
[1.424568, "o", "l"]
[1.499718, "o", "e"]