Skip to content

Instantly share code, notes, and snippets.

View lassebenni's full-sized avatar

Lasse Benninga lassebenni

View GitHub Profile
@lassebenni
lassebenni / serverless_evolution_animation.html
Created March 20, 2026 21:20
Evolution: Physical Servers → VMs → Serverless (CSS animation)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Evolution: Physical Servers → VMs → Serverless</title>
<style>
body {
margin: 0;
padding: 20px;
@lassebenni
lassebenni / blob_storage_hierarchy_visual.html
Created March 18, 2026 09:25
Visual for: Azure Blob Storage hierarchy (Storage Account → Container → Blob)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Azure Blob Storage: Storage Account → Container → Blob</title>
<style>
body {
margin: 0;
padding: 20px;
@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;