rjcorwin/index.html

## index.html
<html id="content">
  <head>
    <script>

      var selfArchive = new DatArchive('' + window.location)
      var state = (document.getElementById('content')).outerHTML

      // Counter for the number of state changes thus commits.
      var i = 0
      async function saveIt() {
        // Check if state is stale.
        if (state !== (document.getElementById('content')).outerHTML) {
          state = (document.getElementById('content')).outerHTML
          await selfArchive.writeFile('/index.html', state, 'utf8')
          console.log('write')
          await selfArchive.commit()
          console.log('commit')
          i++
          console.log(i)
        }
        // Debounce as to not overload network on very fast key strokes.
        setTimeout(saveIt, 500)
      }
      saveIt()

  </script>

  </head>
  <body>
    <div contenteditable="true">click here to edit</div>
  </body>
</html>
	<html id="content">
	<head>
	<script>

	var selfArchive = new DatArchive('' + window.location)
	var state = (document.getElementById('content')).outerHTML

	// Counter for the number of state changes thus commits.
	var i = 0
	async function saveIt() {
	// Check if state is stale.
	if (state !== (document.getElementById('content')).outerHTML) {
	state = (document.getElementById('content')).outerHTML
	await selfArchive.writeFile('/index.html', state, 'utf8')
	console.log('write')
	await selfArchive.commit()
	console.log('commit')
	i++
	console.log(i)
	}
	// Debounce as to not overload network on very fast key strokes.
	setTimeout(saveIt, 500)
	}
	saveIt()

	</script>

	</head>
	<body>
	<div contenteditable="true">click here to edit</div>
	</body>
	</html>