diff --git a/roboticchuck.html b/roboticchuck.html index fa77b95..346223f 100644 --- a/roboticchuck.html +++ b/roboticchuck.html @@ -10,6 +10,7 @@ body{ margin: auto; max-width: 800px; + line-height: 1.5; } code, #output { padding: 5px; @@ -18,11 +19,22 @@ border-radius: 3px; display: inline-block; } - - input { - width: 90%; + p{ max-width: 800px; } + input, textarea { + width: 100%; + padding: 5px; + /*max-width: 800px;*/ + } + #genbutton{ + color: white; + background: #01C106; + padding: 1em; + border: 1px solid #1E7931; + font-size: 1em; + border-radius: 3px; + } @@ -52,9 +64,10 @@

- Title of box:
Description text: -
+

Title of box:

+

Description text:

+
+

Enter the links to generate according to this format:

[
     {
@@ -72,8 +85,8 @@
 ]
 

This format is known as JSON, it's an internet standard that's supposed to be easy for humans and computers to read. Note how commas are used to separate multiple items but are never used after the last item in a set. This is important, it will not work if you include a trailing comma where there should not be one.

- -

click to generate

+ +

Generate Code

Paste the following code into a safeembed

Don't forget: For each page you embed on, add the following bit of code just before the </h4> at the end of the line on the line that corresponds to the current page.