STUFF

1 files changed, 25 insertions, 3 deletions

diff --git a/templates/home.html b/templates/home.html
index aeb2739..f8102e6 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -2,7 +2,7 @@
 <h2>~welcome</h2>
 
 <p>hey there penguin! or, <strong>{{ .User.Username }}</strong>, i guess.</p>
-<p>this network does not have access to the outside internet. everything runs off of this battery, phone, and mini AP; i carry it around sometimes.</p>
+<p>this network does not serve the outside internet. everything runs off of this battery, phone, and mini AP. i carry it around sometimes.</p>
 
 <div style="text-align: center" >
   <img width="60%" src="/static/img/lab.png">
@@ -33,6 +33,7 @@ git push
   {{ end }}
 </ul>
 <script src="/static/js/waddlers.js"></script>
+<script src="/static/js/chat.js"></script>
 
 <div id="log" class="chat-log" aria-live="polite"></div>
 
@@ -43,11 +44,32 @@ git push
 
 <hr>
 
+<h3>~place</h3>
+<p>pick a color and click to drop it, scroll to zoom in, drag to pan the canvas. <span id="cooldown" class="muted"></span></p>
+
+<div id="palette" class="palette"></div>
+<div id="viewport" class="canvas-viewport">
+  <canvas id="canvas" width="{{ .Canvas.Cols }}" height="{{ .Canvas.Rows }}"></canvas>
+  <div id="pixel-cursor" class="pixel-cursor"></div>
+  <div id="coords" class="canvas-coords"></div>
+</div>
+
+<script>
+window.CANVAS = {
+  rows: {{ .Canvas.Rows }},
+  cols: {{ .Canvas.Cols }},
+  scale: {{ .Canvas.Scale }},
+  cooldownMs: {{ .Canvas.CooldownMs }},
+  palette: [{{ range $i, $c := .Canvas.Palette }}{{ if $i }}, {{ end }}"{{ $c }}"{{ end }}]
+};
+</script>
+<script src="/static/js/canvas.js"></script>
+
+<hr>
+
 <h3>~minecraft</h3>
 <p>java edition — join <code>penguins.lan</code></p>
 <p id="mc-status" class="muted">checking…</p>
 <script src="/static/js/minecraft.js"></script>
 
-
-<script src="/static/js/chat.js"></script>
 {{ end }}