staxman-old/templates/stack/new-form.html

{% extends "base.html" %}

{% block title %}New stack{% endblock %}

{% block content %}
<main>
	<header>
		<h1>New stack</h1>
	</header>
	<section class="editor">
		<form method="POST" action="./edit" id="editor-form">
			<div class="row">
				<input style="flex:1" name="name" type="text" placeholder="Stack name" />
			</div>
			<textarea name="source" id="editor">{}</textarea>
			<div class="row">
				<button type="submit">Create & Deploy</button>
			</div>
		</form>
	</section>
</main>

<link rel="stylesheet" href="/static/css/editor.css" />
<style scoped>
	main {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}
</style>

<script type="module">
	import Editor from "/static/js/ace.mjs";

	new Editor("editor");
</script>

{% endblock %}