Merge pull request 'Remove w-screen from container' (#15 ) from punishedbernadetta-patch-1 into main

Reviewed-on: Trivernis/no-chromium#15
removed w-screen from container
13 changed files with 231 additions and 143 deletions
--- a/package-lock.json
+++ b/package-lock.json
@ -9,9 +9,11 @@
 			"version": "0.0.1",
 			"dependencies": {
 				"@sveltejs/adapter-node": "^1.3.1",
+				"@tailwindcss/typography": "^0.5.9",
 				"cors": "^2.8.5",
 				"detect-browser": "^5.3.0",
 				"express": "^4.18.2",
+				"fetch-opengraph": "^1.0.36",
 				"sass": "^1.64.1"
 			},
 			"devDependencies": {
@ -46,7 +48,6 @@
 			"version": "5.2.0",
 			"resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
 			"integrity": "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==",
-			"dev": true,
 			"engines": {
 				"node": ">=10"
 			},
@ -537,7 +538,6 @@
 			"version": "2.1.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.scandir/-/fs.scandir-2.1.5.tgz",
 			"integrity": "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==",
-			"dev": true,
 			"dependencies": {
 				"@nodelib/fs.stat": "2.0.5",
 				"run-parallel": "^1.1.9"
@ -550,7 +550,6 @@
 			"version": "2.0.5",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
 			"integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
-			"dev": true,
 			"engines": {
 				"node": ">= 8"
 			}
@ -559,7 +558,6 @@
 			"version": "1.2.8",
 			"resolved": "https://registry.npmjs.org/@nodelib/fs.walk/-/fs.walk-1.2.8.tgz",
 			"integrity": "sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==",
-			"dev": true,
 			"dependencies": {
 				"@nodelib/fs.scandir": "2.1.5",
 				"fastq": "^1.6.0"
@ -808,6 +806,32 @@
 				"vite": "^4.0.0"
 			}
 		},
+		"node_modules/@tailwindcss/typography": {
+			"version": "0.5.9",
+			"resolved": "https://registry.npmjs.org/@tailwindcss/typography/-/typography-0.5.9.tgz",
+			"integrity": "sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==",
+			"dependencies": {
+				"lodash.castarray": "^4.4.0",
+				"lodash.isplainobject": "^4.0.6",
+				"lodash.merge": "^4.6.2",
+				"postcss-selector-parser": "6.0.10"
+			},
+			"peerDependencies": {
+				"tailwindcss": ">=3.0.0 || insiders"
+			}
+		},
+		"node_modules/@tailwindcss/typography/node_modules/postcss-selector-parser": {
+			"version": "6.0.10",
+			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.10.tgz",
+			"integrity": "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==",
+			"dependencies": {
+				"cssesc": "^3.0.0",
+				"util-deprecate": "^1.0.2"
+			},
+			"engines": {
+				"node": ">=4"
+			}
+		},
 		"node_modules/@types/cookie": {
 			"version": "0.5.1",
 			"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.5.1.tgz",
@ -1104,8 +1128,7 @@
 		"node_modules/any-promise": {
 			"version": "1.3.0",
 			"resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-			"integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-			"dev": true
+			"integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
 		},
 		"node_modules/anymatch": {
 			"version": "3.1.3",
@ -1122,8 +1145,7 @@
 		"node_modules/arg": {
 			"version": "5.0.2",
 			"resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-			"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
-			"dev": true
+			"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
 		},
 		"node_modules/argparse": {
 			"version": "2.0.1",
@ -1186,6 +1208,14 @@
 				"postcss": "^8.1.0"
 			}
 		},
+		"node_modules/axios": {
+			"version": "0.21.4",
+			"resolved": "https://registry.npmjs.org/axios/-/axios-0.21.4.tgz",
+			"integrity": "sha512-ut5vewkiu8jjGBdqpM44XxjuCjq9LAKeHVmoVfHVzy8eHgxxq8SbAVQNovDA8mVi05kP0Ea/n/UzcSHcTJQfNg==",
+			"dependencies": {
+				"follow-redirects": "^1.14.0"
+			}
+		},
 		"node_modules/axobject-query": {
 			"version": "3.2.1",
 			"resolved": "https://registry.npmjs.org/axobject-query/-/axobject-query-3.2.1.tgz",
@ -1247,7 +1277,6 @@
 			"version": "1.1.11",
 			"resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
 			"integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
-			"dev": true,
 			"dependencies": {
 				"balanced-match": "^1.0.0",
 				"concat-map": "0.0.1"
@ -1360,7 +1389,6 @@
 			"version": "2.0.1",
 			"resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
 			"integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
-			"dev": true,
 			"engines": {
 				"node": ">= 6"
 			}
@ -1472,7 +1500,6 @@
 			"version": "4.1.1",
 			"resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
 			"integrity": "sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==",
-			"dev": true,
 			"engines": {
 				"node": ">= 6"
 			}
@ -1485,8 +1512,7 @@
 		"node_modules/concat-map": {
 			"version": "0.0.1",
 			"resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-			"dev": true
+			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
 		},
 		"node_modules/content-disposition": {
 			"version": "0.5.4",
@ -1562,7 +1588,6 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
 			"integrity": "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==",
-			"dev": true,
 			"bin": {
 				"cssesc": "bin/cssesc"
 			},
@ -1647,8 +1672,7 @@
 		"node_modules/didyoumean": {
 			"version": "1.2.2",
 			"resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-			"integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
-			"dev": true
+			"integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
 		},
 		"node_modules/dir-glob": {
 			"version": "3.0.1",
@ -1665,8 +1689,7 @@
 		"node_modules/dlv": {
 			"version": "1.1.3",
 			"resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
-			"dev": true
+			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
 		},
 		"node_modules/doctrine": {
 			"version": "3.0.0",
@ -2079,7 +2102,6 @@
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.1.tgz",
 			"integrity": "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==",
-			"dev": true,
 			"dependencies": {
 				"@nodelib/fs.stat": "^2.0.2",
 				"@nodelib/fs.walk": "^1.2.3",
@ -2095,7 +2117,6 @@
 			"version": "5.1.2",
 			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
 			"integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-			"dev": true,
 			"dependencies": {
 				"is-glob": "^4.0.1"
 			},
@ -2119,11 +2140,19 @@
 			"version": "1.15.0",
 			"resolved": "https://registry.npmjs.org/fastq/-/fastq-1.15.0.tgz",
 			"integrity": "sha512-wBrocU2LCXXa+lWBt8RoIRD89Fi8OdABODa/kEnyeyjS5aZO5/GNvI5sEINADqP/h8M29UHTHUb53sUu5Ihqdw==",
-			"dev": true,
 			"dependencies": {
 				"reusify": "^1.0.4"
 			}
 		},
+		"node_modules/fetch-opengraph": {
+			"version": "1.0.36",
+			"resolved": "https://registry.npmjs.org/fetch-opengraph/-/fetch-opengraph-1.0.36.tgz",
+			"integrity": "sha512-w2Gs64zjL1O86E0I6E26MrxeXpTrR8Y1vWrgupmZN6NXKV8F5I3W0tlh+ZX686jZwxyilWnQjYwgnWpdETdHWw==",
+			"dependencies": {
+				"axios": "^0.21.1",
+				"html-entities": "^2.3.2"
+			}
+		},
 		"node_modules/file-entry-cache": {
 			"version": "6.0.1",
 			"resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@ -2212,6 +2241,25 @@
 			"integrity": "sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==",
 			"dev": true
 		},
+		"node_modules/follow-redirects": {
+			"version": "1.15.2",
+			"resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.2.tgz",
+			"integrity": "sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==",
+			"funding": [
+				{
+					"type": "individual",
+					"url": "https://github.com/sponsors/RubenVerborgh"
+				}
+			],
+			"engines": {
+				"node": ">=4.0"
+			},
+			"peerDependenciesMeta": {
+				"debug": {
+					"optional": true
+				}
+			}
+		},
 		"node_modules/forwarded": {
 			"version": "0.2.0",
 			"resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
@ -2302,7 +2350,6 @@
 			"version": "6.0.2",
 			"resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
 			"integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
-			"dev": true,
 			"dependencies": {
 				"is-glob": "^4.0.3"
 			},
@ -2399,6 +2446,21 @@
 				"url": "https://github.com/sponsors/ljharb"
 			}
 		},
+		"node_modules/html-entities": {
+			"version": "2.4.0",
+			"resolved": "https://registry.npmjs.org/html-entities/-/html-entities-2.4.0.tgz",
+			"integrity": "sha512-igBTJcNNNhvZFRtm8uA6xMY6xYleeDwn3PeBCkDz7tHttv4F2hsDI2aPgNERWzvRcNYHNT3ymRaQzllmXj4YsQ==",
+			"funding": [
+				{
+					"type": "github",
+					"url": "https://github.com/sponsors/mdevils"
+				},
+				{
+					"type": "patreon",
+					"url": "https://patreon.com/mdevils"
+				}
+			]
+		},
 		"node_modules/http-errors": {
 			"version": "2.0.0",
 			"resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
@ -2581,7 +2643,6 @@
 			"version": "1.19.1",
 			"resolved": "https://registry.npmjs.org/jiti/-/jiti-1.19.1.tgz",
 			"integrity": "sha512-oVhqoRDaBXf7sjkll95LHVS6Myyyb1zaunVwk4Z0+WPSW4gjS0pl01zYKHScTuyEhQsFxV5L4DR5r+YqSyqyyg==",
-			"dev": true,
 			"bin": {
 				"jiti": "bin/jiti.js"
 			}
@ -2641,7 +2702,6 @@
 			"version": "2.1.0",
 			"resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.1.0.tgz",
 			"integrity": "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ==",
-			"dev": true,
 			"engines": {
 				"node": ">=10"
 			}
@ -2649,8 +2709,7 @@
 		"node_modules/lines-and-columns": {
 			"version": "1.2.4",
 			"resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
-			"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
-			"dev": true
+			"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
 		},
 		"node_modules/locate-character": {
 			"version": "3.0.0",
@ -2672,11 +2731,20 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
+		"node_modules/lodash.castarray": {
+			"version": "4.4.0",
+			"resolved": "https://registry.npmjs.org/lodash.castarray/-/lodash.castarray-4.4.0.tgz",
+			"integrity": "sha512-aVx8ztPv7/2ULbArGJ2Y42bG1mEQ5mGjpdvrbJcJFU3TbYybe+QlLS4pst9zV52ymy2in1KpFPiZnAOATxD4+Q=="
+		},
+		"node_modules/lodash.isplainobject": {
+			"version": "4.0.6",
+			"resolved": "https://registry.npmjs.org/lodash.isplainobject/-/lodash.isplainobject-4.0.6.tgz",
+			"integrity": "sha512-oSXzaWypCMHkPC3NvBEaPHf0KsA5mvPrOPgQWDsbg8n7orZ290M0BmC/jgRZ4vcJ6DTAhjrsSYgdsW/F+MFOBA=="
+		},
 		"node_modules/lodash.merge": {
 			"version": "4.6.2",
 			"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
-			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
-			"dev": true
+			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
 		},
 		"node_modules/lru-cache": {
 			"version": "6.0.0",
@ -2723,7 +2791,6 @@
 			"version": "1.4.1",
 			"resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
 			"integrity": "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==",
-			"dev": true,
 			"engines": {
 				"node": ">= 8"
 			}
@ -2740,7 +2807,6 @@
 			"version": "4.0.5",
 			"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
 			"integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
-			"dev": true,
 			"dependencies": {
 				"braces": "^3.0.2",
 				"picomatch": "^2.3.1"
@ -2792,7 +2858,6 @@
 			"version": "3.1.2",
 			"resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
 			"integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-			"dev": true,
 			"dependencies": {
 				"brace-expansion": "^1.1.7"
 			},
@ -2846,7 +2911,6 @@
 			"version": "2.7.0",
 			"resolved": "https://registry.npmjs.org/mz/-/mz-2.7.0.tgz",
 			"integrity": "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q==",
-			"dev": true,
 			"dependencies": {
 				"any-promise": "^1.0.0",
 				"object-assign": "^4.0.1",
@ -2925,7 +2989,6 @@
 			"version": "3.0.0",
 			"resolved": "https://registry.npmjs.org/object-hash/-/object-hash-3.0.0.tgz",
 			"integrity": "sha512-RSn9F68PjH9HqtltsSnqYC1XXoWe9Bju5+213R98cNGttag9q9yAOTzdbsqvIa7aNm5WffBZFpWYr2aWrklWAw==",
-			"dev": true,
 			"engines": {
 				"node": ">= 6"
 			}
@ -3037,7 +3100,6 @@
 			"version": "1.0.1",
 			"resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
 			"integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@ -3100,7 +3162,6 @@
 			"version": "2.3.0",
 			"resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
 			"integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
-			"dev": true,
 			"engines": {
 				"node": ">=0.10.0"
 			}
@ -3109,7 +3170,6 @@
 			"version": "4.0.6",
 			"resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
 			"integrity": "sha512-saLsH7WeYYPiD25LDuLRRY/i+6HaPYr6G1OUlN39otzkSTxKnubR9RTxS3/Kk50s1g2JTgFwWQDQyplC5/SHZg==",
-			"dev": true,
 			"engines": {
 				"node": ">= 6"
 			}
@ -3145,7 +3205,6 @@
 			"version": "15.1.0",
 			"resolved": "https://registry.npmjs.org/postcss-import/-/postcss-import-15.1.0.tgz",
 			"integrity": "sha512-hpr+J05B2FVYUAXHeK1YyI267J/dDDhMU6B6civm8hSY1jYJnBXxzKDKDswzJmtLHryrjhnDjqqp/49t8FALew==",
-			"dev": true,
 			"dependencies": {
 				"postcss-value-parser": "^4.0.0",
 				"read-cache": "^1.0.0",
@ -3162,7 +3221,6 @@
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-4.0.1.tgz",
 			"integrity": "sha512-dDLF8pEO191hJMtlHFPRa8xsizHaM82MLfNkUHdUtVEV3tgTp5oj+8qbEqYM57SLfc74KSbw//4SeJma2LRVIw==",
-			"dev": true,
 			"dependencies": {
 				"camelcase-css": "^2.0.1"
 			},
@ -3210,7 +3268,6 @@
 			"version": "6.0.1",
 			"resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-6.0.1.tgz",
 			"integrity": "sha512-mEp4xPMi5bSWiMbsgoPfcP74lsWLHkQbZc3sY+jWYd65CUwXrUaTp0fmNpa01ZcETKlIgUdFN/MpS2xZtqL9dQ==",
-			"dev": true,
 			"dependencies": {
 				"postcss-selector-parser": "^6.0.11"
 			},
@ -3267,7 +3324,6 @@
 			"version": "6.0.13",
 			"resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.0.13.tgz",
 			"integrity": "sha512-EaV1Gl4mUEV4ddhDnv/xtj7sxwrwxdetHdWUGnT4VJQf+4d05v6lHYZr8N573k5Z0BViss7BDhfWtKS3+sfAqQ==",
-			"dev": true,
 			"dependencies": {
 				"cssesc": "^3.0.0",
 				"util-deprecate": "^1.0.2"
@ -3279,8 +3335,7 @@
 		"node_modules/postcss-value-parser": {
 			"version": "4.2.0",
 			"resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
-			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
-			"dev": true
+			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
 		},
 		"node_modules/prelude-ls": {
 			"version": "1.2.1",
@ -3355,7 +3410,6 @@
 			"version": "1.2.3",
 			"resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
 			"integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@ -3397,7 +3451,6 @@
 			"version": "1.0.0",
 			"resolved": "https://registry.npmjs.org/read-cache/-/read-cache-1.0.0.tgz",
 			"integrity": "sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==",
-			"dev": true,
 			"dependencies": {
 				"pify": "^2.3.0"
 			}
@ -3442,7 +3495,6 @@
 			"version": "1.0.4",
 			"resolved": "https://registry.npmjs.org/reusify/-/reusify-1.0.4.tgz",
 			"integrity": "sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==",
-			"dev": true,
 			"engines": {
 				"iojs": ">=1.0.0",
 				"node": ">=0.10.0"
@ -3482,7 +3534,6 @@
 			"version": "1.2.0",
 			"resolved": "https://registry.npmjs.org/run-parallel/-/run-parallel-1.2.0.tgz",
 			"integrity": "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==",
-			"dev": true,
 			"funding": [
 				{
 					"type": "github",
@ -3802,7 +3853,6 @@
 			"version": "3.34.0",
 			"resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.34.0.tgz",
 			"integrity": "sha512-70/LQEZ07TEcxiU2dz51FKaE6hCTWC6vr7FOk3Gr0U60C3shtAN+H+BFr9XlYe5xqf3RA8nrc+VIwzCfnxuXJw==",
-			"dev": true,
 			"dependencies": {
 				"@jridgewell/gen-mapping": "^0.3.2",
 				"commander": "^4.0.0",
@ -3824,7 +3874,6 @@
 			"version": "7.1.6",
 			"resolved": "https://registry.npmjs.org/glob/-/glob-7.1.6.tgz",
 			"integrity": "sha512-LwaxwyZ72Lk7vZINtNNrywX0ZuLyStrdDtabefZKAY5ZGJhVtgdznluResxNmPitE0SAO+O26sWTHeKSI2wMBA==",
-			"dev": true,
 			"dependencies": {
 				"fs.realpath": "^1.0.0",
 				"inflight": "^1.0.4",
@ -4049,7 +4098,6 @@
 			"version": "3.3.3",
 			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.3.3.tgz",
 			"integrity": "sha512-A0KgSkef7eE4Mf+nKJ83i75TMyq8HqY3qmFIJSWy8bNt0v1lG7jUcpGpoTFxAwYcWOphcTBLPPJg+bDfhDf52w==",
-			"dev": true,
 			"dependencies": {
 				"@alloc/quick-lru": "^5.2.0",
 				"arg": "^5.0.2",
@ -4086,7 +4134,6 @@
 			"version": "4.0.1",
 			"resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-4.0.1.tgz",
 			"integrity": "sha512-vEJIc8RdiBRu3oRAI0ymerOn+7rPuMvRXslTvZUKZonDHFIczxztIyJ1urxM1x9JXEikvpWWTUUqal5j/8QgvA==",
-			"dev": true,
 			"dependencies": {
 				"lilconfig": "^2.0.5",
 				"yaml": "^2.1.1"
@ -4115,7 +4162,6 @@
 			"version": "2.3.1",
 			"resolved": "https://registry.npmjs.org/yaml/-/yaml-2.3.1.tgz",
 			"integrity": "sha512-2eHWfjaoXgTBC2jNM1LRef62VQa0umtvRiDSk6HSzW7RvS5YtkabJrwYLLEKWBc8a5U2PTSCs+dJjUTJdlHsWQ==",
-			"dev": true,
 			"engines": {
 				"node": ">= 14"
 			}
@ -4130,7 +4176,6 @@
 			"version": "3.3.1",
 			"resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
 			"integrity": "sha512-RVZSIV5IG10Hk3enotrhvz0T9em6cyHBLkH/YAZuKqd8hRkKhSfCGIcP2KUY0EPxndzANBmNllzWPwak+bheSw==",
-			"dev": true,
 			"dependencies": {
 				"any-promise": "^1.0.0"
 			}
@ -4139,7 +4184,6 @@
 			"version": "1.6.0",
 			"resolved": "https://registry.npmjs.org/thenify-all/-/thenify-all-1.6.0.tgz",
 			"integrity": "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA==",
-			"dev": true,
 			"dependencies": {
 				"thenify": ">= 3.1.0 < 4"
 			},
@ -4177,8 +4221,7 @@
 		"node_modules/ts-interface-checker": {
 			"version": "0.1.13",
 			"resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
-			"integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA==",
-			"dev": true
+			"integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
 		},
 		"node_modules/tslib": {
 			"version": "2.6.1",
@ -4317,8 +4360,7 @@
 		"node_modules/util-deprecate": {
 			"version": "1.0.2",
 			"resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
-			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
-			"dev": true
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
 		},
 		"node_modules/utils-merge": {
 			"version": "1.0.1",
--- a/package.json
+++ b/package.json
@ -32,9 +32,11 @@
 	"type": "module",
 	"dependencies": {
 		"@sveltejs/adapter-node": "^1.3.1",
+		"@tailwindcss/typography": "^0.5.9",
 		"cors": "^2.8.5",
 		"detect-browser": "^5.3.0",
 		"express": "^4.18.2",
+		"fetch-opengraph": "^1.0.36",
 		"sass": "^1.64.1"
 	}
 }
--- a/src/app.css
+++ b/src/app.css
@ -1,42 +1,9 @@
-html {
-  font-family: Noto Sans, sans-serif;
-  box-sizing: border-box;
-}
-
-*, *:before, *:after {
-  box-sizing: inherit;
-}
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

 body {
-  font-family: Noto Sans, sans serif;
  min-height: 1vh;
  min-height: 100vh;
  margin: 0;
 }
-
-p {
-  line-height: 1.5rem;
-}
-
-.banner {
-  margin: 10%;
-  font-size: 2em;
-  margin: 0 auto 4rem;
-  text-align: center;
-}
-
-.content {
-  margin: 0 10%;
-  padding: 0 1rem;
-  margin: 0 auto;
-  max-width: 800px;
-}
-
-.container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  height: 100vh;
-  height: 100dvh;
-}
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@ -1,14 +1,13 @@
 <script>
-  import Footer from "./footer.svelte";
+  import Article from "./article.svelte";
 </script>

-<header class="banner">
-  <h1>No Chromium</h1>
-  <h2>Do not use Chromium</h2>
-  <h3>Use a different web browser</h3>
+<header class="container mx-auto mb-20 mt-40 text-center font-bold">
+  <h1 class="leading-normal text-7xl">No Chromium</h1>
+  <h3 class="leading-normal text-5xl">Use a different web browser</h3>
 </header>

-<main class="content">
+<main class="w-10/12 md:w-2/3 xl:w-1/2 mx-auto prose max-w-none">

  <h2>What is Chromium?</h2>
  <p>
@ -35,13 +34,6 @@
    a direction they benefit from the most. 
  </p>

-  <h2>Examples</h2>
-  <ul>
-    <li>Web Environment Integrity</li>
-    <li>Widevine</li>
-    <li style="color: red">TODO...</li>
-  </ul>
-
  <h2>What can I do</h2>
  <p>
    You should use alternative browsers like
@ -54,4 +46,67 @@
      LibreWolf
    </a>.
  </p>
+
+  <hr> 
+
+  <h2>Examples</h2>
+  <section>
+    <h3>Web Environment Integrity</h3>
+    <p>
+      The Web Environment Integrity spec is a proposal by Google engineers 
+      to add a mechanism to browsers that verifies them and the platform it's running on 
+      to be trusted by third party (attester). This is often compared as being 
+      <abbr title="Digital Rights Management">DRM</abbr> for Websites.
+      <br><br>
+      As an example Google Play is named as an attester for Android.
+      Of course this would enable Google to mark their own 
+      Browser, Google Chrome, as trusted. Furthermore Google would be able to discourage the
+      use of Browsers that harm their business model (selling ads) like Firefox, a browser
+      that has a rich ecosystem of ad blockers and tracker protection. 
+      <br><br>
+      On Windows Systems, Microsoft will likely play the role of the attester and 
+      encourage the use of Edge. Which third would attest for a Browser to be trusted on
+      Linux distributions is not clear yet. There might be different attesters
+      being used in different distributions. More niche distros might have trouble
+      finding a third party to attest for their platform.
+      <br><br>
+      By implementing this spec Google is also forcing other browsers to do the same.
+      Browsers that don't implement the spec would simply not be trusted by websites
+      for demand the browser to proof it is trusted.
+    </p>
+    <details>
+      <summary>More Info</summary>
+      <ul>
+        <li>
+          <Article 
+            url="https://vivaldi.com/blog/googles-new-dangerous-web-environment-integrity-spec/" 
+            author="Julien Picalausa" 
+            title = "Unpacking Google’s new &quot;dangerous&quot; Web-Environment-Integrity specification"
+            />
+        </li>
+        <li>
+          <Article
+            url="https://www.theregister.com/2023/07/25/google_web_environment_integrity/"
+            author="Thomas Claburn" 
+            title="Google's next big idea for browser security looks like another freedom grab to some"
+          />
+        </li>
+        <li>
+          <Article 
+            url="https://github.com/RupertBenWiser/Web-Environment-Integrity/blob/main/explainer.md"
+            author= "Ben Wiser (Google), Borbala Benko (Google), Philipp Pfeiffenberger (Google), Sergey Kataev (Google)"
+            title="Web Environment Integrity Explainer" 
+          />
+        </li>
+      </ul>
+    </details>
+  </section>
+
+  <section>
+    <h3>FLOC</h3>
+  </section>
+
+  <section>
+    <h3>Widevine</h3>
+  </section>
 </main>
--- a/src/routes/+page.ts
+++ b/src/routes/+page.ts
@ -0,0 +1 @@
+export const prerender = true;
--- a/src/routes/article.svelte
+++ b/src/routes/article.svelte
@ -0,0 +1,13 @@
+<script lang="ts">
+
+export let url: string;
+export let title: string;
+export let author: string;
+
+</script>
+
+<a href="{ url }">
+  <span class="author">{ author }</span>
+  -
+  <i class="title">{ title }</i>
+</a>
--- a/src/routes/credits/+page.svelte
+++ b/src/routes/credits/+page.svelte
@ -1,20 +1,20 @@
-<header class="banner">
-  <a href="/">Back</a>
+<header class="w-10/12 md:w-2/3 xl:w-1/2 mx-auto mb-20 prose">
+  <div class="mb-10 mt-10"><a href="/">Back</a></div>
  <h1>Credits</h1>
 </header>
-<main class="content">
-<h2><a href="https://tech.lgbt/@sara">Sara</a></h2>
-<ul>
+<main class="w-10/12 md:w-2/3 xl:w-1/2 mx-auto prose">
+  <h2><a href="https://tech.lgbt/@sara">Sara</a></h2>
+  <ul>
    <li>Icons</li>
-</ul>
+  </ul>

-<h2><a href="https://tech.lgbt/@punishedbernadetta">Punished Bernadetta</a></h2>
-<ul>
+  <h2><a href="https://tech.lgbt/@punishedbernadetta">Punished Bernadetta</a></h2>
+  <ul>
    <li>Style Improvements</li>
-</ul>
+  </ul>

-<h2><a href="https://social.funkyfish.cool/@trivernis">Trivernis</a></h2>
-<ul>
+  <h2><a href="https://social.funkyfish.cool/@trivernis">Trivernis</a></h2>
+  <ul>
    <li>Repository Owner</li>
-</ul>
+  </ul>
 </main>
--- a/src/routes/credits/+page.ts
+++ b/src/routes/credits/+page.ts
@ -0,0 +1 @@
+export const prerender = true;
--- a/src/routes/footer.svelte
+++ b/src/routes/footer.svelte
@ -23,6 +23,14 @@
      .right {
        float: right;
      }
+
+      a {
+        text-decoration: underline;
+        color: blue;
+      }
+      a:visited {
+        color: purple;
+      }
    }
  }
 </style>
--- a/src/routes/popup/+page.svelte
+++ b/src/routes/popup/+page.svelte
@ -11,6 +11,7 @@
      background-color: rgba(0, 0, 0, 0.125);
      font-family: Noto Sans, sans serif;
      color: white;
+      z-index: 10;

      .nc-popup-inner {
        display: block;
--- a/src/routes/redirect/+page.svelte
+++ b/src/routes/redirect/+page.svelte
@ -1,9 +1,9 @@
-<script>
+<script lang="ts">
  import { getBrowserName, isChromium } from "$lib/browser";
  // import { browser } from "$app/environment";
  import { onMount } from "svelte";

-  export let browserName;
+  export let browserName: string;
  export let chromium = true;

  onMount(() => {
@ -12,29 +12,23 @@
  });
 </script>

-<style lang="scss">
-.container {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 100%;
-  height: 100vh;
-  height: 100dvh;
-}
-</style>

-<div class="container">
-  <div class="banner">
+<div class="container flex mx-auto h-screen">
+  <div class="m-auto">
    {#if browserName }
    <center>
      {#if chromium}
-        <h1>{browserName} is not supported by this Website</h1>
-        <h2>Use a different web browser</h2>
-        <h4><a href="/">Why?</a></h4>
+        <h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">{ browserName } is not supported by this Website</h1>
+        <h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">Use a different web browser</h2>
+        <h4 class="leading-normal lg:leading-normal text-2xl lg:text-4xl">
+          <a class="underline text-blue visited:text-purple-600" href="/">Why?</a>
+        </h4>
      {:else }
-        <h1>Congrats, you're not using Chromium</h1>
-        <h2>So why are you here?</h2>
-        <h4><a href="/">More Info</a></h4>
+        <h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">Congrats, you're not using Chromium</h1>
+        <h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">So why are you here?</h2>
+        <h4 class="leading-normal lg:leading-normal text-2xl lg:text-4xl">
+          <a class="underline text-blue visited:text-purple-600" href="/">More Info</a>
+        </h4>
      {/if }
    </center>
    {/if }
--- a/static/popup.js
+++ b/static/popup.js
@ -13,7 +13,7 @@ async function showNoChromiumPopup() {
      document.body.appendChild(child);
    }

-    document.querySelector("#no-chromium-popup").style = "";
+    document.querySelector("#no-chromium-popup").style = "z-index: 9999;";
    document.querySelector("#no-chromium-hide-button").addEventListener("click", hideNoChromiumPopup);
  }
 }
--- a/tailwind.config.js
+++ b/tailwind.config.js
@ -1,9 +1,13 @@
+const plugin = require("tailwindcss/plugin");
+
 /** @type {import('tailwindcss').Config} */
 export default {
  content: ["./src/**/*.{htm,js,svelte,ts}"],
  theme: {
    extend: {},
  },
-  plugins: [],
+  plugins: [    
+    require('@tailwindcss/typography'),
+  ],
 }
Author	SHA1	Message	Date
Trivernis	e7c015e47b	Merge pull request 'Remove w-screen from container' (#15 ) from punishedbernadetta-patch-1 into main Reviewed-on: Trivernis/no-chromium#15	1 year ago
punishedbernadetta	7babf4f929	removed w-screen from container It makes the page scroll vertically which is annoying. And w-screen isn't even needed to make the thing full screen.	1 year ago
trivernis	62132def6d	Fix the missing style of the redirect page	1 year ago
trivernis	9a7ffb2aca	Prerender static pages	1 year ago
trivernis	113d43bdaa	Fix main page prose max width	1 year ago
Trivernis	4418c4dfe0	Merge branch 'prod' into main	1 year ago
trivernis	ea7ee26271	Add tailwind css classes	1 year ago
trivernis	295092f660	Move references to Articles	1 year ago
trivernis	ddf5fd0ad5	Add short Web Environment Integrity explanation	1 year ago
Trivernis	60d1c27ac3	Merge pull request 'main' (#12 ) from main into prod Reviewed-on: Trivernis/no-chromium#12	1 year ago
trivernis	11779ab348	Only one z-index can survive	1 year ago
Trivernis	05b0ec3c45	Merge pull request 'Give the popup window a z-index of 10' (#11 ) from CyanNex/no-chromium:main into main Reviewed-on: Trivernis/no-chromium#11	1 year ago
Trivernis	0370269e52	Merge pull request 'Add z-index to popup' (#10 ) from main into prod Reviewed-on: Trivernis/no-chromium#10	1 year ago
trivernis	01771ee3d3	Add z-index to popup	1 year ago
Nex	8739bc84cc	Give the popup window a z-index of 10	1 year ago