3 files changed, 21 insertions, 15 deletions
diff --git a/app/views/layouts/wittle/application.html.erb b/app/views/layouts/wittle/application.html.erb
deleted file mode 100644
index ba450d1..0000000
--- a/app/views/layouts/wittle/application.html.erb
+++ /dev/null

@@ -1,15 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Wittle</title>
-  <%= csrf_meta_tags %>
-  <%= csp_meta_tag %>
-  <%= stylesheet_link_tag    "wittle/application", media: "all" %>
-</head>
-<body>
-<%= yield %>
-</body>
-</html>
diff --git a/app/views/layouts/wittle/application.html.haml b/app/views/layouts/wittle/application.html.haml
new file mode 100644
index 0000000..945ffc0
--- /dev/null
+++ b/app/views/layouts/wittle/application.html.haml

@@ -0,0 +1,9 @@
+!!! 5
+%html
+  %head
+    %title Wittle
+    = csrf_meta_tags
+    = csp_meta_tag
+    = stylesheet_link_tag    "wittle/application", media: "all"
+    = javascript_include_tag "wittle/application"
+  %body= yield
diff --git a/app/views/wittle/puzzles/index.html.haml b/app/views/wittle/puzzles/index.html.haml
new file mode 100644
index 0000000..dfeac3c
--- /dev/null
+++ b/app/views/wittle/puzzles/index.html.haml

@@ -0,0 +1,12 @@
+%h1 Puzzles#index
+%p Find me in app/views/wittle/puzzles/index.html.haml
+:javascript
+  loadHeader("Unnamed Puzzle")
+%div{ style: "display: flex; justify-content: center; align-items: center"}
+  %svg#puzzle{ style: "pointer-events: auto"}
+:javascript
+  window.onload = function() {
+    var puzzle = window.deserializePuzzle("_AAAAAA8PCQAAAEdlbmVyYXRlZAABAAAACAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAgAAQAAAAACAAAA/wABAAAAAAgAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAQEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAIAAAD/AAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAAAQAAAAEBAAAAAAEAAAAAAQAAAAABAAAAAQEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAAIAAEAAQAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAACAAAA/wABAAAAAAIAAAD/AAEAAAAAAgAAAP8AAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAL/////AAEAAAAAAv////8AAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAACAAAA/wABAAAAAAgAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAABAQAAAAABAAEAAAEAAAAAAQAAAAABAAAAAAL/////AAEAAAAAAgAAAP8AAQAAAAAIAAEAAAAAAv////8AAQAAAAACAAAA/wABAAAAAAIAAAD/AAEAAAAACAABAAEAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAgAAAP8AAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAACAABAAAAAAEAAAAIAQAAAAABAAAAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAEAAAAAAN")
+    draw(puzzle)
+  }

diff --git a/app/views/layouts/wittle/application.html.erb b/app/views/layouts/wittle/application.html.erb deleted file mode 100644 index ba450d1..0000000 --- a/app/views/layouts/wittle/application.html.erb +++ /dev/null
@@ -1,15 +0,0 @@
1	<!DOCTYPE html>
2	<html>
3	<head>
4	<title>Wittle</title>
5	<%= csrf_meta_tags %>
6	<%= csp_meta_tag %>
7
8	<%= stylesheet_link_tag "wittle/application", media: "all" %>
9	</head>
10	<body>
11
12	<%= yield %>
13
14	</body>
15	</html>


diff --git a/app/views/layouts/wittle/application.html.haml b/app/views/layouts/wittle/application.html.haml new file mode 100644 index 0000000..945ffc0 --- /dev/null +++ b/app/views/layouts/wittle/application.html.haml
@@ -0,0 +1,9 @@
		1	!!! 5
		2	%html
		3	%head
		4	%title Wittle
		5	= csrf_meta_tags
		6	= csp_meta_tag
		7	= stylesheet_link_tag "wittle/application", media: "all"
		8	= javascript_include_tag "wittle/application"
		9	%body= yield


diff --git a/app/views/wittle/puzzles/index.html.haml b/app/views/wittle/puzzles/index.html.haml new file mode 100644 index 0000000..dfeac3c --- /dev/null +++ b/app/views/wittle/puzzles/index.html.haml
@@ -0,0 +1,12 @@
		1	%h1 Puzzles#index
		2	%p Find me in app/views/wittle/puzzles/index.html.haml
		3	:javascript
		4	loadHeader("Unnamed Puzzle")
		5	%div{ style: "display: flex; justify-content: center; align-items: center"}
		6	%svg#puzzle{ style: "pointer-events: auto"}
		7	:javascript
		8	window.onload = function() {
		9	var puzzle = window.deserializePuzzle("_AAAAAA8PCQAAAEdlbmVyYXRlZAABAAAACAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAgAAQAAAAACAAAA/wABAAAAAAgAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAQEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAIAAAD/AAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAAIAAEAAAAAAQAAAAEBAAAAAAEAAAAAAQAAAAABAAAAAQEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAAIAAEAAQAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAACAAAA/wABAAAAAAIAAAD/AAEAAAAAAgAAAP8AAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAL/////AAEAAAAAAv////8AAQAAAAAIAAEAAAAACAABAAAAAAgAAQAAAAACAAAA/wABAAAAAAgAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAABAQAAAAABAAEAAAEAAAAAAQAAAAABAAAAAAL/////AAEAAAAAAgAAAP8AAQAAAAAIAAEAAAAAAv////8AAQAAAAACAAAA/wABAAAAAAIAAAD/AAEAAAAACAABAAEAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAgAAAP8AAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAAAv////8AAQAAAAAIAAEAAAAACAABAAAAAAEAAAAIAQAAAAABAAAAAAEAAAAAAQABAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAAAAAQAAAAABAAAAAAEAAQAAAQAAAAABAAAAEAAAAAAN")
		10	draw(puzzle)
		11	}
		12