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

Reviewed-on: Trivernis/no-chromium#15

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==",
+			"integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-Y/arvbn+rrz3JCKl9C4kVNfTfSm2/mEp5FSz5EsZSANGPSlQrpRI5M4PKF+mJnE52jOO90PnPSc3Ur3bTQw0gA=="
-			"dev": true
 		},
 		"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==",
+			"integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="
-			"dev": true
 		},
 		"node_modules/utils-merge": {
 			"version": "1.0.1",

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"
 	}
 }

src/app.css

@@ -1,42 +1,9 @@
-html {
+@tailwind base;
-  font-family: Noto Sans, sans-serif;
+@tailwind components;
-  box-sizing: border-box;
+@tailwind utilities;
-}
-
-*, *:before, *:after {
-  box-sizing: inherit;
-}
 
 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;
 }

src/routes/+page.svelte

@@ -1,14 +1,13 @@
 <script>
-  import Footer from "./footer.svelte";
+  import Article from "./article.svelte";
 </script>
 
-<header class="banner">
+<header class="container mx-auto mb-20 mt-40 text-center font-bold">
-  <h1>No Chromium</h1>
+  <h1 class="leading-normal text-7xl">No Chromium</h1>
-  <h2>Do not use Chromium</h2>
+  <h3 class="leading-normal text-5xl">Use a different web browser</h3>
-  <h3>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>

src/routes/+page.ts

@@ -0,0 +1 @@
+export const prerender = true;

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>

src/routes/credits/+page.svelte

@@ -1,20 +1,20 @@
-<header class="banner">
+<header class="w-10/12 md:w-2/3 xl:w-1/2 mx-auto mb-20 prose">
-  <a href="/">Back</a>
+  <div class="mb-10 mt-10"><a href="/">Back</a></div>
   <h1>Credits</h1>
 </header>
-<main class="content">
+<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>
+  <h2><a href="https://tech.lgbt/@sara">Sara</a></h2>
-<ul>
+  <ul>
-  <li>Icons</li>
+    <li>Icons</li>
-</ul>
+  </ul>
 
-<h2><a href="https://tech.lgbt/@punishedbernadetta">Punished Bernadetta</a></h2>
+  <h2><a href="https://tech.lgbt/@punishedbernadetta">Punished Bernadetta</a></h2>
-<ul>
+  <ul>
-  <li>Style Improvements</li>
+    <li>Style Improvements</li>
-</ul>
+  </ul>
 
-<h2><a href="https://social.funkyfish.cool/@trivernis">Trivernis</a></h2>
+  <h2><a href="https://social.funkyfish.cool/@trivernis">Trivernis</a></h2>
-<ul>
+  <ul>
-  <li>Repository Owner</li>
+    <li>Repository Owner</li>
-</ul>
+  </ul>
 </main>

src/routes/credits/+page.ts

@@ -0,0 +1 @@
+export const prerender = true;

src/routes/footer.svelte

@@ -23,6 +23,14 @@
       .right {
         float: right;
       }
+
+      a {
+        text-decoration: underline;
+        color: blue;
+      }
+      a:visited {
+        color: purple;
+      }
     }
   }
 </style>

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="container flex mx-auto h-screen">
-  <div class="banner">
+  <div class="m-auto">
     {#if browserName }
     <center>
       {#if chromium}
-        <h1>{browserName} is not supported by this Website</h1>
+        <h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">{ browserName } is not supported by this Website</h1>
-        <h2>Use a different web browser</h2>
+        <h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">Use a different web browser</h2>
-        <h4><a href="/">Why?</a></h4>
+        <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>
+        <h1 class="leading-normal lg:leading-normal text-4xl lg:text-7xl">Congrats, you're not using Chromium</h1>
-        <h2>So why are you here?</h2>
+        <h2 class="leading-normal lg:leading-normal text-3xl lg:text-6xl">So why are you here?</h2>
-        <h4><a href="/">More Info</a></h4>
+        <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 }

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);
   }
 }

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'),
+  ],
 }