GBWhatsAppAPK/pages/example-page/index.json
2022-08-03 17:54:53 +00:00

8 lines
7.9 KiB
JSON

{
"is": "page",
"title": "Example Page",
"createdAt": "0001-01-01 00:00:00 +0000 UTC",
"filename": "example-page.md",
"permalink": "https://state.disroot.org/pages/example-page/",
"body": "\u003ch1 id=\"title-here\"\u003eTitle here!\u003c/h1\u003e\n\u003cp\u003eThis is an example page that demonstrates the capabilities of a Markdown page in cState.\u003c/p\u003e\n\u003cp\u003eYou can use HTML if the file extension is \u003ccode\u003e.html\u003c/code\u003e, but this one is \u003ccode\u003e.md\u003c/code\u003e.\u003c/p\u003e\n\u003cp\u003eLet us dive in.\u003c/p\u003e\n\u003cp\u003eParagraphs are separated by a blank line.\u003c/p\u003e\n\u003cp\u003e2nd paragraph. \u003cem\u003eItalic\u003c/em\u003e, \u003cstrong\u003ebold\u003c/strong\u003e, and \u003ccode\u003emonospace\u003c/code\u003e. Itemized lists\nlook like:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003ethis one\u003c/li\u003e\n\u003cli\u003ethat one\u003c/li\u003e\n\u003cli\u003ethe other one\u003c/li\u003e\n\u003c/ul\u003e\n\u003cp\u003eNote that \u0026mdash; not considering the asterisk \u0026mdash; the actual text\ncontent starts at 4-columns in.\u003c/p\u003e\n\u003cblockquote\u003e\n\u003cp\u003eBlock quotes are\nwritten like so.\u003c/p\u003e\n\u003cp\u003eThey can span multiple paragraphs,\nif you like.\u003c/p\u003e\n\u003c/blockquote\u003e\n\u003cp\u003eUse 3 dashes for an em-dash. Use 2 dashes for ranges (ex., \u0026ldquo;it\u0026rsquo;s all\nin chapters 12\u0026ndash;14\u0026rdquo;). Three dots \u0026hellip; will be converted to an ellipsis.\nUnicode is supported. ☺\u003c/p\u003e\n\u003ch2 id=\"an-h2-header\"\u003eAn h2 header\u003c/h2\u003e\n\u003cp\u003eHere\u0026rsquo;s a numbered list:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003efirst item\u003c/li\u003e\n\u003cli\u003esecond item\u003c/li\u003e\n\u003cli\u003ethird item\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eNote again how the actual text starts at 4 columns in (4 characters\nfrom the left side). Here\u0026rsquo;s a code sample:\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003e# Let me re-iterate ...\nfor i in 1 .. 10 { do-something(i) }\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eAs you probably guessed, indented 4 spaces. By the way, instead of\nindenting the block, you can use delimited blocks, if you like:\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003edefine foobar() {\n print \u0026quot;Welcome to flavor country!\u0026quot;;\n}\n\u003c/code\u003e\u003c/pre\u003e\u003cp\u003e(which makes copying \u0026amp; pasting easier). You can optionally mark the\ndelimited block for Pandoc to syntax highlight it:\u003c/p\u003e\n\u003cdiv class=\"highlight\"\u003e\u003cpre style=\"color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4\"\u003e\u003ccode class=\"language-python\" data-lang=\"python\"\u003e\u003cspan style=\"color:#f92672\"\u003eimport\u003c/span\u003e time\n\u003cspan style=\"color:#75715e\"\u003e# Quick, count to ten!\u003c/span\u003e\n\u003cspan style=\"color:#66d9ef\"\u003efor\u003c/span\u003e i \u003cspan style=\"color:#f92672\"\u003ein\u003c/span\u003e range(\u003cspan style=\"color:#ae81ff\"\u003e10\u003c/span\u003e):\n \u003cspan style=\"color:#75715e\"\u003e# (but not *too* quick)\u003c/span\u003e\n time\u003cspan style=\"color:#f92672\"\u003e.\u003c/span\u003esleep(\u003cspan style=\"color:#ae81ff\"\u003e0.5\u003c/span\u003e)\n \u003cspan style=\"color:#66d9ef\"\u003eprint\u003c/span\u003e(i)\n\u003c/code\u003e\u003c/pre\u003e\u003c/div\u003e\u003ch3 id=\"an-h3-header\"\u003eAn h3 header\u003c/h3\u003e\n\u003cp\u003eNow a nested list:\u003c/p\u003e\n\u003col\u003e\n\u003cli\u003e\n\u003cp\u003eFirst, get these ingredients:\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003ecarrots\u003c/li\u003e\n\u003cli\u003ecelery\u003c/li\u003e\n\u003cli\u003elentils\u003c/li\u003e\n\u003c/ul\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eBoil some water.\u003c/p\u003e\n\u003c/li\u003e\n\u003cli\u003e\n\u003cp\u003eDump everything in the pot and follow\nthis algorithm:\u003c/p\u003e\n\u003cpre\u003e\u003ccode\u003efind wooden spoon\nuncover pot\nstir\ncover pot\nbalance wooden spoon precariously on pot handle\nwait 10 minutes\ngoto first step (or shut off burner when done)\n\u003c/code\u003e\u003c/pre\u003e\n\u003cp\u003eDo not bump wooden spoon or it will fall.\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003cp\u003eNotice again how text always lines up on 4-space indents (including\nthat last line which continues item 3 above).\u003c/p\u003e\n\u003cp\u003eHere\u0026rsquo;s a link to \u003ca href=\"http://foo.bar\"\u003ea website\u003c/a\u003e, to a \u003ca href=\"local-doc.html\"\u003elocal\ndoc\u003c/a\u003e, and to a \u003ca href=\"#an-h2-header\"\u003esection heading in the current\ndoc\u003c/a\u003e. Here\u0026rsquo;s a footnote \u003csup id=\"fnref:1\"\u003e\u003ca href=\"#fn:1\" class=\"footnote-ref\" role=\"doc-noteref\"\u003e1\u003c/a\u003e\u003c/sup\u003e.\u003c/p\u003e\n\u003cp\u003eTables can look like this:\u003c/p\u003e\n\u003ctable\u003e\n\u003cthead\u003e\n\u003ctr\u003e\n\u003cth\u003eName Size Material Color\u003c/th\u003e\n\u003cth\u003e\u003c/th\u003e\n\u003cth\u003e\u003c/th\u003e\n\u003cth\u003e\u003c/th\u003e\n\u003c/tr\u003e\n\u003c/thead\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003ctd\u003eAll Business 9 leather brown\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eRoundabout 10 hemp canvas natural\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eCinderella 11 glass transparent\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003ctd\u003e\u003c/td\u003e\n\u003c/tr\u003e\n\u003c/tbody\u003e\n\u003c/table\u003e\n\u003cp\u003eTable: Shoes sizes, materials, and colors.\u003c/p\u003e\n\u003cp\u003e(The above is the caption for the table.) Pandoc also supports\nmulti-line tables:\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003eKeyword Text\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003ered Sunsets, apples, and\nother red or reddish\nthings.\u003c/p\u003e\n\u003cp\u003egreen Leaves, grass, frogs\nand other things it\u0026rsquo;s\nnot easy being.\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003eA horizontal rule follows.\u003c/p\u003e\n\u003chr\u003e\n\u003cp\u003eHere\u0026rsquo;s a definition list:\u003c/p\u003e\n\u003cp\u003eapples\u003cbr\u003e\n: Good for making applesauce.\u003c/p\u003e\n\u003cp\u003eoranges\u003cbr\u003e\n: Citrus!\u003c/p\u003e\n\u003cp\u003etomatoes\u003cbr\u003e\n: There\u0026rsquo;s no \u0026ldquo;e\u0026rdquo; in tomatoe.\u003c/p\u003e\n\u003cp\u003eAgain, text is indented 4 spaces. (Put a blank line between each\nterm and its definition to spread things out more.)\u003c/p\u003e\n\u003cp\u003eHere\u0026rsquo;s a \u0026ldquo;line block\u0026rdquo; (note how whitespace is honored):\u003c/p\u003e\n\u003cp\u003e| Line one\n| Line too\n| Line tree\u003c/p\u003e\n\u003cp\u003eand images can be specified like so:\u003c/p\u003e\n\u003cp\u003e\u003cimg src=\"https://via.placeholder.com/350x150\" alt=\"example image\" title=\"An exemplary image\"\u003e\u003c/p\u003e\n\u003cp\u003eInline math equation: $\\omega = d\\phi / dt$. Display\nmath should get its own line like so:\u003c/p\u003e\n\u003cp\u003e$$I = \\int \\rho R^{2} dV$$\u003c/p\u003e\n\u003cp\u003eAnd note that you can backslash-escape any punctuation characters\nwhich you wish to be displayed literally, ex.: `foo`, *bar*, etc.\u003c/p\u003e\n\u003csection class=\"footnotes\" role=\"doc-endnotes\"\u003e\n\u003chr\u003e\n\u003col\u003e\n\u003cli id=\"fn:1\" role=\"doc-endnote\"\u003e\n\u003cp\u003eSome footnote text. \u003ca href=\"#fnref:1\" class=\"footnote-backref\" role=\"doc-backlink\"\u003e\u0026#x21a9;\u0026#xfe0e;\u003c/a\u003e\u003c/p\u003e\n\u003c/li\u003e\n\u003c/ol\u003e\n\u003c/section\u003e\n"
}