zbeat’s gists

zbeat / index.html

Last active August 29, 2015 14:06

SeeClickFix landing page - Forest Hills, TN

	<h1>Report a Problem - SeeClickFix</h1>

	<p>Now you can help report non-emergency problems to the City of Forest Hills from your smartphone, tablet, or computer, thanks to our new partnership with SeeClickFix!</p>
	<iframe src="http://seeclickfix.com/map_widgets/4510" style="display: block; margin: 0 auto; padding: 5px; width: 95%; height: 500px; border: 1px solid #ddd; box-shadow: 2px 2px 2px #aaa; border-radius: 3px;"></iframe>
	<div style="margin:10px; float:right"><img alt="Forest Hills SeeClickFix" style="width:200px" src="http://s16.postimg.org/rl9ir5t45/foresthills_seeclickfix_iphone.png"></div>
	<p>You can use the platform to report issues and ask questions related to:
	<ul>
	<li>Building Permits
	<li>Chipping/Leaves
	<li>Culvert

zbeat / index.html

Last active August 29, 2015 14:06

SeeClickFix landing page - Brookfield, MA

	<h1>Report a Problem - SeeClickFix</h1>

	<p>Now you can help report non-emergency problems to the Town of Brookfield from your smartphone, tablet, or computer, thanks to our new partnership with SeeClickFix!</p>
	<iframe src="http://seeclickfix.com/map_widgets/4569" style="display: block; margin: 10 auto; padding: 5px; width: 95%; height: 450px; border: 1px solid #ddd; box-shadow: 2px 2px 2px #aaa; border-radius: 3px;"></iframe>
	<div style="margin:10px; float:right"><img alt="Brookfield SeeClickFix" style="width:200px" src="http://s15.postimg.org/z4cighct7/brookfield_seeclickfix_iphone.png"></div>
	<p>You can use the platform to report issues and ask questions related to:
	<ul>
	<li>Graffiti
	<li>Pothole
	<li>Missing/Damaged Signs

zbeat / index.html

Last active August 29, 2015 14:07

Talk to CMHC landing page

	<h1>Talk to CMHC</h1>

	<p>See a broken chair? A bathroom that needs servicing? Graffiti that needs removal? Now you can help report non-emergency problems you find at the Connecticut Mental Health Center directly to staff, from your smartphone or a computer, thanks to our new partnership with SeeClickFix.</p>
	<iframe src="http://seeclickfix.com/map_widgets/4164" style="display: block; margin: 10 auto; padding: 5px; width: 95%; height: 450px; border: 1px solid #ddd; box-shadow: 2px 2px 2px #aaa; border-radius: 3px;"></iframe>
	<div style="margin:10px; float:right"><img alt="Talk to CMHC" style="width:300px" src="http://s30.postimg.org/6m9v2hvbl/talktocmhc_iphone.png"></div>
	<p>You can use the platform to submit requests related to:
	<ul>
	<li>Building and Maintainence
	<li>Dining/Food
	<li>Programs and Services

zbeat / index.html

Created October 7, 2014 22:30

OKC GOV landing page

	<h1>Report a Problem - OKC GOV</h1>

	<h3>Overview</h3>
	<div style="margin:10px; float:right"><img alt="OKC GOV iphone" style="width:400px" src="http://s2.postimg.org/4h93mjhqx/i_Phone_Mockup_Final_smallseal.png"></div>
	<p>Now you can report non-emergency problems directly to Oklahoma City from your smartphone, tablet, or desktop computer, thanks to our new initiative <strong>OKC GOV</strong>.</p>

	<p>Powered by the open SeeClickFix service request platform, the <strong>OKC GOV</strong> application allows you to choose from a variety of categories, including:
	<ul>
	<li>Dead Animal Removal
	<li>Graffiti Removal

zbeat / index.html

Created November 12, 2014 00:55

Map-free (building) widget example

	<div style="width:98%;">
	<iframe style="display: block; margin: 0 auto; padding: 5px; width: 90%; height: 650px; border: 1px solid #ddd; box-shadow: 2px 2px 2px #aaa; border-radius: 3px;" src="http://seeclickfix.com/buildings/581/issues"></iframe>
	</div>

zbeat / index.html

Last active October 2, 2015 19:02

Responsive SCF map widget (w/ Bootstrap)

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Report a Problem (Responsive)</title>

	<!-- Bootstrap: Latest compiled and minified CSS -->
	<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css">

zbeat / index.html

Created November 12, 2014 16:58

Responsive test 2

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<title>Responsive test 2</title>
	</head>
	<body>

	<iframe src="//seeclickfix.com/map_widgets/4697/" style="display: block; margin: 20px auto; padding: 5px; width: 95%; height: 650px; border: 1px solid #ddd; box-shadow: 2px 2px 2px #aaa; border-radius: 3px;"></iframe>

	</body>

zbeat / index.html

Created February 10, 2015 15:47

Portsmouth, NH landing page

	<h1>Report a Problem - Portsmouth Click n Fix</h1>

	<div style="margin:10px; float:right"><img alt="Taylor, MI SeeClickFix" style="width:400px" src="http://static1.squarespace.com/static/530cb9f4e4b0abf2cad11381/t/54caa766e4b0c29072c328ce/1422567272745/"></div>
	<p>Now you can report non-emergency problems directly to the City of Portsmouth from your smartphone, tablet, or computer, thanks to our new initiative <strong>Portsmouth Click n Fix</strong>. Powered by the open SeeClickFix service request platform, <strong>Portsmouth Click n Fix</strong> allows you to submit a variety of service requests, including:
	<ul>
	<li>Flooding in Road
	<li>Malfunctioning Traffic Light
	<li>Parking Ticketing
	<li>Parks
	<li>Pothole

zbeat / index.html

Created September 9, 2015 22:13

Knowledge Base embed code template

	<p>JavaScript:</p>
	<script id="seeclickfix_nb_script" type="text/javascript" src="http://seeclickfix.com/assets/knowledge_base/knowledgebase.js?3"></script>

	<p>iFrame:</p>
	<iframe src="http://seeclickfix.com/knowledge_bases/3" scrolling="yes" frameborder="0" style="width: 100%; height: 500px;"></iframe>

zbeat / index.html

Last active September 22, 2015 16:55

Localhost iFrame redirection test - KB #3

<script id="seeclickfix_nb_script" type="text/javascript" src="http://localhost:3000/assets/knowledge_base/knowledgebase.js?3"></script>

Zack Beatty zbeat