Skip to content

Instantly share code, notes, and snippets.

View zbeat's full-sized avatar

Zack Beatty zbeat

View GitHub Profile
@zbeat
zbeat / index.html
Created September 22, 2015 16:54
Localhost iFrame redirection test - KB #2
<script id="seeclickfix_nb_script" type="text/javascript" src="http://localhost:3000/assets/knowledge_base/knowledgebase.js?2"></script>
@zbeat
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>
@zbeat
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
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
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
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
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
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
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
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