<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="Generator" content="iWeb 3.0.1" />
<meta name="iWeb-Build" content="local-build-20100620" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta name="viewport" content="width=700" />
<title>API</title>
<link rel="stylesheet" type="text/css" media="screen,print"
href="API_files/API.css" />
<!--[if lt IE 8]><link rel='stylesheet' type='text/css' media='screen,print'
href='API_files/APIIE.css'/><![endif]-->
<!--[if gte IE 8]><link rel='stylesheet' type='text/css' media='screen,print'
href='Media/IE8.css'/><![endif]-->
<style type="text/css">
/*<![CDATA[*/
@import "Scripts/Widgets/HTMLRegion/Paste.css";
/*]]>*/
</style>
<script type="text/javascript" src="Scripts/iWebSite.js"></script>
<script type="text/javascript" src="Scripts/iWebImage.js"></script>
<script type="text/javascript" src="Scripts/iWebMediaGrid.js"></script>
<script type="text/javascript"
src="Scripts/Widgets/SharedResources/WidgetCommon.js"></script>
<script type="text/javascript"
src="Scripts/Widgets/HTMLRegion/Paste.js"></script>
<script type="text/javascript" src="API_files/API.js"></script>
</head>
<body style="background: rgb(255, 255, 255)
url(API_files/PhotoGray_browser_bg-2.jpg) repeat scroll top left; margin: 0pt; "
onload="onPageLoad();" onunload="onPageUnload();">
<div style="text-align: center; ">
<div style="margin-bottom: 0px; margin-left: auto; margin-right: auto;
margin-top: 0px; overflow: hidden; position: relative; word-wrap: break-word;
text-align: left; width: 700px; " id="body_content">
<div style="background: transparent url(API_files/PhotoGray_bg_c-1.jpg) repeat
scroll top left; width: 700px; ">
<div style="float: left; margin-left: 0px; position: relative; width: 700px;
z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 700px; width: 700px; height: 700px; left: 0px;
position: absolute; top: -80px; width: 700px; z-index: 1; " class="tinyText
style_SkipStroke">
<img src="API_files/Darkroom_spotlight.jpg" alt="" style="border: none; height:
700px; width: 700px; " />
</div>
<div style="clear: both; height: 0px; line-height: 0px; " class="spacer"> </div>
</div>
<div style="height: 141px; margin-left: 0px; position: relative; width: 700px;
z-index: 10; " id="header_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div id="id1" style="height: 50px; left: 30px; position: absolute; top: 91px;
width: 640px; z-index: 1; " class="style_SkipStroke_1 shape-with-text">
<div class="text-content Normal_External_640_50" style="padding: 0px; ">
<div class="Normal">
<p style="padding-bottom: 0pt; padding-top: 0pt; "
class="paragraph_style">API</p>
</div>
</div>
</div>
<div class="tinyText" style="height: 83px; left: 14px; position: absolute; top:
-1px; width: 671px; z-index: 1; ">
<img usemap="#map1" id="shapeimage_1" src="API_files/shapeimage_1.png"
style="border: none; height: 93px; left: -7px; position: absolute; top: -7px;
width: 685px; z-index: 1; " alt="Main Site: Home - About - Photo Album - Movie
Album - Links Member Site: Launch - Agenda - Calendar - Library
- Help " title="" /><map name="map1" id="map1"><area
href="../Home/Home.html" title="../Home/Home.html"
onmouseover="IMmouseover('shapeimage_1', '0');" alt="../Home/Home.html"
onmouseout="IMmouseout('shapeimage_1', '0');" shape="rect" coords="132, 12, 189,
39" /><area href="../Home/About_Us.html" title="../Home/About_Us.html"
onmouseover="IMmouseover('shapeimage_1', '1');" alt="../Home/About_Us.html"
onmouseout="IMmouseout('shapeimage_1', '1');" shape="rect" coords="206, 12, 262,
39" /><area href="" title="" onmouseover="IMmouseover('shapeimage_1', '2');"
alt="" onmouseout="IMmouseout('shapeimage_1', '2');" shape="rect" coords="279,
12, 401, 39" /><area href="../Home/Movie_Album.html"
title="../Home/Movie_Album.html" onmouseover="IMmouseover('shapeimage_1', '3');"
alt="../Home/Movie_Album.html" onmouseout="IMmouseout('shapeimage_1', '3');"
shape="rect" coords="418, 12, 542, 39" /><area href="../Home/Links.html"
title="../Home/Links.html" onmouseover="IMmouseover('shapeimage_1', '4');"
alt="../Home/Links.html" onmouseout="IMmouseout('shapeimage_1', '4');"
shape="rect" coords="559, 12, 612, 39" /><area href="../Members/Launch.html"
title="../Members/Launch.html" onmouseover="IMmouseover('shapeimage_1', '5');"
alt="../Members/Launch.html" onmouseout="IMmouseout('shapeimage_1', '5');"
shape="rect" coords="157, 38, 226, 66" /><area href="../Members/Agenda.html"
title="../Members/Agenda.html" onmouseover="IMmouseover('shapeimage_1', '6');"
alt="../Members/Agenda.html" onmouseout="IMmouseout('shapeimage_1', '6');"
shape="rect" coords="243, 38, 312, 66" /><area href="../Members/Calendar.html"
title="../Members/Calendar.html" onmouseover="IMmouseover('shapeimage_1', '7');"
alt="../Members/Calendar.html" onmouseout="IMmouseout('shapeimage_1', '7');"
shape="rect" coords="329, 38, 414, 66" /><area href="../Members/Library.html"
title="../Members/Library.html" onmouseover="IMmouseover('shapeimage_1', '8');"
alt="../Members/Library.html" onmouseout="IMmouseout('shapeimage_1', '8');"
shape="rect" coords="431, 38, 502, 66" /><area href="../Members/Help.html"
title="../Members/Help.html" onmouseover="IMmouseover('shapeimage_1', '9');"
alt="../Members/Help.html" onmouseout="IMmouseout('shapeimage_1', '9');"
shape="rect" coords="519, 38, 566, 66" /></map><img style="height: 27px; left:
125px; position: absolute; top: 5px; width: 57px; " id="shapeimage_1_link_0"
alt="shapeimage_1_link_0" src="API_files/shapeimage_1_link_0.png" /><img
style="height: 27px; left: 199px; position: absolute; top: 5px; width: 56px; "
id="shapeimage_1_link_1" alt="shapeimage_1_link_1"
src="API_files/shapeimage_1_link_1.png" /><img style="height: 27px; left: 272px;
position: absolute; top: 5px; width: 122px; " id="shapeimage_1_link_2"
alt="shapeimage_1_link_2" src="API_files/shapeimage_1_link_2.png" /><img
style="height: 27px; left: 411px; position: absolute; top: 5px; width: 124px; "
id="shapeimage_1_link_3" alt="shapeimage_1_link_3"
src="API_files/shapeimage_1_link_3.png" /><img style="height: 27px; left: 552px;
position: absolute; top: 5px; width: 53px; " id="shapeimage_1_link_4"
alt="shapeimage_1_link_4" src="API_files/shapeimage_1_link_4.png" /><img
style="height: 28px; left: 150px; position: absolute; top: 31px; width: 69px; "
id="shapeimage_1_link_5" alt="shapeimage_1_link_5"
src="API_files/shapeimage_1_link_5.png" /><img style="height: 28px; left: 236px;
position: absolute; top: 31px; width: 69px; " id="shapeimage_1_link_6"
alt="shapeimage_1_link_6" src="API_files/shapeimage_1_link_6.png" /><img
style="height: 28px; left: 322px; position: absolute; top: 31px; width: 85px; "
id="shapeimage_1_link_7" alt="shapeimage_1_link_7"
src="API_files/shapeimage_1_link_7.png" /><img style="height: 28px; left: 424px;
position: absolute; top: 31px; width: 71px; " id="shapeimage_1_link_8"
alt="shapeimage_1_link_8" src="API_files/shapeimage_1_link_8.png" /><img
style="height: 28px; left: 512px; position: absolute; top: 31px; width: 47px; "
id="shapeimage_1_link_9" alt="shapeimage_1_link_9"
src="API_files/shapeimage_1_link_9.png" />
</div>
<div class="com-apple-iweb-widget-HTMLRegion" id="widget0" style="height: 75px;
left: 262px; opacity: 1.00; position: absolute; top: 52px; width: 182px;
z-index: 1; ">
<script type="text/javascript"><!--//--><![CDATA[//><!--
var widget0_htmlMarkupURL = ".//API_files/widget0_markup.html";
//--><!]]></script>
<div id="widget0-htmlRegion" class="html_region_widget"></div>
</div>
<script type="text/javascript"><!--//--><![CDATA[//><!--
new Paste('widget0', 'Scripts/Widgets/HTMLRegion',
'Scripts/Widgets/SharedResources', '.', {"emptyLook": false});
//--><!]]></script>
</div>
<div style="margin-left: 0px; position: relative; width: 700px; z-index: 5; "
id="body_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div id="id2" style="height: 442px; left: 31px; position: absolute; top: -9px;
width: 644px; z-index: 1; " class="style_SkipStroke_2 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_644_442"
style="padding: 0px; ">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; " class="paragraph_style_1">Welcome to the HCC Apps
API (application programming interface)! Here, you can submit ideas for
HCC Web Apps, such as the <a title="Maps.html" href="Maps.html">Maps</a>, <a
title="Feedback.html" href="Feedback.html">Feedback</a>, and <a
title="Results.html" href="Results.html">Results</a> apps. You can also
create apps that interface with the Dock.<br /></p>
<p class="paragraph_style_1"><br /></p>
<p class="paragraph_style_2">How do I submit an HCC Web App?<br /></p>
<ol>
<li style="line-height: 19px; padding-left: 17px; text-indent: -17px; "
class="full-width" value="1">
<p style="text-indent: -17px; " class="paragraph_style_3"><span
style="font-size: 14px; " class="Bullet">1.</span><span style="width: 4px; "
class="inline-block"></span>Create a name for your application and a short
summary of what purpose your app serves<br /></p>
</li>
<li style="line-height: 19px; padding-left: 17px; text-indent: -17px; "
class="full-width" value="2">
<p style="text-indent: -17px; " class="paragraph_style_3"><span
style="font-size: 14px; " class="Bullet">2.</span><span style="width: 4px; "
class="inline-block"></span>Create an icon (picture) to represent your
application<br /></p>
</li>
<li style="line-height: 19px; padding-left: 17px; text-indent: -17px; "
class="full-width" value="3">
<p style="text-indent: -17px; " class="paragraph_style_3"><span
style="font-size: 14px; " class="Bullet">3.</span><span style="width: 4px; "
class="inline-block"></span>Either submit an app idea for possible creation by
HCC management, or create an app using an HTML editor and send it to <a title="mailto:darnocs1@gmail.com?subject=HCC Web
Apps:Draft" href="mailto:darnocs1@gmail.com?subject=HCC%20Web%20Apps:Draft">darnocs1@gmail.com</a>.<br
/></p>
</li>
<li style="line-height: 19px; padding-left: 17px; text-indent: -17px; "
class="full-width" value="4">
<p style="text-indent: -17px; " class="paragraph_style_3"><span
style="font-size: 14px; " class="Bullet">4.</span><span style="width: 4px; "
class="inline-block"></span>Get your app approved by sending in the final
version to <a title="mailto:webmaster@hillcocom.org?subject=HCC Web
Apps" href="mailto:webmaster@hillcocom.org?subject=HCC%20Web%20Apps">webmaster@hillcocom.org</a>
and your app is ready for the Web App library!<br /></p>
</li>
</ol>
<p class="Free_Form"><br /></p>
<p class="paragraph_style_4">How do I create an app?<span class="style"><br
/></span></p>
<p class="paragraph_style_4"><span class="style">You have two options:<br
/></span></p>
<ol>
<li style="line-height: 18px; padding-left: 17px; text-indent: -17px; "
class="full-width" value="1">
<p style="text-indent: -17px; " class="paragraph_style_5"><span
style="font-size: 14px; position: relative; top: 0px; "
class="Bullet">1.</span><span style="width: 5px; "
class="inline-block"></span><span class="style">Create an idea for your app and
send it to </span><a title="mailto:webmaster@hillcocom.org"
href="mailto:webmaster@hillcocom.org"
class="style">webmaster@hillcocom.org</a><span
class="style">, and if the idea has merit, it will be turned into an app.<br
/></span></p>
</li>
<li style="line-height: 18px; padding-left: 17px; text-indent: -17px; "
class="full-width" value="2">
<p style="text-indent: -17px; " class="paragraph_style_5"><span
style="font-size: 14px; position: relative; top: 0px; "
class="Bullet">2.</span><span style="width: 5px; "
class="inline-block"></span><span class="style">Create an app using the HCC Web
Apps API (source code).<br /></span></p>
</li>
</ol>
<p class="paragraph_style_4"><span class="style"><br /></span></p>
<p class="paragraph_style_4">How do I use the HCC Web Apps API?<span
class="style"><br /></span></p>
<p style="padding-bottom: 0pt; " class="paragraph_style_4"><span
class="style">Click here, or click wherever you see “HCC Web Apps API.”
You will be taken to a page to view source code of this page. Simply paste
the HTML code into your HTML editor, edit out the text on this page, replace it
with your own, add any desired elements, save and email the HTML file to
</span><a title="mailto:webmaster@hillcocom.org"
href="mailto:webmaster@hillcocom.org"
class="style">webmaster@hillcocom.org</a><span
class="style">!</span></p>
</div>
</div>
</div>
<div style="height: 480px; line-height: 480px; " class="spacer"> </div>
</div>
<div style="height: 150px; margin-left: 0px; position: relative; width: 700px;
z-index: 15; " id="footer_layer">
<div style="height: 0px; line-height: 0px; " class="bumper"> </div>
<div style="height: 59px; width: 505px; height: 59px; left: 97px;
position: absolute; top: -5px; width: 505px; z-index: 1; " class="tinyText
reflection_0">
<div style="position: relative; width: 505px; ">
<img src="API_files/shapeimage_2.png" alt="" style="height: 59px; left: 0px;
position: absolute; top: 0px; width: 505px; " />
</div>
</div>
<div style="height: 96px; width: 87px; height: 96px; left: 373px;
position: absolute; top: -55px; width: 86px; z-index: 1; " class="tinyText
reflection_1">
<div style="position: relative; width: 86px; ">
<a href="Apps.html" title="Apps.html"><img src="API_files/shapeimage_3.png"
alt="" style="height: 96px; left: 0px; position: absolute; top: 0px; width:
87px; " /></a>
</div>
</div>
<div style="height: 79px; width: 74px; height: 78px; left: 262px;
position: absolute; top: -46px; width: 74px; z-index: 1; " class="tinyText
reflection_2">
<div style="position: relative; width: 74px; ">
<a href="Apps.html" title="Apps.html"><img src="API_files/shapeimage_4.png"
alt="" style="height: 79px; left: 0px; position: absolute; top: 0px; width:
74px; " /></a>
</div>
</div>
<div style="height: 49px; width: 78px; height: 49px; left: 487px;
position: absolute; top: -15px; width: 78px; z-index: 1; " class="tinyText
reflection_3">
<div style="position: relative; width: 78px; ">
<a href="Help.html" title="Help.html"><img src="API_files/shapeimage_5.png"
alt="" style="height: 49px; left: 0px; position: absolute; top: 0px; width:
78px; " /></a>
</div>
</div>
<div style="height: 50px; width: 79px; height: 50px; left: 136px;
position: absolute; top: -15px; width: 79px; z-index: 1; " class="tinyText
reflection_4">
<div style="position: relative; width: 79px; ">
<a href="Maps.html" title="Maps.html"><img src="API_files/shapeimage_6.png"
alt="" style="height: 50px; left: 0px; position: absolute; top: 0px; width:
79px; " /></a>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>