Retire the iframe in favour of a button per review.

Author: meldra

content/create.md

@@ -1,20 +1,20 @@
 ---
 title: "Create a CodeMeta file"
-layout: wide
+layout: single
 ---
 
 Need to generate a CodeMeta compliant metadata file? The folks at
 [Software Heritage](https://www.softwareheritage.org) maintain this tool to
 make that easy.
 
-The form below is both a generator and a validator for `codemeta.json` files.
-It can be [accessed directly](https://github.com/codemeta/codemeta-generator).
+Click the button below to open the CodeMeta generator in a new tab. The tool
+is both a generator and a validator for `codemeta.json` files.
 
 ## Create a new CodeMeta file
 
-Generate a CodeMeta file by filling out the fields in the form below
-according to the [CodeMeta terms](/terms) definitions. The `Name` field in
-the first section is mandatory.
+Generate a CodeMeta file by filling out the fields in the form according to 
+the [CodeMeta terms](/terms) definitions. The `Name` field in the first 
+section is mandatory.
 
 Providing the `Name` of your software will result in a basic `codemeta.json`
 output in the final textarea. Filling out additional fields will build a
@@ -37,23 +37,9 @@ textarea will allow you to:
 - Pre-fill the other form fields with your current values using the
 `Import codemeta.json` button.
 
+
 {{< rawhtml >}}
-<script type="text/javascript">
-  function iframeResize() {
-      const iFrameID = document.getElementById('generator');
-      if(iFrameID) {
-            iFrameID.height = "";
-            iFrameID.height = (iFrameID.contentWindow.document.body.scrollHeight + 50) + "px";
-      }   
-  }
-window.addEventListener('resize', function() {
-  iframeResize()
-});
-
-</script>
-<iframe id="generator" title="CodeMeta Generator" onload="iframeResize()" src="/codemeta-generator" class="d-inline-block w-100" frameborder="0">
-  If there is no form visible here, you can also access the [CodeMeta Generator](https://codemeta.github.io/codemeta-generator) directly. This may be due to browser security settings.
-</iframe>
+  <a class="fw-bold btn btn-lg btn-primary my-5" href="/codemeta-generator" target="_blank">Open the CodeMeta Generator</a><br>
 
   <a href="https://www.softwareheritage.org">
   <img alt="" src="/img/swh-logo.png" style="height: 50px;"/> Software Heritage</a>