forget about dynamic opengraph tags and message previews

linked blocks

README.md

@@ -4,24 +4,30 @@
 - run and share HTML CSS JS
 - no account, no cookies, no database
 
-### tests
+[try it](https://nicopowa.github.io/snippets/)
+
+### about
+
+- code is stored into localStorage or URL #hash, never sent to server
+- don't forget to export a backup before clearing browser cache
+- or use a URL shortener service and bookmark snippets share links
+- first JS code block is main, runs last
+
+### examples
 
 - [helloworld](https://nicopowa.github.io/snippets/#H4sIAAAAAAAAClWPQQrCMBBFryJ/pTC4cDkepe2itmPTOkkkSZFSendJqoK7x3/M/JkVCQwjqv7w8kF7EAJ4hWutgDFFENLyzBxmB4KRcTAJfCHcfL+A761GIXTeRa8CTmEWwuiihPSzUwRXDaGLH9DRPcAVTLKKPW82gu3ByC05LlQmMuQV35az+uFY73fXOF1r9y/KK1lgewPwkYV24gAAAA==)
-- [sudoku](https://nicopowa.github.io/snippets/#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)
-- [three](https://nicopowa.github.io/snippets/#H4sIAAAAAAAACq1XbU/bSBD+K6P9gqP6bCe0Us800ukogkqgQ3A9PhA+bOwJ3nS9a+2uQyjKfz/tix0b6An1mkiJM687M8/MTp6IITkxlUIkMVEkfyKC1khystYkJuaxsc+qFSQmFbL7ypB89ntMlrJ8JLlRLcakkEJLjiRfUa4xJkxoVKb/udYkv72LSaHDA2fiG8lvSWVqTjz9bheTuiQ5sW4s2T05DecKnhZiYeQG1YrLhxwqVpYojhZitxALUVCxodrLlEw3nD7msOSy+GYliD8C4Wjg77OrkxOYA32gzACrG6lMdFAZ0+g8TYtSrHVScNmWK04VJoWsU7qm25SzpU5dlpK1TtV0loVftSxbbokHk6OFsC6eTr9+2f2Xi2StS+RsoxKBJhVN7U39scmS6SxLshS3tG446nSta++5pCa5b9lr3v5SS2aOpTBKcv0L/RbBZDpy0LleiA1VUNAaFY1BFygwBoWiRIWq5zdU0VrD3Fem4Kz5IgwqjYVhUuTg4GNZDacCj6XQhgqTQ+aIupIPZ8gbVDoHh6WF2O19c9ZcWjVr/9bKC3zw9U0cPYI94R8sjFSHEUxjyGLIYOI/3qqWxfCb0/0JRa8bFBfizkXABDORTaTPWeRzumqFywx4tkubWJgurzAfuLjB5en5VeBE8ARUGEY5o9rnFXbgjPbaiUZzybbIr6hhMoIHJkr5kJS4YQXuGa9oXbPv2MszIVDdsNJU8Yh05obDc20uC8qPOWsaJu5PBF1yLGHuDugES1m0NQqT2CZPaNOgKI8rxsuoR1NSyvqEo5Xy1i00LOBG6bi2lKjje2COBC5R6cYCb4PHjhvB+yx+GRWkr4QV2+LPsgzGDpJGamYLZrMU2TInH2KY2Y/DZC/s4BoaKJxp1FRR30g/jNl0+gkty5MNCnPOtEFhS39QVFTc40GnDpMjSFNoNYIU/BHYCkyFCoFpEBKoYDV1KONSNiPbNROfme3BwiZ3OnZc0+2QmY256Gp7SQXMfa8OYucOGcNinGHNdGMPdW55EWTblXvFkG2zj/Yd22SG4J2BV5I9++AKYx+CpAOGzVEUvHY1SFOwR6ncPAln8TjwIybIJ7qitvYBQN5omsLAbjAxLO69km0zCvDUUjwczUoqiJx35rIKDD7N4TCzD+/mMAPf6CbYQlmjUY9jdLtc/dmuVqhOg0AEDFI4zGJ4/zGG2ftwWG+lpgYVo3xk5QJ1dU7rJSpzEfhRN2Psu5BcqnygcGwJ0cQm/Oz6PIILaqpEUVHKOrLzzAI9s1WKOxOalZgH7c+yXXK8ZiX27CJMAj+488EQH4mMbwl/iyTPGV5h14ftiuBLNA456nMa7/MyCXq7wUDxyr6YA9z4gut9uQPhhwUP/OdncYF2aNtHfgsZ3MUwi10TZJmdMvBzhqa9oSyzpn7a0GxgyJp6YWjDNFtyHDa7edEjepjF+5YNGqZlIXunX7/0U9tuOE7dVzyGg+c1P4BJYtfTyLOAPeNJcexmYQT9VWo7j7c4brLCXjEK7bDysOkIAUvjlnWd+qlXSjiKe1O59n23t7swncAtMLhLOqi9AC7M/ZGCr53/Gi4CHapfzcloVzoIi8kUJok22ESQJdl0nyUnbC8fL/3GFO3DX/vw1zb8Hh99AtbPEzCA0Bruks7v/4x4sAgOAGCpHdDeGthL+A7PNT5Qd56wDbxy7yrU7Lu9d6W4cUJXjhD7nggB7UaL3VgyrHjdNkHdggLzNy4lRwPVtimpwUsl1x5jF9Qoto1+3S7nTI1j6Rg+ht5JIHd/CgY36Y7s/gVolY2obw4AAA==)
-- [rainbow](https://nicopowa.github.io/snippets/#H4sIAAAAAAAACnVSwW7bMAz9FYE7JEFd29mwi7IU7YYGw9Dt0G47rOpBsZhEqUR5kpzWKPrvg2zX6TDsJr73+PhI6AkicPBS09o9QAYe+BOQtAgc9gEyiG2d3r4hyGCHeruLwN++z2DtVAs8+gYzqBwFZxD4RpqAGWgK6ONY7gPw27sMqjA8jKZ74Lewi9ZAj989Z2AVcDjfB7aLsQ68KCpF+T4oNPrgc8JYUG2LIexBh3wfzuf5PJ+/xqxOPSlsMucw+PMuMHsSJOLGUTzdSKtNy5l15EItK8yOz4WgZ0GClD70HbVUStOWs3f1YyKhXwqKYsy61XHXrPPK2UKSs9IU132onzqcfrkR9EpbOYU1Uq5dgb8POhQ1UnH5qK7Ux19prsHIhpXYkhE+sMFrOlv0bIhYB7Zk87JcpI5BLSgPGL81do3+WtIWpyl9mfV6QbN/xTc1VtE3tlMKWK3KsiwFZEzEomAe1QuemBFv0ZjkkKiy/IvaekQ6MqvVyFStHIlEjcTaNHgcn4get3KLFOVL7rR4LQ3GiMNZLryX7bRbbpYM8o02ZipAQF9aWfd7xSnaOrYZ06TwccaWZ6zH09A3ad5QnbDxOj2QV864xl/Ead864tH9qGv0n2TAaYd2IaOgIaKgfOP8pax2XYRk449zlasaixTz9C1zTYT+8/evV+xkOQgmH9LvC7E1uBSwltX91ruG1GlnxCeD7IT1xi/VZCHg7L/kh0Lpw9kkHRSe/wAbSfJX/AMAAA==)
+- [sudoku](https://nicopowa.github.io/snippets/#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)
+- [three](https://nicopowa.github.io/snippets/#H4sIAAAAAAAACq1XbW/aSBD+KyN/wag+25BW6jlFOh2NkkqJLkqulw+BD4s94KXrXWt3TUgj/vtpX2zsJD1FvYIEZl53Zp6ZHZ4CHWSBLiViEAUyyJ4CTioMsmCrgijQj7V5lg0PoqBEuil1kE1/j4KVKB6DTMsGoyAXXAmGQbYmTGEUUK5Q6u7nVgXZ/TIKcuUfGOXfguw+KHXFAkdfHqKgKgwxWEaO4Z+dlvUHTwu+0GKHcs3EQwYlLQrkpwt+WPAFzwnfEeVkCqpqRh4zWDGRfzMSxpQ9SMBQw98XN2dnMAPyQKgGWtVC6nBUal2rLEnygm9VnDPRFGtGJMa5qBKyJfuE0ZVKbLLirUrkZJr6X5UoGmaIo/HpghsXT+dfvxz+y0W8VQUyupMxR53wunKm/til8WSaxmmCe1LVDFWyVZXzXBAdbxr6mre/5IrqueBaCqZ+od/cm0wGDlrXC74jEnJSoSQRqBw5RiCRFyhRdvyaSFIpmLna5IzWX7hGqTDXVPAMLIoMq2aE41xwpQnXGaSWqErxcIGsRqkysJBa8MPRN6P1tVEz9u+NPMcHV9/Y0kM4Ev7BXAt5EsIkgjSCFMbu461qaQS/Wd2fUHS6XnHBlzYCyqkOTSJdzkKX03XDbWbAsW3a+EK3eYVZz8Udrs4vbzwnhCcgXFPCKFEur3AAa7TTjhXqa7pHdkM0FSE8UF6Ih7jAHc3xyHhF65Z+x06eco7yjha6jAakCzsjnmszkRM2Z7SuKd+ccbJiWMDMHtAKFiJvKuQ6Nm0ek7pGXsxLyoqwQ1NciOqMoZFy1g00DOAG6bg1lLDlO2AOBK5RqtoAb4dzyw3hfRq9jAqSV8KKTPGnaQpDB3EtFDUFM1kKTZnjDxFMzcdJfBS2cPUN5M80aKqwa6Qfxqxb/ZgUxdkOub6kSiM3pR/lJeEbHLXqMD6FJIFGIQjOHoGuQZcoEagCLoBwWhGLMiZEPbBdUf6Zmh7MTXInQ8cV2feZ6ZCLtrbXhMPM9WovdmaR0S/GBVZU1eZQl4YXQrpf21cE6T79aN6RSaYP3hp4JdnTD7Yw5sFLWmCYHIXea1uDJAFzlNLOE38WhwM3Yrx8rEpiau8B5IwmCfTsehP94m6kaOpBgOeG4uCo10JCaL1Tm1Wg8GkGJ6l5eDeDKbhG194Wigq1fByi2+bqz2a9RnnuBUKgkMBJGsH7jxFM3/vDOisV0SgpYQMrV6jKS1KtUOorzw/bGWPeuWBCZj2FuSGEY5Pwi9vLEK6ILmNJeCGq0MwzA/TUVClqTShaYOa1P4tmxfCWFtixcz8J3ODOekN8IDK8JdwtEj9nOIVDF7YtgivRMOSwy2l0zMvY6x16A8Upu2L2cOMKro7l9oQfFtzzn5/FBtqi7Rj5PaSwjGAa2SZIUzNl4OcMTTpDaWpM/bShac+QMfXC0I4qumLYb3b9okdUP4ubhvYapqE+e+dfv3RT22w4Vt1VPILR85qPYBybLTV0LKDPeILP7SwMobtKTeexBodNlpsrRqIZVg42LcFjadiytlM/dUoxQ77RpW3fd0e7C90K3AOFZdxC7QVwYeaO5H0d3Fd/EWhR/WpOBrvSyC8mExjHSmMdQhqnk2OWrLC5fJz0G1N0DH/rwt+a8Dt8dAnYPk9AD0JbWMat3/8ZcW8R7AHAUFugvTWwl/Dtn2t4oPY8fht45d6VqOh3c+8KfmeFbiwhcj3hAzoMFruhpF/x2m2C2AUFZm9cSk57qk1dEI3XUmwdxq6IlnQf/rpdzpoaxtIyXAydE09u/xT0btJDsDz8CzNGsCJ3DgAA)
+- [rainbow](https://nicopowa.github.io/snippets/#H4sIAAAAAAAACnVSwW7bMAz9FYE7xEFd29mwi9MU7YYGw9Dt0G47rMpBsZhEqUR5kpzWKPrvg2zH2TDsJr73+PhI6AUClOCEorV9ghQclC9AwiCUsPeQQmjr+HYNQQo7VNtdgPLt+xTWVrZQBtdgCpUlbzVCuRHaYwqKPLowlnsP5cMqhcoPD63oEcoH2AWjocdXrykY2YOh9mWeb1XYNeussiYXZI3Q+V0f84fy55/vOR2FlZVYI2XK5vjroHxeI+U3z/JWfvjJ6Wrv2aiUlO29RK0OLiMMOdUmH5Y/KJ/t/dUsm2WzPzGjYg+s0j5t+QAwrtIdgb1w4mFjKZxvhFG6LZmxZH0tKkxPzzmnV06cpDr0HbWQUtG2ZO/q50hG2+5SoDGwIQFbMMInNmyeTOecIusD1p4t2Kwo5tF0UHPKPIavjVmjuxO0xSQOKtJez2n6r/i+xiq4xnRKDstlURQFh5TxkOfMoTzikRnxFrWODpEqir+orUOkE7NcjkzVipGI1EisdYOn8ZHocSO2SEEcc8fFa6ExBBzOcu2caJNuuWk0yDZK64QDh740ou73CgmaOrQpUyTxecoWl6zH49A3cd5QnbHxOj2QVVbbxl2HpG8d8WC/1zW6j8Jj0qFdyMBpiMgp21h3I6pdFyHauNNcaavGIIUs/qBMEaH79O3LLTtbDILJRfwoPrQaFxzWonrcOtuQPO+MyskgO2O98bGazDlc/pe8yKU6XE7iQWH1+hvAXcRp/AMAAA==)
 
-### controls
+### use
 
 - "new" : create a snippet
-- "save" CTRL+S / CMD+S : save snippet
-- "run" CTRL+R / CMD+R : run snippet
+- "save" || CTRL+S : save snippet
+- "run" || CTRL+R : run snippet
 - "share" : share snippet
 - "dump" : export snippets
 - "load" : import snippets
-
-### md
-
 - "@js https://url.to/file.js" : load JS file
 - "@css https://url.to/file.css" : load CSS file
 

css/snippets.css

@@ -74,13 +74,13 @@ body {
 
 }
 
-.header > div:not(.space) {
+.header > div:not(.spc) {
 
 	margin-right: 12px;
 
 }
 
-.header > div:not(.space), 
+.header > div:not(.spc), 
 .menutools > div {
 
 	cursor: pointer;
@@ -90,7 +90,7 @@ body {
 
 }
 
-.header .space {
+.header .spc {
 
 	height: 100%;
 	flex-basis: 10%;
@@ -173,47 +173,142 @@ body {
 
 .wrap {
 
-	margin-top: .5em;
-	margin-bottom: 2em;
+	padding-top: .5em;
+	padding-bottom: 1em;
 
 }
 
 .lwrap {
 
-	margin-top: 1em;
+}
+
+.lcode {
+
+}
+
+.ltool {
+
+}
+
+.ltool > div {
+
+	padding: 4px;
+	display: inline-block;
 
 }
 
 .code {
 
 	position: relative;
-
+	margin-top: 1em;
+
+}
+
+.ctool {
+
+	display: flex;
+	justify-content: space-between;
+
+}
+
+.ctool > div {
+
+	padding: 4px;
+
+}
+
+.spc {
+
+	flex: 1;
+
+}
+
+.add::after {
+
+	content: "+" attr(lang);
+
+}
+
+.code:not(:last-child) .add {
+
+	display: none;
+
+}
+
+.code:first-child .rem {
+
+	display: none;
+
+}
+
+.rem {
+
+	display: flex;
+	justify-content: space-between;
+	gap: 2em;
+
+}
+
+.rem::after {
+
+	content: "remove";
 
 }
 
-.code:not(:first-child) {
+.rem div {
 
-	/* DELETE BLOC BTN */
+	display: none;
+
+}
+
+.rem div:first-child::after {
+
+	content: "confirm";
+
+}
+
+.rem div:last-child::after {
+
+	content: "cancel";
+
+}
+
+.rem.ask::after {
+
+	display: none;
+
+}
+
+.rem.ask div {
+
+	display: inline;
 
 }
 
 /* language indicator */
 .lang {
 
 	position: absolute;
-	left: 4px;
-	bottom: 4px;
+	left: 3px;
+	bottom: 1px;
 	pointer-events: none;
-	font-size: 13px;
-	z-index: 10;
+	font-size: 10px;
+	line-height: 10px;
 	color: #666666;
 
 }
 
+.lang::after {
+
+	content: attr(lang);
+
+}
+
 /* code editor max height */
 .prism-live {
 
 	/* max-height: 400px; */
+	padding-bottom: 6px !important;
 
 }
 
@@ -225,6 +320,7 @@ pre.prism-live {
 
 textarea.prism-live {
 
+	overflow-x: scroll;
 	overflow-y: hidden;
 
 }
@@ -253,70 +349,65 @@ textarea.prism-live {
 
 .cmds {
 
-	margin: 1em;
+	margin: .6em;
 	margin-top: 1.5em;
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
-	color: #666666;
 	user-select: none;
 
 }
 
-.cmd {
+.cmd, 
+.ver {
 
 	cursor: pointer;
-	font-size: large;
-
-}
-
-.cmd.more::before {
-
-	content: "+code";
+	font-size: 1em;
+	color: #666666;
 
 }
 
-.cmd.delete {
+.del {
 
 	display: flex;
+	justify-content: space-between;
+	gap: 2em;
 
 }
 
-.cmd.delete::before {
+.del::after {
 
 	content: "delete";
 
 }
 
-.cmd.delete.del-yes::before {
+.del div {
 
-	content: "confirm";
+	display: none;
 
 }
 
-.cmd.delete .del-space {
+.del div:first-child::after {
 
-	display: none;
-	width: 2em;
+	content: "confirm";
 
 }
 
-.delete .del-no {
+.del div:last-child::after {
 
-	display: none;
+	content: "cancel";
 
 }
 
-.cmd.delete.del-yes .del-no, 
-.cmd.delete.del-yes .del-space {
+.del.ask::after {
 
-	display: inherit;
+	display: none;
 
 }
 
-.cmd.delete .del-no::before {
+.del.ask div {
 
-	content: "cancel";
+	display: inline;
 
 }
 
@@ -465,9 +556,8 @@ textarea.prism-live {
 
 	}
 
-	.header > div:not(.space), 
+	.header > div:not(.spc), 
 	.menutools > div, 
-	.moretools > div, 
 	.snippet-title {
 
 		color: #999999;
@@ -483,7 +573,8 @@ textarea.prism-live {
 	.menulist a, 
 	.about, 
 	.lang, 
-	.cmds {
+	.cmd, 
+	.ver {
 
 		color: #999999;