add css

6 files changed, 53 insertions, 0 deletions

diff --git a/.gitignore b/.gitignore
index 496ee2c..b6f104a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,7 @@
+# Development clutter
+node_modules
+package-lock.json
+tags
+
+# MacBook system file
 .DS_Store
\ No newline at end of file
diff --git a/land-and-freedom.css b/land-and-freedom.css
new file mode 100644
index 0000000..0d6b494
--- /dev/null
+++ b/land-and-freedom.css
@@ -0,0 +1,17 @@
+#map {
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  width: 1000px;
+  height: 850px;
+  overflow: clip;
+}
+
+#map {
+  background-image: url(images/map75.png);
+}
+
+@media (min-resolution: 97dpi) {
+  #map {
+    background-image: url(images/map100.png);
+  }
+}
diff --git a/land-and-freedom.scss b/land-and-freedom.scss
new file mode 100644
index 0000000..65694fc
--- /dev/null
+++ b/land-and-freedom.scss
@@ -0,0 +1,12 @@
+#map {
+	background-repeat: no-repeat;
+	background-size: 100% 100%;
+	width: 1000px;
+	height: 850px;
+	overflow: clip;
+}
+
+#map { background-image: url(images/map75.png) }
+@media (min-resolution: 97dpi) {
+	#map { background-image: url(images/map100.png) }
+}
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..613747e
--- /dev/null
+++ b/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "land-and-freedom",
+  "version": "1.0.0",
+  "description": "",
+  "main": "rules.js",
+  "scripts": {
+    "build:scss": "sass --no-source-map land-and-freedom.scss land-and-freedom.css",
+    "watch:scss": "sass --no-source-map --watch land-and-freedom.scss land-and-freedom.css"
+  },
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "sass": "^1.81.0"
+  }
+}
\ No newline at end of file
diff --git a/play.html b/play.html
index ea74288..8fac6ec 100644
--- a/play.html
+++ b/play.html
@@ -9,6 +9,7 @@
 <link rel="icon" href="favicon.png">
 <link rel="stylesheet" href="/fonts/fonts.css">
 <link rel="stylesheet" href="/common/client.css">
+<link rel="stylesheet" href="land-and-freedom.css">
 <script defer src="/common/client.js"></script>
 <script defer src="play.js"></script>
 </head>
diff --git a/play.js b/play.js
index 35d4bd9..6a782fb 100644
--- a/play.js
+++ b/play.js
@@ -38,6 +38,7 @@ function is_action(action, arg) {
 let on_init_once = false
 
 function on_init() {
+	console.log('on_init')
 	if (on_init_once)
 		return
 	on_init_once = true
@@ -66,6 +67,7 @@ function on_init() {
 }
 
 function on_update() {
+	console.log('on_update', view)
 	on_init()
 
 	for (let s = 0; s < SPACE_COUNT; ++s)