28:null 29:["$","title",null,{"children":"Markdown Basics for Simple Web Presentation | Shipeng Sun | Observable"}] 2f:[{"id":"1bf74bbd056a2f99de50ec08a58007bd196cc18da4fc6c4b0834049e27bbce751e84c6f3e6ef01544417d876c38281bf0ffed3f91b92f1335c1a911dc67c1b04","href":"https://static.observableusercontent.com/files/1bf74bbd056a2f99de50ec08a58007bd196cc18da4fc6c4b0834049e27bbce751e84c6f3e6ef01544417d876c38281bf0ffed3f91b92f1335c1a911dc67c1b04","name":"Screenshot 2024-02-23 150626.png","type":"image/png","lastModified":1714693688799.214,"size":1101499},{"id":"53dce23657d4deb1a286bbd23f75dba0a59a7d6483f0a2b80c86cb159139e1465117cf7b96b2535186c963efd4e8e6ee32bbc7373eb6f25e7a2f52ecf2aa12b9","href":"https://static.observableusercontent.com/files/53dce23657d4deb1a286bbd23f75dba0a59a7d6483f0a2b80c86cb159139e1465117cf7b96b2535186c963efd4e8e6ee32bbc7373eb6f25e7a2f52ecf2aa12b9","name":"nyc_busi_stat.csv","type":"text/csv","lastModified":1714749450871.778,"size":493},{"id":"53dce23657d4deb1a286bbd23f75dba0a59a7d6483f0a2b80c86cb159139e1465117cf7b96b2535186c963efd4e8e6ee32bbc7373eb6f25e7a2f52ecf2aa12b9","href":"https://static.observableusercontent.com/files/53dce23657d4deb1a286bbd23f75dba0a59a7d6483f0a2b80c86cb159139e1465117cf7b96b2535186c963efd4e8e6ee32bbc7373eb6f25e7a2f52ecf2aa12b9","name":"nyc_busi_stat@1.csv","type":"text/csv","lastModified":1714749523245.068,"size":493},{"id":"53dce23657d4deb1a286bbd23f75dba0a59a7d6483f0a2b80c86cb159139e1465117cf7b96b2535186c963efd4e8e6ee32bbc7373eb6f25e7a2f52ecf2aa12b9","href":"https://static.observableusercontent.com/files/53dce23657d4deb1a286bbd23f75dba0a59a7d6483f0a2b80c86cb159139e1465117cf7b96b2535186c963efd4e8e6ee32bbc7373eb6f25e7a2f52ecf2aa12b9","name":"nyc_busi_stat@2.csv","type":"text/csv","lastModified":1714749576680.399,"size":493}] 2c:{"id":"ac6327c3c37d9b1e","slug":null,"title":" Markdown Basics for Simple Web Presentation ","thumbnail":"75bfb47315a9ed4272baecce98c2f13928d8b9626ac8cf7ee4033873763044b4","access_level":"public","create_time":"$D2024-05-02T23:48:08.799Z","update_time":"$D2024-05-03T16:23:42.457Z","view_time":null,"first_public_time":"$D2024-05-02T23:48:08.799Z","fork":{"id":"659926bb78fee0fd","slug":null,"title":"Markdown Basics","owner":{"id":"cbbecd563af3e09e","login":"suncodeearth","name":"Shipeng Sun"}},"stars":0,"starred":false,"owner":{"type":"team","id":"cbbecd563af3e09e","login":"suncodeearth","name":"Shipeng Sun","avatar_url":"https://avatars-next.observableusercontent.com/73e879a63c42c4f132b2f40c14c8d981c338f55575077f2a34fa26292dd07c9f","tier":"starter_2024"},"version":830,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"9bcb43658e33a71c","login":"suncodeearth","name":"Shipeng Sun","avatar_url":"https://avatars-next.observableusercontent.com/73e879a63c42c4f132b2f40c14c8d981c338f55575077f2a34fa26292dd07c9f","tier":null}],"members":[{"type":"individual","id":"9bcb43658e33a71c","login":"suncodeearth","name":"Shipeng Sun","avatar_url":"https://avatars-next.observableusercontent.com/73e879a63c42c4f132b2f40c14c8d981c338f55575077f2a34fa26292dd07c9f","tier":null,"role":"editor"},{"type":"team","id":"cbbecd563af3e09e","login":"suncodeearth","name":"Shipeng Sun","avatar_url":"https://avatars-next.observableusercontent.com/73e879a63c42c4f132b2f40c14c8d981c338f55575077f2a34fa26292dd07c9f","tier":"starter_2024","role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":" Markdown Basics for Simple Web Presentation ","cells":[{"id":783,"value":"

Markdown Basics for Simple Web Presentation

","pinned":false,"hidden":false,"mode":"md"},{"id":654,"value":"\n\nOne of the best places to start learning Markdown is [Markdown Guide](https://www.markdownguide.org/getting-started/)\n

","pinned":false,"hidden":false,"mode":"md"},{"id":43,"value":"\n## Headings\n\n`\"# Heading 1\"` generates \n# Heading 1.\n\nSimilarly, `\"## Level 2 Section Title\"` generates\n## Level 2 Section Title.\n\n`\"##### Level 5 subsection.\" looks like\n##### Level 5 subsection.\n\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":805,"value":"makeSeparator()","pinned":false,"hidden":false,"mode":"ojs"},{"id":701,"value":"## Quotes","pinned":false,"hidden":false,"mode":"md"},{"id":690,"value":"Using \">\" at the beginning of the lines to create quote.\n\n> *A unknown quote from an anonymous person for unclaimed reasons.*
\n>

** — Another person**

\n","pinned":false,"hidden":false,"mode":"md"},{"id":676,"value":"## Web Links\nLinks can be added using `[Link Label](URL)`. \nI want to add a [***link to our department***](http://www.geo.hunter.cuny.edu).\n\n\nTo add an image from the Internet, we can use `![Link Label](Image URL)`. For example:\n![Department Logo](http://www.geo.hunter.cuny.edu/images/GES_Banner_Final_2019.png)\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":707,"value":"## Markdown Table\n\n| First Header | Second Header | \n| :--------------: | :--------------: | \n| Content cell 1 | Content cell 2 | \n| Content column 1 | Content column 2 |\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":709,"value":"Observable also supports tables from external files. You can add a CSV file, for example, to the Notebook and Observable will render it very nicely.","pinned":false,"hidden":false,"mode":"md"},{"id":813,"value":"nyc_busi_stat2 = FileAttachment(\"nyc_busi_stat@2.csv\").csv({typed: true})","pinned":true,"hidden":false,"mode":"ojs"},{"id":820,"value":"Inputs.table(nyc_busi_stat2)","pinned":true,"hidden":false,"mode":"ojs"},{"id":823,"value":"nyc_busi_stat2","pinned":false,"hidden":false,"mode":"ojs"},{"id":19,"value":"### Markdown List\n\nMark down support unordered (using -, +, or *), ordered or numbered (number + .) lists.\n\n- Unordered list item 1\n * another level\n * another level\n- unordered list item 2\n\n\n2. List Item Three\n1. List Item One\n1. List Item Two\n","pinned":false,"hidden":false,"mode":"md"},{"id":620,"value":"makeSeparator('grey', 100, 50);","pinned":false,"hidden":false,"mode":"ojs"},{"id":78,"value":"

HTML Basics

HTML Heading 2

HTML Heading 3

\n\nI want to add a link to our department.\n

\n $\"Department$ \n

\n\n\n \n \n \n \n \n \n \n \n

First Header	Second Header
Row 1, col 1	row 1, col 2

\n\n

Item 1
Item 2

\n","pinned":false,"hidden":false,"mode":"html"},{"id":14,"value":"

HTML cell for list

List Item 1
List Item 2

\n","pinned":false,"hidden":false,"mode":"html"},{"id":627,"value":"makeSeparator('grey', 100, 50);","pinned":false,"hidden":false,"mode":"ojs"},{"id":140,"value":"## Embed Videos","pinned":false,"hidden":false,"mode":"md"},{"id":114,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":142,"value":"## Embed Images","pinned":false,"hidden":false,"mode":"md"},{"id":117,"value":"screenshot20240223150626 = FileAttachment(\"Screenshot 2024-02-23 150626.png\").image()","pinned":true,"hidden":false,"mode":"ojs"},{"id":125,"value":"

\n ${await FileAttachment(\"Screenshot 2024-02-23 150626.png\").image({width: 900, height: 350, style: \"border: 1px solid black\"})}\n

A HTML File Attachment Example: NYS Congressional Districts

\n","pinned":true,"hidden":false,"mode":"html"},{"id":120,"value":"[One image example in Markdown](${await FileAttachment(\"Screenshot 2024-02-23 150626.png\").url()})","pinned":false,"hidden":false,"mode":"md"},{"id":138,"value":"![One image example in Markdown](${await FileAttachment(\"Screenshot 2024-02-23 150626.png\").url()})","pinned":true,"hidden":false,"mode":"md"},{"id":225,"value":"viewof start = Inputs.datetime({label: \"Start date\", value: \"1982-03-06T02:30\"})","pinned":true,"hidden":false,"mode":"ojs"},{"id":803,"value":"### Embed ArcGIS Instant App in Observable Notebook","pinned":false,"hidden":false,"mode":"md"},{"id":799,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":240,"value":"### Embed ArcGIS Dashboard in Observable Notebook","pinned":false,"hidden":false,"mode":"md"},{"id":230,"value":"","pinned":true,"hidden":false,"mode":"html"},{"id":255,"value":"### Variables","pinned":false,"hidden":false,"mode":"md"},{"id":639,"value":"makeSeparator('grey', 100, 50);","pinned":true,"hidden":false,"mode":"ojs"},{"id":327,"value":"Show the current time: ${showCurrentTime()}","pinned":false,"hidden":false,"mode":"md"},{"id":325,"value":"showCurrentTime = function() {\n let t = new Date(now);\n return formatTimeVal(t.getHours()) + ':' + formatTimeVal(t.getMinutes()) + ':' + formatTimeVal(t.getSeconds()) + ':' + \n formatTimeVal(Math.round(t.getMilliseconds()/10));\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":329,"value":"formatTimeVal = (val) => {\n if (val < 10)\n return '0' + val;\n else\n return '' + val;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":641,"value":"makeSeparator('grey', 100, 50);","pinned":false,"hidden":false,"mode":"ojs"},{"id":579,"value":"# Definitions","pinned":false,"hidden":false,"mode":"md"},{"id":584,"value":"### A function that can make a separator between cells","pinned":false,"hidden":false,"mode":"md"},{"id":559,"value":"makeSeparator = (spColor = 'grey', spWidthPctg = 100, spHeight = 30, spMarginPctg = 10) => {\n return htl.svg``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":726,"value":"html``","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}} 2d:"$2c:body"