Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Added site keywords and description tags

  • Loading branch information...
commit 1ab428716b236b27958d495c3da48df47d446ddc 1 parent 6e277f0
@jenikm jenikm authored
View
7 WWW/stylesheets/style.css
@@ -52,7 +52,6 @@ a:hover {
#wrapper {
margin: 0 auto;
padding: 0;
- background: url(images/img03.gif) no-repeat center top;
}
.container {
@@ -73,7 +72,7 @@ a:hover {
#logo {
float: left;
- width: 300px;
+ width: 500px;
margin: 0;
padding: 0;
color: #B23C1C;
@@ -96,7 +95,7 @@ a:hover {
margin: 0;
padding: 0px 0 0 0px;
letter-spacing: -1px;
- font: normal 18px Georgia, "Times New Roman", Times, serif;
+ font: normal 20px Georgia, "Times New Roman", Times, serif;
font-style: italic;
color: #8E8E8E;
}
@@ -185,7 +184,6 @@ a:hover {
height: 20px;
margin-right: 1px;
padding: 100px 20px 15px 20px;
- background: url(images/img06.gif) no-repeat left 12px;
text-decoration: none;
text-align: center;
text-transform: uppercase;
@@ -394,7 +392,6 @@ a:hover {
overflow: hidden;
width: 890px;
padding: 30px 55px 50px 55px;
- background: url(images/img05.jpg) no-repeat left bottom;
}
#footer-content h2 {
View
6 WWW/views/data_extraction.html
@@ -9,7 +9,7 @@ <h2 class="title"><a href="#">Sources used</a></h2>
<ul>
<li>
<a href="http://www.census.gov/geo/www/gazetteer/gazetteer2010.html">http://www.census.gov/geo/www/gazetteer/gazetteer2010.html</a>
- <br /> Coordinates of places <small>(<a href="#csv_instruction">CSV Instructions</a>)</small>
+ <br /> Coordinates of places <small>(<a href="#csv_instructions">CSV Instructions</a>)</small>
</li>
<li>
<a href="http://www.nuforc.org/webreports/ndxloc.html">http://www.nuforc.org/webreports/ndxloc.html</a>
@@ -17,7 +17,7 @@ <h2 class="title"><a href="#">Sources used</a></h2>
</li>
<li>
<a href="http://factfinder2.census.gov">http://factfinder2.census.gov</a>
- <br /> Population density by county <small>(<a href="#csv_instruction">CSV Instructions</a>)</small>
+ <br /> Population density by county <small>(<a href="#csv_instructions">CSV Instructions</a>)</small>
</li>
<li>
<a href="http://code.google.com/apis/maps/index.html">http://code.google.com/apis/maps/index.html</a>
@@ -37,7 +37,7 @@ <h2 class="title"><a href="#">Sources used</a></h2>
</li>
<li>
<a href="www.partow.net/miscellaneous/airportdatabase/">www.partow.net/miscellaneous/airportdatabase/</a>
- <br /> Airports locations <small>(<a href="#csv_instruction">CSV Instructions</a>)</small>
+ <br /> Airports locations <small>(<a href="#csv_instructions">CSV Instructions</a>)</small>
</li>
<li>
<a href="http://militarybases.com/">http://militarybases.com/</a>
View
75 WWW/views/index.html
@@ -2,8 +2,81 @@
{% block content %}
<div id="content">
<div class="post">
+ <h2 class="title"><a href="#">Presentation Questions</a></h2>
+ <p class="meta"><span class="date"> Tuesday, October 31, 2011</span><span class="posted">Posted by <a href="#">The group</a></span></p>
+ <div style="clear: both;">&nbsp;</div>
+ <div class="entry">
+ <p>
+ <ol>
+ <li>
+ How do you do the animation in the movie?
+ <ul>
+ <li>
+ </li>
+ </ul>
+ </li>
+ <li>
+ Where did you get the weather Data? Is it for zipcodes, cities or states? For
+ everyday, month or year?<!-- Lots of data &amp; amooth visualization? -->
+ <ul>
+ <li>
+ Data came from <a href="http://www.wunderground.com">wunderground.com</a>,
+ it corresponds to City,State AND date/time (hourly) for where the sighting occurred.
+ </li>
+ </ul>
+ </li>
+ <li>
+ Our group
+ </li>
+ <li>
+ How did you correlate the weather data?
+ <ul>
+ <li>
+ We have not done correlation by weather conditions, but we did correlations by season of the year.
+ We displayed weather condition data in the sighting detail view.
+ </li>
+ </ul>
+ </li>
+ <li>
+ How did you implement your "explosion" effect on the playback?
+ <ul>
+ <li>
+ </li>
+ </ul>
+ </li>
+ <li>
+ How do you do the animation in the movie?
+ <ul>
+ <li>
+ </li>
+ </ul>
+ </li>
+ <li>
+ How did you make the dots animations when clicking on the play button?
+ Why did you use so bright colors on the graphs opposed to the black background?
+ <ul>
+ <li>
+ For color choice, it matches to the colors used on the map. Each color matches sighting type,
+ so changing colors for the sighting groups will cause inconsistency.
+ </li>
+ </ul>
+ </li>
+ <li>
+ How do you handle maintaining performance while drawing so many points?
+ <ul>
+ <li>
+ </li>
+ </ul>
+ </li>
+ </ol>
+ </p>
+ <!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
+ </div>
+ </div>
+
+ <div class="post">
<h2 class="title"><a href="#">Release notes</a></h2>
- <p class="meta"><span class="date"> Friday, October 31, 2011</span><span class="posted">Posted by <a href="#">The group</a></span></p>
+ <p class="meta"><span class="date"> Monday, October 31, 2011</span><span class="posted">Posted by <a href="#">The group</a></span></p>
<div style="clear: both;">&nbsp;</div>
<div class="entry">
<p>
View
379 WWW/views/layout.html
@@ -1,199 +1,188 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<!--
-Design by Free CSS Templates
-http://www.freecsstemplates.org
-Released for free under a Creative Commons Attribution 2.5 License
-Name : Moonlight
-Description: A two-column, fixed-width design with dark color scheme.
-Version : 1.0
-Released : 20110815
-
--->
-
<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-<meta name="keywords" content="" />
-<meta name="description" content="" />
-<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<title>It Came Out of the Sky</title>
-<link href="/stylesheets/style.css" rel="stylesheet" type="text/css" media="screen" />
-</head>
-<body>
-<div id="wrapper">
- <div id="header" class="container">
- <div id="logo">
- <h1><a href="/">Out of the Sky</a></h1>
- <p>The Unexplored Cosmos</p>
- </div>
- <div id="menu">
- <ul>
- <li class="{% ifequal current_page "home" %} current_page_item {% endifequal %}"><a href="/">Home</a></li>
- <li class="{% ifequal current_page "screenshots" %} current_page_item {% endifequal %}"><a href="/screenshots">Instructions</a></li>
- <li class="{% ifequal current_page "download" %} current_page_item {% endifequal %}"><a href="/download">Download</a></li>
- <li class="{% ifequal current_page "applet" %} current_page_item {% endifequal %}"><a href="/applet">Applet</a></li>
- <li class="{% ifequal current_page "data_extraction" %} current_page_item {% endifequal %}"><a href="/data_extraction">Data Extraction</a></li>
- <li class="{% ifequal current_page "observations" %} current_page_item {% endifequal %}"><a href="/observations">Observations</a></li>
- </ul>
- </div>
- </div>
- <!-- end #header -->
- <div id="page">
- <!-- start #content -->
- {% block content %}
- Override Me
- {% endblock %}
- <!-- end #content -->
- <div id="sidebar">
- <!-- YIELD sidebar -->
- <ul>
- <li>
- <div id="search" >
- <form method="get" action="/search">
- <div>
- Search sightings by city name:
- <input type="text" name="city_name" id="search-text" value="{{ city_name }}"/>
- <input type="submit" id="search-submit" value="Search" />
- </div>
- </form>
- </div>
- <div style="clear: both;">&nbsp;</div>
- </li>
- <li>
- <h2>Our Purpose</h2>
- <p>Correlate sightings to geographical locations</p>
- </li>
- <li>
- <h2>Sighting Types</h2>
- <ul>
- <li>Light (12,809)
- <ul>
- <li><a href="/search?shape_id=2">Light</a></li>
- <li><a href="/search?shape_id=17">Flash</a></li>
- <li><a href="/search?shape_id=6">Fireball</a></li>
- </ul>
- </li>
- <li>Round (11,371)
- <ul>
- <li><a href="/search?shape_id=3">Circle</a></li>
- <li><a href="/search?shape_id=5">Sphere</a></li>
- <li><a href="/search?shape_id=9">Disk</a></li>
- <li><a href="/search?shape_id=11">Oval</a></li>
- <li><a href="/search?shape_id=20">Egg</a></li>
- </ul>
- </li>
- <li>Unknown (7,308)
- <ul>
- <li><a href="/search?shape_id=4">Unknown</a></li>
- <li><a href="/search?shape_id=12">Other</a></li>
- </ul>
- </li>
- <li>Triangle (4,561)
- <ul>
- <li><a href="/search?shape_id=1">Triangle</a></li>
- <li><a href="/search?shape_id=7">Cone</a></li>
- </ul>
- </li>
- <li>Other (3,696)
- <ul>
- <li><a href="/search?shape_id=10">Formation</a></li>
- <li><a href="/search?shape_id=13">Tear drop</a></li>
- <li><a href="/search?shape_id=14">Cigar</a></li>
- <li><a href="/search?shape_id=19">Cylinder</a></li>
- <li><a href="/search?shape_id=22">Cross</a></li>
- </ul>
- </li>
- <li>Polygon (1,871)
- <ul>
- <li><a href="/search?shape_id=16">Rectangle</a></li>
- <li><a href="/search?shape_id=18">Diamond</a></li>
- <li><a href="/search?shape_id=21">Chevron</a></li>
- </ul>
- </li>
- <li>Changing (216)
- <ul>
- <li><a href="/search?shape_id=15">Changing</a></li>
- </ul>
- </li>
- </ul>
- </li>
- <li>
- <h2>Top Sighting Locations</h2>
- <ul>
- <li><a href="/search?city_name=Seattle">Seattle(339)</a></li>
- <li><a href="/search?city_name=Phoenix">Phoenix(298)</a></li>
- <li><a href="/search?city_name=Los+Angeles">Los Angeles(256)</a></li>
- <li><a href="/search?city_name=Portland">Portland(240)</a></li>
- <li><a href="/search?city_name=San+Diego">San Diego(238)</a></li>
- <li><a href="/search?city_name=Las+Vegas">Las Vegas(235)</a></li>
- <li><a href="/search?city_name=Houston">Houston(198)</a></li>
- <li><a href="/search?city_name=Chicago">Chicago(193)</a></li>
- <li><a href="/search?city_name=Tucson">Tucson(161)</a></li>
- <li><a href="/search?city_name=Miami">Miami(152)</a></li>
- <li><a href="/search?city_name=San+Francisco">San Francisco(138)</a></li>
- <li><a href="/search?city_name=Tinley+Park">Tinley Park(136)</a></li>
- <li><a href="/search?city_name=San+Antonio">San Antonio(131)</a></li>
- <li><a href="/search?city_name=Austin">Austin(129)</a></li>
- <li><a href="/search?city_name=Orlando">Orlando(126)</a></li>
- <li><a href="/search?city_name=Springfield">Springfield(122)</a></li>
- <li><a href="/search?city_name=Denver">Denver(120)</a></li>
- <li><a href="/search?city_name=San+Jose">San Jose(120)</a></li>
- <li><a href="/search?city_name=Sacramento">Sacramento(113)</a></li>
- <li><a href="/search?city_name=Jacksonville">Jacksonville(110)</a></li>
- </ul>
- </li>
- </ul>
- </div>
- <!-- end #sidebar -->
- <div style="clear: both;">&nbsp;</div>
- </div>
- <!-- end #page -->
-</div>
-<div id="footer-content">
- <div id="footer-bg" class="container">
- <div id="column1">
- <h2>Sources</h2>
- <p>Sources will be listed here</p>
- <li>
- <a href="http://www.census.gov/geo/www/gazetteer/gazetteer2010.html">http://www.census.gov/geo/www/gazetteer/gazetteer2010.html</a>
- </li>
- <li>
- <a href="http://www.nuforc.org/webreports/ndxloc.html">http://www.nuforc.org/webreports/ndxloc.html</a>
- </li>
- <li>
- <a href="http://factfinder2.census.gov">http://factfinder2.census.gov</a>
- </li>
- <li>
- <a href="http://code.google.com/apis/maps/index.html">http://code.google.com/apis/maps/index.html</a>
- </li>
- <li>
- <a href="http://msdn.microsoft.com/en-us/library/dd877180.aspx">http://msdn.microsoft.com/en-us/library/dd877180.aspx</a>
- </li>
- <li>
- <a href="http://www.wunderground.com/history">http://www.wunderground.com/history</a>
- </li>
- <li>
- <a href="http://weather.noaa.gov">http://weather.noaa.gov</a>
- </li>
- <li>
- <a href="www.partow.net/miscellaneous/airportdatabase/">www.partow.net/miscellaneous/airportdatabase/</a>
- </li>
- <li>
- <a href="http://militarybases.com/">http://militarybases.com/</a>
- </li>
- </ul>
+ <head>
+ <meta name="keywords" content="UFO sigthings, UFO, consipracy, processing, processing app, java processing, UFO accounts, aliens, UIC, computer science" />
+ <meta name="description" content="Helps to visualize UFO sightings using maps and stacked bar graphs. Made using Processing library in Java" />
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+ <title>It Came Out of the Sky - UFO sighting vizualization app</title>
+ <link href="/stylesheets/style.css" rel="stylesheet" type="text/css" media="screen" />
+ </head>
+ <body>
+ <div id="wrapper">
+ <div id="header" class="container">
+ <div id="logo">
+ <h1><a href="/">It Came Out of the Sky</a></h1>
+ <p>Processing visualization application</p>
+ </div>
+ <div id="menu">
+ <ul>
+ <li class="{% ifequal current_page "home" %} current_page_item {% endifequal %}"><a href="/">Home</a></li>
+ <li class="{% ifequal current_page "screenshots" %} current_page_item {% endifequal %}"><a href="/screenshots">Instructions</a></li>
+ <li class="{% ifequal current_page "download" %} current_page_item {% endifequal %}"><a href="/download">Download</a></li>
+ <li class="{% ifequal current_page "applet" %} current_page_item {% endifequal %}"><a href="/applet">Applet</a></li>
+ <li class="{% ifequal current_page "data_extraction" %} current_page_item {% endifequal %}"><a href="/data_extraction">Data Extraction</a></li>
+ <li class="{% ifequal current_page "observations" %} current_page_item {% endifequal %}"><a href="/observations">Observations</a></li>
+ </ul>
+ </div>
+ </div>
+ <!-- end #header -->
+ <div id="page">
+ <!-- start #content -->
+ {% block content %}
+ Override Me
+ {% endblock %}
+ <!-- end #content -->
+ <div id="sidebar">
+ <!-- YIELD sidebar -->
+ <ul>
+ <li>
+ <div id="search" >
+ <form method="get" action="/search">
+ <div>
+ Search sightings by city name:
+ <input type="text" name="city_name" id="search-text" value="{{ city_name }}"/>
+ <input type="submit" id="search-submit" value="Search" />
+ </div>
+ </form>
+ </div>
+ <div style="clear: both;">&nbsp;</div>
+ </li>
+ <li>
+ <h2>Our Purpose</h2>
+ <p>visualize UFO sightings and help find their correlations to date/time, population density, and location using maps and stacked bar graphs.</p>
+ </li>
+ <li>
+ <h2>Sighting Types</h2>
+ <ul>
+ <li>Light (12,809)
+ <ul>
+ <li><a href="/search?shape_id=2">Light</a></li>
+ <li><a href="/search?shape_id=17">Flash</a></li>
+ <li><a href="/search?shape_id=6">Fireball</a></li>
+ </ul>
+ </li>
+ <li>Round (11,371)
+ <ul>
+ <li><a href="/search?shape_id=3">Circle</a></li>
+ <li><a href="/search?shape_id=5">Sphere</a></li>
+ <li><a href="/search?shape_id=9">Disk</a></li>
+ <li><a href="/search?shape_id=11">Oval</a></li>
+ <li><a href="/search?shape_id=20">Egg</a></li>
+ </ul>
+ </li>
+ <li>Unknown (7,308)
+ <ul>
+ <li><a href="/search?shape_id=4">Unknown</a></li>
+ <li><a href="/search?shape_id=12">Other</a></li>
+ </ul>
+ </li>
+ <li>Triangle (4,561)
+ <ul>
+ <li><a href="/search?shape_id=1">Triangle</a></li>
+ <li><a href="/search?shape_id=7">Cone</a></li>
+ </ul>
+ </li>
+ <li>Other (3,696)
+ <ul>
+ <li><a href="/search?shape_id=10">Formation</a></li>
+ <li><a href="/search?shape_id=13">Tear drop</a></li>
+ <li><a href="/search?shape_id=14">Cigar</a></li>
+ <li><a href="/search?shape_id=19">Cylinder</a></li>
+ <li><a href="/search?shape_id=22">Cross</a></li>
+ </ul>
+ </li>
+ <li>Polygon (1,871)
+ <ul>
+ <li><a href="/search?shape_id=16">Rectangle</a></li>
+ <li><a href="/search?shape_id=18">Diamond</a></li>
+ <li><a href="/search?shape_id=21">Chevron</a></li>
+ </ul>
+ </li>
+ <li>Changing (216)
+ <ul>
+ <li><a href="/search?shape_id=15">Changing</a></li>
+ </ul>
+ </li>
+ </ul>
+ </li>
+ <li>
+ <h2>Top Sighting Locations</h2>
+ <ul>
+ <li><a href="/search?city_name=Seattle">Seattle(339)</a></li>
+ <li><a href="/search?city_name=Phoenix">Phoenix(298)</a></li>
+ <li><a href="/search?city_name=Los+Angeles">Los Angeles(256)</a></li>
+ <li><a href="/search?city_name=Portland">Portland(240)</a></li>
+ <li><a href="/search?city_name=San+Diego">San Diego(238)</a></li>
+ <li><a href="/search?city_name=Las+Vegas">Las Vegas(235)</a></li>
+ <li><a href="/search?city_name=Houston">Houston(198)</a></li>
+ <li><a href="/search?city_name=Chicago">Chicago(193)</a></li>
+ <li><a href="/search?city_name=Tucson">Tucson(161)</a></li>
+ <li><a href="/search?city_name=Miami">Miami(152)</a></li>
+ <li><a href="/search?city_name=San+Francisco">San Francisco(138)</a></li>
+ <li><a href="/search?city_name=Tinley+Park">Tinley Park(136)</a></li>
+ <li><a href="/search?city_name=San+Antonio">San Antonio(131)</a></li>
+ <li><a href="/search?city_name=Austin">Austin(129)</a></li>
+ <li><a href="/search?city_name=Orlando">Orlando(126)</a></li>
+ <li><a href="/search?city_name=Springfield">Springfield(122)</a></li>
+ <li><a href="/search?city_name=Denver">Denver(120)</a></li>
+ <li><a href="/search?city_name=San+Jose">San Jose(120)</a></li>
+ <li><a href="/search?city_name=Sacramento">Sacramento(113)</a></li>
+ <li><a href="/search?city_name=Jacksonville">Jacksonville(110)</a></li>
+ </ul>
+ </li>
+ </ul>
+ </div>
+ <!-- end #sidebar -->
+ <div style="clear: both;">&nbsp;</div>
+ </div>
+ <!-- end #page -->
+ </div>
+ <div id="footer-content">
+ <div id="footer-bg" class="container">
+ <div id="column1">
+ <h2>Sources</h2>
+ <p>Sources will be listed here</p>
+ <li>
+ <a href="http://www.census.gov/geo/www/gazetteer/gazetteer2010.html">http://www.census.gov/geo/www/gazetteer/gazetteer2010.html</a>
+ </li>
+ <li>
+ <a href="http://www.nuforc.org/webreports/ndxloc.html">http://www.nuforc.org/webreports/ndxloc.html</a>
+ </li>
+ <li>
+ <a href="http://factfinder2.census.gov">http://factfinder2.census.gov</a>
+ </li>
+ <li>
+ <a href="http://code.google.com/apis/maps/index.html">http://code.google.com/apis/maps/index.html</a>
+ </li>
+ <li>
+ <a href="http://msdn.microsoft.com/en-us/library/dd877180.aspx">http://msdn.microsoft.com/en-us/library/dd877180.aspx</a>
+ </li>
+ <li>
+ <a href="http://www.wunderground.com/history">http://www.wunderground.com/history</a>
+ </li>
+ <li>
+ <a href="http://weather.noaa.gov">http://weather.noaa.gov</a>
+ </li>
+ <li>
+ <a href="www.partow.net/miscellaneous/airportdatabase/">www.partow.net/miscellaneous/airportdatabase/</a>
+ </li>
+ <li>
+ <a href="http://militarybases.com/">http://militarybases.com/</a>
+ </li>
+ </ul>
- </div>
- <div id="column3">
- <h2>Recommended Links</h2>
- <ul>
- <li><a href="http://www.nuforc.org">National UFO Reporting Center</a></li>
- </ul>
- </div>
- </div>
-</div>
-<div id="footer">
- <p>Copyright (c) 2011 Camillo Lugaresi, Priscilla Jiménez, Eugene Magdel</p>
-</div>
-<!-- end #footer -->
-</body>
+ </div>
+ <div id="column3">
+ <h2>Recommended Links</h2>
+ <ul>
+ <li><a href="http://www.nuforc.org">National UFO Reporting Center</a></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div id="footer">
+ <p>Copyright (c) 2011 Camillo Lugaresi, Priscilla Jiménez, Eugene Magdel</p>
+ </div>
+ <!-- end #footer -->
+ </body>
</html>
View
4 WWW/views/screenshots.html
@@ -31,8 +31,8 @@ <h2 class="title"><a href="#">Filter by State and time</a></h2>
date/time when clicking on the "show settings" at the top as shown on the picture.
</b>
<br />
- <a href="/images/screenshots/ByStatesFilteredByDatetime.png" target="_blank">
- <img src="/images/screenshots/ByStatesFilteredByDatetime&UFOTypes.png" class="screenshots" />
+ <a href="/images/screenshots/ByStatesFilteredByDatetime_UFOTypes.png" target="_blank">
+ <img src="/images/screenshots/ByStatesFilteredByDatetime_UFOTypes.png" class="screenshots" />
</a>
</p>
<!-- <p class="links"><a href="#" class="more">Read More</a><a href="#" title="b0x" class="comments">Comments</a></p> -->
Please sign in to comment.
Something went wrong with that request. Please try again.