vincentorback/just-write

## just-write
Paste this into your browser:

data:text/html,<html><head><title>Just write!</title><style>*{margin: 0 padding: 0}body{width: 90%; max-width: 650px; margin: 5% auto;}@media (min-width:800px){body{font-size: 2em;}}</style><script>var body=document.body if(localStorage.justWrite) body.innerHTML=localStorage.justWrite} function downloadInnerHtml(filename,mimeType){var elHtml=body.innerHTML var link=document.createElement('a') mimeType=mimeType||'text/plain' filename=filename||'document.txt' link.setAttribute('download',filename) link.setAttribute('href','data:'+mimeType+'charset=utf-8,'+encodeURIComponent(elHtml)) link.click()} window.onkeydown=function(event){if((event.key===83)&&(event.metaKey||event.ctrlKey)){downloadInnerHtml() e.preventDefault() return false} localStorage.justWrite=body.innerHTML}</script></head><body contenteditable></body></html>


<!--
TODO:
- CMD + S to save file. ✓
- Auto focus on input
- Choose file extension .md, .txt, .doc
- Name save file
- Save in localstorage as you write
-->

## just-write-full
data:text/html,
<html>
<head>
<title>Just write!</title>
<style>
* {
  margin: 0;
  padding: 0;
}
body{
  width: 90%;
  max-width: 650px;
  margin: 5% auto;
}
@media (min-width:800px) {
  body {
    font-size: 2em;
  }
}
</style>
<script>
var body = document.body

if (window.localStorage.justWrite) {
  body.innerHTML = window.localStorage.justWrite
}

function downloadInnerHtml (filename, mimeType) {
  var link = document.createElement('a')
  mimeType = mimeType || 'text/plain'
  filename = filename || 'document.txt'

  link.setAttribute('download', filename)
  link.setAttribute('href', 'data:' + mimeType + 'charset=utf-8,' + encodeURIComponent(body.innerHTML))
  link.click()
}

window.onkeydown = function (event) {
  if ((event.key === 83) && (event.metaKey || event.ctrlKey)) {
    downloadInnerHtml()
    event.preventDefault()
    return false
  }

  window.localStorage.justWrite = body.innerHTML
}
</script>
</head>
<body contenteditable></body>
</html>
	Paste this into your browser:

	data:text/html,<html><head><title>Just write!</title><style>*{margin: 0 padding: 0}body{width: 90%; max-width: 650px; margin: 5% auto;}@media (min-width:800px){body{font-size: 2em;}}</style><script>var body=document.body if(localStorage.justWrite) body.innerHTML=localStorage.justWrite} function downloadInnerHtml(filename,mimeType){var elHtml=body.innerHTML var link=document.createElement('a') mimeType=mimeType\|\|'text/plain' filename=filename\|\|'document.txt' link.setAttribute('download',filename) link.setAttribute('href','data:'+mimeType+'charset=utf-8,'+encodeURIComponent(elHtml)) link.click()} window.onkeydown=function(event){if((event.key===83)&&(event.metaKey\|\|event.ctrlKey)){downloadInnerHtml() e.preventDefault() return false} localStorage.justWrite=body.innerHTML}</script></head><body contenteditable></body></html>


	<!--
	TODO:
	- CMD + S to save file. ✓
	- Auto focus on input
	- Choose file extension .md, .txt, .doc
	- Name save file
	- Save in localstorage as you write
	-->
	data:text/html,
	<html>
	<head>
	<title>Just write!</title>
	<style>
	* {
	margin: 0;
	padding: 0;
	}
	body{
	width: 90%;
	max-width: 650px;
	margin: 5% auto;
	}
	@media (min-width:800px) {
	body {
	font-size: 2em;
	}
	}
	</style>
	<script>
	var body = document.body

	if (window.localStorage.justWrite) {
	body.innerHTML = window.localStorage.justWrite
	}

	function downloadInnerHtml (filename, mimeType) {
	var link = document.createElement('a')
	mimeType = mimeType \|\| 'text/plain'
	filename = filename \|\| 'document.txt'

	link.setAttribute('download', filename)
	link.setAttribute('href', 'data:' + mimeType + 'charset=utf-8,' + encodeURIComponent(body.innerHTML))
	link.click()
	}

	window.onkeydown = function (event) {
	if ((event.key === 83) && (event.metaKey \|\| event.ctrlKey)) {
	downloadInnerHtml()
	event.preventDefault()
	return false
	}

	window.localStorage.justWrite = body.innerHTML
	}
	</script>
	</head>
	<body contenteditable></body>
	</html>