100-lines-or-less-js-1: A CSS repository from tsellste

#(ArcGIS.js <= 100) Responsive Edition ###Welcome to the Esri Mapping App Code Challenge

Everybody loves a cool mapping app, but everyone loves a cool, responsive mapping app even more! The challenge again is to write the best mapping app with the ArcGIS API for JavaScript in 100 lines or less, except this time we'll be giving extra marks for apps that run well across mutiple devices (desktops, tablets and phones).

The prizes include one-year subscriptions to ArcGIS Online ($2500 each) and also a free 2015 Esri Dev Summit pass ($1000) for the overall winner.

To enter just make a pull request to submit your code (see How to Enter below). We'll be announcing the winners live on stage at the 2014 Esri International Developer Summit, but don't worry, you don't need to attend the conference to win. Just submit your code on time and you are good to go.

Best of luck!

Contest Period

Starts: 9:00 AM PST Friday, Feb 1, 2014
Closes: 6:00 PM PST Sunday Mar 9, 2014 (No entries will be accepted after this time.)

Entries

View all of the entries here
Check back here on Wednesday March 12th, 2014 to see the winners!

How to Enter

Fork and then clone this repo.
Add a sub-folder with your app in it (see example).
Make a pull request on the master branch to submit your entry. This request represents your agreement to the Terms and Conditions.

NOTE:

Be sure to Pull and Merge from this repo to get the latest before making your pull request! We'll publish the app on gh-pages for you.
Please create an Issue if you have a question.

Rules

Max 100 (sloc) lines of client-side JavaScript code. Max 100 chars per line. Not compressed.
Must use the ArcGIS API for JavaScript.
All ArcGIS JavaScript code must be in a single .js file (see Example below).
Each project must contain an index.html file (see Example below).
All project code (HTML, css, js...) must reside beneath a single root-level folder.
Application must be fully functional, portable, deployable and accessible from any public web-enabled directory.
Applications must be freely distributable via Apache 2.0 license.
IMPORTANT: Libraries other than the ArcGIS API for JavaScript can be used and do not count toward the 100 line limit. Libraries referenced must be published and publicly available prior to February 1, 2014. So that means you can't write libraries to hide your ArcGIS code! You can use previously published ArcGIS libraries however.

See all rules, terms and conditions here.

What can I win?

1st Place - One year ArcGIS Online Subscription & Esri Developer Summit Pass for 2015
2st Place - One year ArcGIS Online Subscription
3st Place - One year ArcGIS Online Subscription

Judging Criteria

Effective use of the ArcGIS API for JavaScript
UX and UI
Coding style
Responsive design

Judges

Example Entry

Follow the structure of this example. View it live here.

\project\
\project\index.html
\project\js\arcgis.js
\project\css\
\project\images\
\project\info.json

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">   
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
  <title>Your App</title>
  <link rel="stylesheet" href="http://js.arcgis.com/3.8/js/esri/css/esri.css">
  <script src="http://js.arcgis.com/3.8compact/"></script>
  <!-- Load your project JavaScript and CSS -->
  <link rel="stylesheet" type="text/css" href="css/project.css">
  <!-- ArcGIS.js contains the code for the contest entry --> 
  <script src="js/arcgis.js"></script>  
</head>
  <body>
    <div id="mapDiv"></div>
  </body>
</html>

Please also include a \project\info.json file to specify how your project is listed in the code challenge entries page.

{
  "projectName": "Your App Title",
  "githubAuthor": "Your Github Username"
}

Resources

Licensing

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

A copy of the license is available in the repository's license.txt file.

[](Esri Tags: ArcGIS Web Mapping Contest 100-lines-or-less Code-Challenge Responsive Mobile) [](Esri Language: JavaScript)

tsellste/100-lines-or-less-js-1