Notepad/enter/About Obsidian/Slides & Tools/Excalidraw/Drawing 2023-10-10 14.13.09.excalidraw.md

---

excalidraw-plugin: parsed
tags: [excalidraw]

---
==⚠  Switch to EXCALIDRAW VIEW in the MORE OPTIONS menu of this document. ⚠==


# Text Elements
HTML ^ujJkv6rb

JS ^NepfDrgY

CSS ^C3nUGfeY

%%
# Drawing
```json
{
	"type": "excalidraw",
	"version": 2,
	"source": "https://github.com/zsviczian/obsidian-excalidraw-plugin/releases/tag/1.9.23",
	"elements": [
		{
			"type": "line",
			"version": 853,
			"versionNonce": 502633885,
			"isDeleted": false,
			"id": "EfXCz_HKYhnRvLwmf98bP",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 100,
			"angle": 0,
			"x": -96.16888786764711,
			"y": -71.72886029411767,
			"strokeColor": "#e44d26",
			"backgroundColor": "#e44d26",
			"width": 143.97058823529423,
			"height": 166.875,
			"seed": 1581146237,
			"groupIds": [
				"oNu9TlS2LSgTo1aEr3S7g",
				"VsWAgxdtv91wqG2oAaTUA",
				"Fc6OAtSrF0eDILrY5-bY7"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961733846,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					143.97058823529423,
					-0.8180147058823526
				],
				[
					133.3363970588236,
					146.83363970588238
				],
				[
					72.8033088235294,
					166.05698529411765
				],
				[
					10.634191176470592,
					148.06066176470588
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "line",
			"version": 721,
			"versionNonce": 21682685,
			"isDeleted": false,
			"id": "FWV-KsTdQ4wplUwK8rYXX",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 100,
			"angle": 0,
			"x": -26.228630514706808,
			"y": -59.458639705882646,
			"strokeColor": "#f16529",
			"backgroundColor": "#f16529",
			"width": 62.578125000000085,
			"height": 137.01746323529403,
			"seed": 402082013,
			"groupIds": [
				"oNu9TlS2LSgTo1aEr3S7g",
				"VsWAgxdtv91wqG2oAaTUA",
				"Fc6OAtSrF0eDILrY5-bY7"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961733846,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					4.090073529411756,
					135.7904411764705
				],
				[
					55.21599264705889,
					121.47518382352942
				],
				[
					62.578125000000085,
					-1.2270220588235294
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "text",
			"version": 264,
			"versionNonce": 1714983517,
			"isDeleted": false,
			"id": "ujJkv6rb",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 60,
			"angle": 0,
			"x": -56.793887867647115,
			"y": -107.29687499999999,
			"strokeColor": "#000000",
			"backgroundColor": "#029ae5",
			"width": 76.220703125,
			"height": 32,
			"seed": 255075645,
			"groupIds": [
				"VsWAgxdtv91wqG2oAaTUA",
				"Fc6OAtSrF0eDILrY5-bY7"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961733846,
			"link": null,
			"locked": false,
			"fontSize": 28,
			"fontFamily": 2,
			"text": "HTML",
			"rawText": "",
			"textAlign": "left",
			"verticalAlign": "top",
			"containerId": null,
			"originalText": "HTML",
			"lineHeight": 1.1428571428571428,
			"baseline": 26
		},
		{
			"type": "line",
			"version": 740,
			"versionNonce": 1771060925,
			"isDeleted": false,
			"id": "qMsMIzN-AakmQvTvOhxz9",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 1,
			"opacity": 60,
			"angle": 0,
			"x": 10.1705729166667,
			"y": -54.58854166666673,
			"strokeColor": "#0000",
			"backgroundColor": "#fff",
			"width": 67.33333333333326,
			"height": 107.33333333333314,
			"seed": 1465283997,
			"groupIds": [
				"Fc6OAtSrF0eDILrY5-bY7"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961733846,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					-2,
					16.66666666666663
				],
				[
					-44,
					14.666666666666629
				],
				[
					-45.33333333333326,
					34
				],
				[
					0.6666666666667425,
					38.66666666666663
				],
				[
					0,
					95.33333333333326
				],
				[
					-30.66666666666663,
					107.33333333333314
				],
				[
					-59.999999999999886,
					97.66666666666663
				],
				[
					-66.66666666666652,
					67.33333333333337
				],
				[
					-50.66666666666674,
					66.99999999999989
				],
				[
					-49.66666666666674,
					82.49999999999977
				],
				[
					-32,
					92.66666666666663
				],
				[
					-11.333333333333258,
					78.6666666666664
				],
				[
					-13.333333333333371,
					54
				],
				[
					-66,
					50.66666666666663
				],
				[
					-62.66666666666663,
					0
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "line",
			"version": 1126,
			"versionNonce": 1829121789,
			"isDeleted": false,
			"id": "YrPwL9P5LvQVhu_FQSuNM",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 100,
			"angle": 0,
			"x": 93.48736213235287,
			"y": -72.70932904411772,
			"strokeColor": "#e7c62f",
			"backgroundColor": "#e7c62f",
			"width": 143.97058823529423,
			"height": 166.875,
			"seed": 1639640403,
			"groupIds": [
				"4AYJDBJYVHe7J0N2kSpRi",
				"_t3OtjdaFH1ZxoK_5nAKx",
				"gBAKIYxHYdSU9-oPDteXD",
				"T4KdZy1DOwkBf0GjV7Slp"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961735462,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					143.97058823529423,
					-0.8180147058823526
				],
				[
					133.3363970588236,
					146.83363970588238
				],
				[
					72.8033088235294,
					166.05698529411765
				],
				[
					10.634191176470592,
					148.06066176470588
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "line",
			"version": 994,
			"versionNonce": 1237403485,
			"isDeleted": false,
			"id": "GOvdBh_3dNjHjP_QaFakI",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 100,
			"angle": 0,
			"x": 163.42761948529295,
			"y": -60.439108455882476,
			"strokeColor": "#fedd25",
			"backgroundColor": "#fedd25",
			"width": 62.578125000000085,
			"height": 137.01746323529403,
			"seed": 758631155,
			"groupIds": [
				"4AYJDBJYVHe7J0N2kSpRi",
				"_t3OtjdaFH1ZxoK_5nAKx",
				"gBAKIYxHYdSU9-oPDteXD",
				"T4KdZy1DOwkBf0GjV7Slp"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961735462,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					4.090073529411756,
					135.7904411764705
				],
				[
					55.21599264705889,
					121.47518382352942
				],
				[
					62.578125000000085,
					-1.2270220588235294
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "text",
			"version": 551,
			"versionNonce": 607802301,
			"isDeleted": false,
			"id": "NepfDrgY",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 60,
			"angle": 0,
			"x": 141.86236213235287,
			"y": -107.27734374999993,
			"strokeColor": "#000000",
			"backgroundColor": "#029ae5",
			"width": 32.67578125,
			"height": 32,
			"seed": 1552413843,
			"groupIds": [
				"_t3OtjdaFH1ZxoK_5nAKx",
				"gBAKIYxHYdSU9-oPDteXD",
				"T4KdZy1DOwkBf0GjV7Slp"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961735462,
			"link": null,
			"locked": false,
			"fontSize": 28,
			"fontFamily": 2,
			"text": "JS",
			"rawText": "",
			"textAlign": "left",
			"verticalAlign": "top",
			"containerId": null,
			"originalText": "JS",
			"lineHeight": 1.1428571428571428,
			"baseline": 26
		},
		{
			"type": "line",
			"version": 358,
			"versionNonce": 2022888477,
			"isDeleted": false,
			"id": "fkfdKXNPy7AfSIgs6BUzp",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 50,
			"angle": 0,
			"x": 137.47265624999972,
			"y": -47.46484374999993,
			"strokeColor": "#0000",
			"backgroundColor": "#fff",
			"width": 43,
			"height": 104,
			"seed": 794946099,
			"groupIds": [
				"T4KdZy1DOwkBf0GjV7Slp"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961735462,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					17,
					0
				],
				[
					17,
					104
				],
				[
					-26,
					95
				],
				[
					-26,
					76
				],
				[
					2,
					83
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "line",
			"version": 754,
			"versionNonce": 1119635581,
			"isDeleted": false,
			"id": "fVtKSO8d0-K_YhumLtWHI",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 60,
			"angle": 0,
			"x": 217.47265624999972,
			"y": -43.46484374999993,
			"strokeColor": "#0000",
			"backgroundColor": "#fff",
			"width": 48,
			"height": 96,
			"seed": 715926483,
			"groupIds": [
				"T4KdZy1DOwkBf0GjV7Slp"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961735462,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					-48,
					0
				],
				[
					-46.76923076923077,
					54.12765957446807
				],
				[
					-20.307692307692307,
					51.063829787234035
				],
				[
					-22.153846153846153,
					70.46808510638293
				],
				[
					-46.153846153846146,
					78.6382978723404
				],
				[
					-44.76923076923072,
					96
				],
				[
					-9.23076923076923,
					89.87234042553187
				],
				[
					-3.69230769230769,
					34.723404255319124
				],
				[
					-33.84615384615385,
					33.70212765957445
				],
				[
					-33.23076923076923,
					17.361702127659562
				],
				[
					-2.4615384615384617,
					16.340425531914885
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "line",
			"version": 1039,
			"versionNonce": 724720573,
			"isDeleted": false,
			"id": "bigtO-oIez1T__69bASHI",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 100,
			"angle": 0,
			"x": -278.75873161764713,
			"y": -70.11948529411772,
			"strokeColor": "#007cc3",
			"backgroundColor": "#007cc3",
			"width": 143.97058823529423,
			"height": 166.875,
			"seed": 1054761405,
			"groupIds": [
				"RrWqJaP6Nxdt_NwkcZmhi",
				"W4MNvp24IxUj6Ji7KsTl1",
				"aItKsk8DFGljJz-plx7c-",
				"4R2EjAkxhSeY8YpcDaC-G"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961731932,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					143.97058823529423,
					-0.8180147058823526
				],
				[
					133.3363970588236,
					146.83363970588238
				],
				[
					72.8033088235294,
					166.05698529411765
				],
				[
					10.634191176470592,
					148.06066176470588
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "line",
			"version": 907,
			"versionNonce": 1934220317,
			"isDeleted": false,
			"id": "zet424A4eTfLtuE6_BmwB",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 100,
			"angle": 0,
			"x": -208.81847426470694,
			"y": -57.849264705882476,
			"strokeColor": "#008dd2",
			"backgroundColor": "#008dd2",
			"width": 62.578125000000085,
			"height": 137.01746323529403,
			"seed": 2139431453,
			"groupIds": [
				"RrWqJaP6Nxdt_NwkcZmhi",
				"W4MNvp24IxUj6Ji7KsTl1",
				"aItKsk8DFGljJz-plx7c-",
				"4R2EjAkxhSeY8YpcDaC-G"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961731932,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					4.090073529411756,
					135.7904411764705
				],
				[
					55.21599264705889,
					121.47518382352942
				],
				[
					62.578125000000085,
					-1.2270220588235294
				],
				[
					0,
					0
				]
			]
		},
		{
			"type": "text",
			"version": 454,
			"versionNonce": 1632784509,
			"isDeleted": false,
			"id": "C3nUGfeY",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 60,
			"angle": 0,
			"x": -239.38373161764702,
			"y": -105.68749999999993,
			"strokeColor": "#000000",
			"backgroundColor": "#029ae5",
			"width": 58,
			"height": 32,
			"seed": 305452669,
			"groupIds": [
				"W4MNvp24IxUj6Ji7KsTl1",
				"aItKsk8DFGljJz-plx7c-",
				"4R2EjAkxhSeY8YpcDaC-G"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961731932,
			"link": null,
			"locked": false,
			"fontSize": 28,
			"fontFamily": 2,
			"text": "CSS",
			"rawText": "",
			"textAlign": "left",
			"verticalAlign": "top",
			"containerId": null,
			"originalText": "CSS",
			"lineHeight": 1.1428571428571428,
			"baseline": 26
		},
		{
			"type": "line",
			"version": 878,
			"versionNonce": 1930246365,
			"isDeleted": false,
			"id": "505SIHKz13NEbrUKV4Did",
			"fillStyle": "solid",
			"strokeWidth": 1,
			"strokeStyle": "solid",
			"roughness": 0,
			"opacity": 60,
			"angle": 0,
			"x": -244.58348873479582,
			"y": -42.194185645272384,
			"strokeColor": "#0000",
			"backgroundColor": "#fff",
			"width": 85.28571428571422,
			"height": 105.16666666666674,
			"seed": 833552093,
			"groupIds": [
				"4R2EjAkxhSeY8YpcDaC-G"
			],
			"frameId": null,
			"roundness": null,
			"boundElements": [],
			"updated": 1696961731932,
			"link": null,
			"locked": false,
			"startBinding": null,
			"endBinding": null,
			"lastCommittedPoint": null,
			"startArrowhead": null,
			"endArrowhead": null,
			"points": [
				[
					0,
					0
				],
				[
					78.69324654190397,
					0
				],
				[
					78.69324654190397,
					16.866352201257875
				],
				[
					41.70603277926317,
					34.72484276729562
				],
				[
					78.69324654190397,
					33.73270440251575
				],
				[
					75.36231547134707,
					89.93025606469006
				],
				[
					40.803905614320584,
					105.16666666666674
				],
				[
					2.9145646867371844,
					91.27672955974849
				],
				[
					-0.9715215622457283,
					66.47327044025162
				],
				[
					12.629780309194466,
					66.47327044025162
				],
				[
					17.487388120423105,
					83.3396226415095
				],
				[
					41.35906079274681,
					91.13499550763711
				],
				[
					59.95675927002193,
					81.92228212039537
				],
				[
					59.262815296989416,
					54.567610062893124
				],
				[
					-1.9430431244914566,
					53.57547169811325
				],
				[
					-2.9145646867371844,
					38.693396226415125
				],
				[
					42.88573753341876,
					18.92149595687331
				],
				[
					-1.9430431244914566,
					18.850628930817624
				],
				[
					-6.592467743810235,
					0
				]
			]
		}
	],
	"appState": {
		"theme": "dark",
		"viewBackgroundColor": "#ffffff",
		"currentItemStrokeColor": "#1e1e1e",
		"currentItemBackgroundColor": "transparent",
		"currentItemFillStyle": "hachure",
		"currentItemStrokeWidth": 1,
		"currentItemStrokeStyle": "solid",
		"currentItemRoughness": 1,
		"currentItemOpacity": 100,
		"currentItemFontFamily": 1,
		"currentItemFontSize": 20,
		"currentItemTextAlign": "left",
		"currentItemStartArrowhead": null,
		"currentItemEndArrowhead": "arrow",
		"scrollX": 511,
		"scrollY": 360.9765625,
		"zoom": {
			"value": 1
		},
		"currentItemRoundness": "round",
		"gridSize": null,
		"gridColor": {
			"Bold": "#C9C9C9FF",
			"Regular": "#EDEDEDFF"
		},
		"currentStrokeOptions": null,
		"previousGridSize": null,
		"frameRendering": {
			"enabled": true,
			"clip": true,
			"name": true,
			"outline": true
		}
	},
	"files": {}
}
```
%%