{"id":35,"date":"2017-04-07T19:53:23","date_gmt":"2017-04-07T19:53:23","guid":{"rendered":"http:\/\/council.nyc.gov\/labs\/?p=35"},"modified":"2018-02-23T21:41:27","modified_gmt":"2018-02-23T21:41:27","slug":"find-my-district-widget","status":"publish","type":"post","link":"https:\/\/council.nyc.gov\/labs\/2017\/04\/07\/find-my-district-widget\/","title":{"rendered":"\u201cFind My District\u201d Widget"},"content":{"rendered":"<div class=\"row\">\n<div class=\"columns large-6 large-push-6\">\n<p>We developed this new widget so that any site can embed the &#8220;<a href=\"https:\/\/council.nyc.gov\/find-my-district-widget\/\">New York City Council Find My District&#8221;<\/a> Map.<\/p>\n<p>Embed this widget on your website to help the people in your community find their Council District.<\/p>\n<p class=\"\"><strong>Copy the following HTML code and paste it into your blog or website&#8217;s HTML.<\/strong><\/p>\n<p><textarea style=\"font-size: 0.8rem; font-family: Consolas, 'Liberation Mono', Courier, monospace;\">&lt;iframe width=&quot;315&quot; height=&quot;560&quot; src=&quot;https:\/\/council.nyc.gov\/map-widget\/&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;\/iframe&gt;<\/textarea><\/p>\n<p class=\"text-small\"><a data-toggle=\"advanced-options\"><strong>Advanced Options<\/strong><\/a><\/p>\n<p>The widget uses the <a href=\"https:\/\/developer.cityofnewyork.us\/api\/geoclient-api\">City\u2019s Geoclient API<\/a>.<\/p>\n<div id=\"advanced-options\" class=\"hide text-small\" data-toggler=\"hide\">\n<p>To embed this widget into a responsive layout, wrap the <code>&lt;iframe&gt;<\/code> in a div with the <code >.repsonsive-embed<\/code> class:<\/p>\n<pre class=\"callout secondary\">\r\n&lt;div class=&quot;repsonsive-embed&quot;&gt;\r\n    &lt;iframe width=&quot;315&quot; height=&quot;560&quot; src=&quot;https:\/\/council.nyc.gov\/map-widget\/&quot; frameborder=&quot;0&quot; allowfullscreen&gt;&lt;\/iframe&gt;\r\n&lt;\/div&gt;\r\n<\/pre>\n<p>And add the following code to your CSS:<\/p>\n<pre class=\"callout secondary text-small\">\r\n.responsive-embed {\r\n    position: relative;\r\n    height: 0;\r\n    margin-bottom: 1rem;\r\n    padding-bottom: 75%; \/\/ change this to adjust the height\/width ratio\r\n    overflow: hidden;\r\n}\r\n.responsive-embed iframe {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n<\/pre>\n<\/div>\n<\/div>\n<div class=\"columns large-6 large-pull-6\">\n<div class=\"responsive-embed\" style=\"padding-bottom:150%;\"><iframe loading=\"lazy\" width=\"315\" height=\"560\" src=\"https:\/\/council.nyc.gov\/map-widget\/\" frameborder=\"0\" allowfullscreen><\/iframe><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>We developed this new widget so that any site can embed the &#8220;<a href=\"https:\/\/council.nyc.gov\/find-my-district-widget\/\">New York City Council Find My District&#8221;<\/a> Map.<\/p>\n<p>Embed this widget on your website to help the people in your community find their Council District.<\/p>\n<p><strong>Copy the following HTML code and paste it into your blog or website&#8217;s HTML.<\/strong><\/p>\n<p>&lt;iframe width=&quot;315&quot;<\/p>\n<p>&#8230;<\/p>\n<p><strong><small><a href=\"https:\/\/council.nyc.gov\/labs\/2017\/04\/07\/find-my-district-widget\/\">READ MORE<\/a><\/small><\/strong><\/p>\n","protected":false},"author":84,"featured_media":36,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,11],"tags":[],"class_list":["post-35","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-demystify-government","category-website"],"_links":{"self":[{"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/posts\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/users\/84"}],"replies":[{"embeddable":true,"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/comments?post=35"}],"version-history":[{"count":0,"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/posts\/35\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/media\/36"}],"wp:attachment":[{"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/media?parent=35"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/categories?post=35"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/council.nyc.gov\/labs\/wp-json\/wp\/v2\/tags?post=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}