Pages: Use JSON for front matter

Author: scottgonzalez

CONTRIBUTING.md

@@ -1,10 +1,12 @@
----
-title: Contributing
-customFields:
-  -
-    key: "is_chapter"
-    value: 0
----
+<script>{
+	"title": "Contributing",
+	"customFields": [
+		{
+			"key": "is_chapter",
+			"value": 0
+		}
+	]
+}</script>
 
 Depending on your level of experience with some of the workflows common to many open source projects, e.g. git/GitHub, the command line, and setting up a local development environment, contributing to this site may be a breeze or come with a bit of a learning curve. If you fit into the former group, great! Jump ahead to learn how to get started.
 

page/about-jquery.md

@@ -1,10 +1,12 @@
----
-title: About jQuery
-level: beginner
-customFields:
- -
-    key: "icon"
-    value: "certificate"
----
+<script>{
+	"title": "About jQuery",
+	"level": "beginner",
+	"customFields": [
+		{
+			"key": "icon",
+			"value": "certificate"
+		}
+	]
+}</script>
 
 Getting started with jQuery can be easy or challenging, depending on your experience with JavaScript, HTML, CSS, and programming concepts in general. In addition to these articles, you can read about the [history of jQuery](https://jquery.org/history/) and the [licensing terms](https://jquery.org/license/) that apply to jQuery projects. You can also [make a donation](https://jquery.org/donate/) to help the [jQuery team](https://jquery.org/team/) continue to improve jQuery.

page/about-jquery/additional-support.md

@@ -1,6 +1,6 @@
----
-title   : Additional jQuery Support
----
+<script>{
+	"title": "Additional jQuery Support"
+}</script>
 
 While we hope to cover most jQuery-related topics on this site, you may need additional or more immediate support. The following resources can prove useful.
 

page/about-jquery/how-jquery-works.md

@@ -1,7 +1,7 @@
----
-title   : How jQuery Works
-level: beginner
----
+<script>{
+	"title": "How jQuery Works",
+	"level": "beginner"
+}</script>
 
 ### jQuery: The Basics
 

page/about.md

@@ -1,10 +1,12 @@
----
-title: About This Site
-customFields:
-  -
-    key: "is_chapter"
-    value: 0
----
+<script>{
+	"title": "About This Site",
+	"customFields": [
+		{
+			"key": "is_chapter",
+			"value": 0
+		}
+	]
+}</script>
 
 Learning how and when to use jQuery is a different process for each and every web developer, depending largely on experience with the primary tools for front-end development (HTML, CSS, and JavaScript) and knowledge of general programming principles. Over the years developers of all stripes have come to rely on our [API documentation](http://api.jquery.com) for help figuring out how to do exactly what they need to do.
 

page/ajax.md

@@ -1,11 +1,13 @@
----
-title: Ajax
-level: beginner
-customFields:
- -
-    key: "icon"
-    value: "refresh"
----
+<script>{
+	"title": "Ajax",
+	"level": "beginner",
+	"customFields": [
+		{
+			"key": "icon",
+			"value": "refresh"
+		}
+	]
+}</script>
 
 Traditionally webpages required reloading to update their content. For web-based email this meant that users had to manually reload their inbox to check and see if they had new mail. This had huge drawbacks: it was slow and it required user input. When the user reloaded their inbox, the server had to reconstruct the entire web page and resend all of the HTML, CSS, JavaScript, as well as the user's email. This was hugely inefficient. Ideally, the server should only have to send the user's new messages, not the entire page. By 2003, all the major browsers solved this issue by adopting the XMLHttpRequest (XHR) object, allowing browsers to communicate with the server without requiring a page reload.
 

page/ajax/ajax-and-forms.md

@@ -1,10 +1,9 @@
----
-title: Ajax and Forms
-level: beginner
-source: http://jqfundamentals.com/legacy
-attribution:
-  - jQuery Fundamentals
----
+<script>{
+	"title": "Ajax and Forms",
+	"level": "beginner",
+	"source": "http://jqfundamentals.com/legacy",
+	"attribution": [ "jQuery Fundamentals" ]
+}</script>
 
 jQuery's ajax capabilities can be especially useful when dealing with forms. There are several advantages, which can range from serialization, to simple client-side validation (e.g. "Sorry, that username is taken"), to [prefilters](http://api.jquery.com/jQuery.ajaxPrefilter/) (explained below), and even more!
 

page/ajax/ajax-events.md

@@ -1,10 +1,9 @@
----
-title   : Ajax Events
-level: beginner
-source: http://jqfundamentals.com/legacy
-attribution:
-  - jQuery Fundamentals
----
+<script>{
+	"title": "Ajax Events",
+	"level": "beginner",
+	"source": "http://jqfundamentals.com/legacy",
+	"attribution": [ "jQuery Fundamentals" ]
+}</script>
 
 Often, you'll want to perform an operation whenever an Ajax requests starts or stops, such as showing or hiding a loading indicator. Rather than defining this behavior inside every Ajax request, you can bind Ajax events to elements just like you'd bind other events. For a complete list of Ajax events, visit [Ajax Events documentation on docs.jquery.com](http://docs.jquery.com/Ajax_Events).
 

page/ajax/jquery-ajax-methods.md

@@ -1,10 +1,9 @@
----
-title   : jQuery's Ajax-Related Methods
-level: beginner
-source: http://jqfundamentals.com/legacy
-attribution:
-    - jQuery Fundamentals
----
+<script>{
+	"title": "jQuery's Ajax-Related Methods",
+	"level": "beginner",
+	"source": "http://jqfundamentals.com/legacy",
+	"attribution": [ "jQuery Fundamentals" ]
+}</script>
 
 While jQuery does offer many Ajax-related convenience methods, the core `$.ajax()` method is at the heart of all of them, and understanding it is imperative. We'll review it first, and then touch briefly on the convenience methods.
 

page/ajax/key-concepts.md

@@ -1,10 +1,9 @@
----
-title   : Key Concepts
-level: beginner
-source: http://jqfundamentals.com/legacy
-attribution:
-  - jQuery Fundamentals
----
+<script>{
+	"title": "Key Concepts",
+	"level": "beginner",
+	"source": "http://jqfundamentals.com/legacy",
+	"attribution": [ "jQuery Fundamentals" ]
+}</script>
 
 Proper use of Ajax-related jQuery methods requires understanding some key concepts first.