diff src/alternatives/standard.html @ 1:9c372fce698a

start alternatives
author Franklin Schmidt <fschmidt@gmail.com>
date Wed, 19 Apr 2023 23:04:23 -0600
parents
children
line wrap: on
line diff
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/alternatives/standard.html	Wed Apr 19 23:04:23 2023 -0600
@@ -0,0 +1,25 @@
+<!doctype html>
+<html>
+	<head>
+		<meta name="viewport" content="width=device-width, initial-scale=1">
+		<style>
+			@import "/site.css";
+
+			span[draggable] {
+				display: inline-block;
+				background-color: LightGreen;
+				padding: 8px;
+				cursor: move;
+			}
+		</style>
+	</head>
+	<body>
+		<h1>Standard Drag and Drop API</h1>
+
+		<p>As documented on <a href="https://www.w3schools.com/html/html5_draganddrop.asp">w3schools</a> and <a href="https://developer.mozilla.org/en-US/docs/Web/API/HTML_Drag_and_Drop_API">mozilla</a>.</p>
+
+		<p><span draggable="true">drag me</span></p>
+
+		<p>This works on desktop but doesn't work on mobile.  So this API is completely useless.</p>
+	</body>
+</html>