diff --git a/resources/html/testform.html b/resources/html/testform.html
new file mode 100644
index 0000000..c5b09da
--- /dev/null
+++ b/resources/html/testform.html
@@ -0,0 +1,21 @@
+
+
+
+
+
+ IReadIt test form.
+
+
+
+
+
+
diff --git a/resources/public/css/standard.css b/resources/public/css/standard.css
new file mode 100644
index 0000000..17fdd3e
--- /dev/null
+++ b/resources/public/css/standard.css
@@ -0,0 +1,287 @@
+/*
+ * Smeagol: a very simple Wiki engine
+ * Copyright (C) 2014 Simon Brooke
+
+ * This program is free software; you can redistribute it and/or
+ * modify it under the terms of the GNU General Public License
+ * as published by the Free Software Foundation; either version 2
+ * of the License, or (at your option) any later version.
+
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+
+ * You should have received a copy of the GNU General Public License
+ * along with this program; if not, write to the Free Software
+ * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301,
+ * USA.
+ */
+
+body {
+ margin: 0;
+ padding: 0;
+ font-family: sans-serif;
+}
+
+/* ids generally in document order */
+
+/* top-of-page navigation, not editable, provided by Smeagol */
+#nav{
+ margin: 0;
+ padding: 0;
+ top: 0;
+ width: 100%;
+ _position: absolute;
+ _top: expression(document.documentElement.scrollTop);
+ z-index: 149;
+ background:rgba(40,40,40,0.8);
+}
+
+#user {
+ font-height: 66%;
+ float: right;
+ padding: 0.1em 0.75em;
+ margin: 0;
+ color: white;
+}
+
+#user a {
+ color: silver;
+}
+
+/* only needed for fly-out menu effect on tablet and phone stylesheets */
+#nav-icon {
+ display: none;
+}
+
+#nav-menu {
+ margin: 0;
+ padding: 0;
+}
+
+#nav ul li {
+ padding: 0;
+ margin: 0;
+ display: inline;
+}
+
+#nav ul li a {
+ color: white;
+ text-decoration: none;
+ font-weight: bold;
+ padding: 0.1em 0.75em;
+ margin: 0;
+}
+
+#nav ul li.active a { background: silver;}
+li.nav-item a:hover { background: rgb( 240, 240, 240) }
+li.nav-item a:active { background: gray; color: white; }
+
+/* Overall container div, holds all content of page. Yes, I know it shouldn't have fixed width */
+#main-container{
+}
+
+
+/* header for all pages in the Wiki - editable, provided by users. Within main-container */
+#header {
+ margin-top: 0;
+ width:100%;
+ background-color: gray;
+ color: white;
+}
+
+#header h1 {
+ margin-top: 0;
+}
+
+/* left bar for all pages in the Wiki - editable, provided by users. Within main-container */
+#left-bar {
+ width: 17%;
+ height: 100%;
+ float: left;
+}
+
+/* content of the current in the Wiki - editable, provided by users. Within main-container */
+#content {
+ border: thin solid silver;
+ width: 80%;
+ float: right;
+ padding-bottom: 5em;
+}
+
+/* cookies information box, fixed, in right margin, just above footer */
+#cookies {
+ width: 30%;
+ float: right;
+ position: fixed;
+ bottom: 1.5em;
+ right: 0;
+ z-index: 150;
+ background: transparent;
+}
+
+/* about-cookies box: permanently visible part of cookies information box */
+#about-cookies {
+ clear: right;
+ width: 10em;
+ font-size: 66%;
+ float: right;
+ text-align: right;
+ padding: 0.25em 2em;
+ color: white;
+ background:rgba(40,40,40,0.8);
+}
+
+/* more-about-cookies box, normally hidden */
+#more-about-cookies {
+ display: none;
+ padding: 0.25em 2em;
+ color: white;
+ background:rgba(40,40,40,0.8);
+ border-bottom: thin solid white;
+}
+
+/* but magically appears on mouseover */
+#cookies:hover #more-about-cookies {
+ display: block;
+}
+
+/* footer of the page - not-editable, provided by Smeagol */
+#footer {
+ clear: both;
+ font-size: smaller;
+ text-align: center;
+ color:white;
+ background:rgba(128,128,128,0.95);
+ width: 100%;
+ margin: 0;
+ padding: 0.25em 0;
+ bottom:0;
+ position:fixed;
+ vertical-align: top;
+ z-index:150;
+ _position:absolute;
+ _top:expression(eval(document.documentElement.scrollTop+
+ (document.documentElement.clientHeight-this.offsetHeight)));
+}
+
+
+.change {
+ background-color: rgb( 223, 223, 223);
+ border: thin solid silver;
+}
+
+
+.error {
+ width: 100%;
+ background-color: red;
+ color: white;
+}
+
+.message {
+ border: thin solid red;
+}
+
+.minor-controls {
+ width: 10em;
+ float: right;
+ padding: 0.25em 2em;
+ color: white;
+ background:rgba(40,40,40,0.8);
+ font-size: 66%;
+}
+
+.minor-controls a {
+ float: right;
+ color: white;
+}
+
+.warn {
+ color: maroon;
+}
+
+.widget {
+ background-color: silver;
+ border: thin solid white;
+ margin-top: 0;
+ margin-bottom: 0;
+ width: 100%;
+}
+
+.wiki {
+ margin: 0;
+}
+
+form {
+ border: thin solid silver;
+}
+
+del {
+ color: red;
+}
+
+div.content, form, p, pre, h1, h2, h3, h4, h5 {
+ padding: 0.25em 5%;
+}
+
+dl, menu, ol, table, ul {
+ margin: 0.25em 5%;
+}
+
+input {
+ background-color: white;
+}
+
+input.action {
+ background-color: green;
+}
+
+input.action-dangerous {
+ color: white;
+ background-color: red;
+}
+
+input.required:after {
+ content: " \*";
+ color: red;
+}
+
+ins {
+ color: green;
+}
+
+label {
+ width: 20%;
+ min-width: 20em;
+ border-right: thin solid gray;
+}
+
+menu li {
+ display: inline;
+}
+
+menu li::before {
+ content: "|| ";
+}
+
+table {
+ border: 2px solid black;
+ border-collapse: collapse;
+}
+
+table.music-ruled tr:nth-child(odd) {
+ background-color: silver;
+}
+
+th, td {
+ text-align: left;
+ vertical-align: top;
+ padding: 0.15em 1.5em;
+ border: 1px solid gray;
+}
+
+th {
+ background-color: silver;
+}
+