{
"#title": "WDR",
"subtitle": "Web Data Render",
"name": "WDR",
"menu": "[Home](/wdr/) [Get Started](/wdr/start.html) [Updates](/wdr/updates.html)",
"what": {
"title" : "What is WDR?",
"description": [
"This website is a valid **[JSON](//www.json.org/)**!",
"Check the source code. Instead of the habitual HTML and CSS, you will see just a plain JSON with the website's information.",
"WDR is a format to separate the website's **information** and **design**.",
"The website is readily available to be consumed outside the browser via JSON, but also still presentable to users accessing through the web browser."
]
},
"how": {
"title": "How it works",
"description": [
"It works by embedding a small initiator at the end of the JSON file.",
"For example, this is a valid JSON and web page:",
"```{\n \"title\": \"Example Page\",\n \"description\": \"This is an example.\",\n \"#render\": \"<html hidden><script src=/render.js></script></html>\"\n}```",
"The script `render.js` receives the JSON as input and is responsible to render the page."
]
},
"hyperdata": {
"title": "Hyperdata ⚡️",
"description": [
"Get information from any WDR website easily with Hyperdata:",
"``` The future \\{{ [https://devgutt.github.io/wdr/posts/hyperdata.html] #future }}```",
"Which will output",
{ "capture": "The future {{ [https://devgutt.github.io/wdr/posts/hyperdata.html] #future }}" },
"[Know more →](/wdr/posts/hyperdata.html)"
]
},
"usage": {
"title": "Usage",
"description": [
"Follow the [Get Started](/wdr/start.html) guide to learn how to use WDR."
]
},
"examples": {
"title": "Some examples",
"description": [
"This very website!",
"[Evaluatly](https://devgutt.github.io/evaluatly/)"
]
},
"main-updates": {
"title": "Highlight Updates",
"items": [
"[Hyperdata on HTML](/wdr/posts/hyperdata-html.html) • _22 Jan 2021_",
"[Hyperdata](/wdr/posts/hyperdata.html) • _14 Dec 2020_",
"[Introducing Web Data Render (WDR)](https://devgutt.github.io/wdr) • _09 Dec 2020_"
],
"more": "[All updates →](/wdr/updates.html)"
},
"about": {
"creator": "Created by [@gpiresnt](//twitter.com/gpiresnt)",
"logo": ""
},
"#render": {
"_": "",
"css": "/wdr/css/main.css"
}
}