From f5f78ab29034523335091283a592d396de26f3c5 Mon Sep 17 00:00:00 2001 From: Chuck Dries Date: Mon, 20 Mar 2017 21:46:44 -0700 Subject: [PATCH 1/3] Created canvas pong game in game.html --- game.html | 101 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 101 insertions(+) create mode 100644 game.html diff --git a/game.html b/game.html new file mode 100644 index 0000000..ddbfe46 --- /dev/null +++ b/game.html @@ -0,0 +1,101 @@ + + + + + + + + Test Canvas Game + + + + + + + + + + \ No newline at end of file From 2a632855d48830a77e571696caceb50b2422cd28 Mon Sep 17 00:00:00 2001 From: Chuck Dries Date: Mon, 20 Mar 2017 22:50:57 -0700 Subject: [PATCH 2/3] Some style --- roboticchuck.html | 29 +++++++++++++++++++++-------- 1 file changed, 21 insertions(+), 8 deletions(-) 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. From e0ee02c44c9295ec231a6866412f4d7b7d661cb5 Mon Sep 17 00:00:00 2001 From: Chuck Dries Date: Mon, 20 Mar 2017 22:53:34 -0700 Subject: [PATCH 3/3] style changes --- roboticchuck.html | 51 +++++++++++++++++++++++++++-------------------- 1 file changed, 29 insertions(+), 22 deletions(-) diff --git a/roboticchuck.html b/roboticchuck.html index 346223f..d24ec05 100644 --- a/roboticchuck.html +++ b/roboticchuck.html @@ -7,27 +7,33 @@ Robotic Chuck @@ -65,11 +70,10 @@

Title of box:

-

Description text:

-
- -

Enter the links to generate according to this format:

- 
[
+    
Description text:

+    
+    
Enter the links to generate according to this format:

+    
[
     {
         "headline": "A Beautiful Headline!",
         "url": "this-is-a-sample-url"
@@ -83,17 +87,20 @@
         "url": "yet-another-url"
     }
 ]
-

-
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.

-            
-        
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.
-            
<span class="here">(You are here)</span>

-            
The code generated will look roughly like this:

-            

-            
Gryphon overrides certain styles by default, so make sure to test on your article.

+
+

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.

+ +

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.

+ 
<span class="here">(You are here)</span>
+ +

The code generated will look roughly like this:

+
+

Gryphon overrides certain styles by default, so make sure to test on your article.