WillsonSmith/scriptable-webview-template.js

## scriptable-webview-template.js
const styles = `
html {
  font-family: -apple-system;
  font-size: 10px;
}
body {
  font-size: 1.6rem;
}

h1 {
  font-size: 2.8rem;
}
`

function Title(title, level) {
  return `<h${level || 2}>${title}</h2>`
}

function p(text) {
  return `<p>${text}</p>`
}

WebView.loadHTML(`
<html>
<head>
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <style>
    ${styles}
  </style>
</head>

<body>
  ${Title("My page", 1)}
  ${p(`
    This is my webview rendered from scriptable.
  `)}


  <script type="text/javascript">
  </script>
</body>

</html>
`);
	const styles = `
	html {
	font-family: -apple-system;
	font-size: 10px;
	}
	body {
	font-size: 1.6rem;
	}

	h1 {
	font-size: 2.8rem;
	}
	`

	function Title(title, level) {
	return `<h${level \|\| 2}>${title}</h2>`
	}

	function p(text) {
	return `<p>${text}</p>`
	}

	WebView.loadHTML(`
	<html>
	<head>
	<title></title>
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<style>
	${styles}
	</style>
	</head>

	<body>
	${Title("My page", 1)}
	${p(`
	This is my webview rendered from scriptable.
	`)}


	<script type="text/javascript">
	</script>
	</body>

	</html>
	`);