Material Theme (#13)

* material theme

* first pass at codemeta generation form

* add download action on submit

Author: cboettig

config.toml

@@ -1,4 +1,4 @@
-theme = "hugo-now-ui"
+theme = "hugo-material"
 baseurl = "/"
 relativeurls = true
 title = "The CodeMeta Project"
@@ -41,7 +41,7 @@ publishDir = "../website"
 [params]
     name =  "codemeta"
     github =  "codemeta"
-    custom_css = ["cboettig.css"]
+    #custom_css = ["cboettig.css"]
     repo = "codemeta.github.io"
     background = "img/pyramids.jpg"
 

content/create.md

@@ -0,0 +1,6 @@
+---
+title: "Create a CodeMeta file"
+#layout: login
+---
+
+{{< react-schema >}}

layouts/shortcodes/react-schema.html

@@ -0,0 +1,47 @@
+<div id="app"></div>
+
+<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script>
+<script src="https://unpkg.com/react-jsonschema-form/dist/react-jsonschema-form.js"></script>
+<script type="text/javascript" src="/schema.json"></script>
+<script type="text/javascript" src="/uiSchema.json"></script>
+
+<script>
+  const Form = JSONSchemaForm.default;
+  
+  
+
+  const formData= {
+      "@context": "https://doi.org/10.5063/schema/codemeta-2.0",
+      "@type": "SoftwareSouceCode"
+  }
+
+  const log = (type) => console.log.bind(console, type);
+
+  function saveData(data, fileName) {
+      log("submitted")
+      var content = JSON.stringify(data, null, 2);
+      var a = document.createElement("a");
+      var file = new Blob([content], {type: "application/json"});
+      a.href = URL.createObjectURL(file);
+      a.download = fileName;
+      a.click();
+  };
+  const onSubmit = ({formData}) => saveData(formData, "codemeta.json");
+
+  
+  var fileName = "codemeta.json";
+  ReactDOM.render(React.createElement(Form, {
+                schema: schema,
+                uiSchema: uiSchema,
+                formData: formData,
+                onChange: log("changed"),
+                onSubmit: onSubmit,
+                onError: log("errors")
+            }), document.getElementById("app"));
+  
+    
+
+
+  
+</script>

static/SoftwareSourceCode.json

@@ -0,0 +1,52 @@
+const schema =  {
+	"id": "SoftwareSourceCode.json",
+	"title": "SoftwareSourceCode",
+	"format": "http://schema.org/SoftwareSourceCode",
+	"media": {"type": "application/json;profile=http://schema.org/SoftwareSourceCode"},
+	"type": "object",
+	"properties": {
+
+
+	"codeRepository": {
+			"type": "array",
+			"items": {
+				"type": "string",
+				"format": "uri",
+				"links": [{
+					"rel": "http://schema.org/codeRepository",
+					"href": "{+$}",
+					"linkSource": 2
+				}]
+			}
+		},
+		"programmingLanguage": {"type": "string"},
+		"targetProduct": {"type": "string"},
+		"runtimePlatform": {
+			"description": "Runtime platform or script interpreter dependencies (Example - Java v1, Python2.3, .Net Framework 3.0)",
+			"type": "string"
+		},
+		
+		
+		"sameAs": {
+			"type": "array",
+			"items": {
+				"type": "string",
+				"format": "uri"
+			}
+		},
+		"url": {
+			"type": "string",
+			"format": "uri"
+	  },
+	  "description": {
+			"title": "Description",
+			"description": "A short description of the item.",
+			"type": "string"
+		},
+		"name": {
+			"title": "Name",
+			"description": "The name of the item.",
+			"type": "string"
+		}
+	}
+};

static/example.json

@@ -0,0 +1,36 @@
+ const schema =  {
+    title: "A registration form",
+    description: "A simple form example.",
+    type: "object",
+    required: ["firstName", "lastName"],
+    properties: {
+      firstName: {
+        type: "string",
+        title: "First name",
+        default: "Chuck",
+      },
+      lastName: {
+        type: "string",
+        title: "Last name",
+      },
+      age: {
+        type: "integer",
+        title: "Age",
+      },
+      bio: {
+        type: "string",
+        title: "Bio",
+      },
+      password: {
+        type: "string",
+        title: "Password",
+        minLength: 3,
+      },
+      telephone: {
+        type: "string",
+        title: "Telephone",
+        minLength: 10,
+      },
+    },
+  };
+