spruce up design, add templatized build (#7)

* make template, content.toml, clean up old stuff

* add template system for arcade.redhat.com content

* dont say edit three times in one sentence

* partial spruce-up

* s/circle/community

.gitignore

@@ -1,3 +1,4 @@
 keycloak.json
 
 .idea
+node_modules

README.md

@@ -0,0 +1,54 @@
+# arcade.redhat.com
+
+## Updating the site
+
+### Initial setup
+
+You'll need nodejs and npm installed, then:
+
+```
+npm install
+npm start
+```
+
+### Editing content
+
+Page content is stored in `content.toml` and injected into `index-template.html` using the [squirrelly](https://squirrelly.js.org/) template engine.
+
+To update content on the site, open `content.toml` with your favorite text editor.
+
+After editing, run `npm run build` to rebuild index.html.  Commit the changes (including the rebuilt index.html), and submit a PR.
+
+#### Hero content
+
+The `[site]` section contains top-level arcade.redhat.com content.
+
+
+#### Adding/editing the games list
+
+The series of `[games.*]` sections contain content for each game listed on the arcade.  The ordering of the games on arcade.redhat.com will match the ordering of the entries within `content.toml`.
+
+To add a new game, paste the following into `content.toml`, then edit the title, description, etc to reflect the information about the game being added.
+
+```toml
+[games.name]
+title =  "Game Title"
+play = "URL to play the game"
+contribute = "URL to contribute to the game"
+thumb = "URL to a thumbnail for the game"
+description = """
+Multi-line description of the game.  Can include HTML.
+"""
+```
+
+Note, remember to replace the `name` in `[games.name]` with a shorthand or acronym for your game.  See the other games' entries for examples.
+
+After editing, remember to run `npm run build` to rebuild index.html.
+
+#### Changing layout and styles
+
+The styles are in `styles.css`, which gets bundled with esbuild into `./build/styles.css`.  The styles are fairly simple, so there's no need yet for a preprocessor.  Most of the styles come from [PatternFly Elements](https://patternflyelements.com/).
+
+The layout is stored in `index-template.html`.  During the build, the `content.toml` data gets injected into the template, and the result is written to `index.html`.  Don't edit `index.html` directly.
+
+

arcade.js

@@ -0,0 +1,5 @@
+import "@patternfly/pfe-cta";
+import "@patternfly/pfe-navigation";
+import "@patternfly/pfe-icon";
+import "@patternfly/pfe-card";
+import "@patternfly/pfe-band";

build.js

@@ -0,0 +1,28 @@
+import sqrl from "squirrelly";
+import fs from "fs";
+import toml from "toml";
+import marked from "marked";
+
+// don't auto-escpae HTML tags coming from content.toml
+sqrl.defaultConfig.autoEscape = false;
+
+// load html template
+
+const html = fs.readFileSync("index-template.html");
+
+// load and parse content.toml file
+
+const content = toml.parse(fs.readFileSync("content.toml", "utf8"));
+
+// apply markdown transformation to `description` fields in the content
+
+content.site.description = marked(content.site.description);
+for (let game of Object.values(content.games)) {
+    game.description = marked(game.description);
+}
+
+// inject content into template
+
+const output = sqrl.render(html.toString(), content, {useWith: true});
+
+fs.writeFileSync("index.html", output);

build/arcade.js.LEGAL.txt

@@ -0,0 +1,144 @@
+/*!
+ * PatternFly Elements: PFElement 1.9.3
+ * @license
+ * Copyright 2021 Red Hat, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * 
+*/
+/*!
+ * PatternFly Elements: PfeBand 1.9.3
+ * @license
+ * Copyright 2021 Red Hat, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * 
+*/
+/*!
+ * PatternFly Elements: PfeCard 1.9.3
+ * @license
+ * Copyright 2021 Red Hat, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * 
+*/
+/*!
+ * PatternFly Elements: PfeCta 1.9.3
+ * @license
+ * Copyright 2021 Red Hat, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * 
+*/
+/*!
+ * PatternFly Elements: PfeIcon 1.9.3
+ * @license
+ * Copyright 2021 Red Hat, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * 
+*/
+/*!
+ * PatternFly Elements: PfeNavigation 1.9.3
+ * @license
+ * Copyright 2021 Red Hat, Inc.
+ * 
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ * 
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * 
+*/