-
Notifications
You must be signed in to change notification settings - Fork 2
/
gallery.html
143 lines (135 loc) · 5.78 KB
/
gallery.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>
<head>
<title>Exposure checker | Gallery</title>
<link rel="stylesheet" media="screen" href="assets/bootstrap/css/bootstrap.min.css" type="text/css" charset="utf-8">
<link rel="stylesheet" media="screen" href="assets/eyeball.css" type="text/css" charset="utf-8">
<meta charset="utf-8">
<meta name="author" content="Peter Melchior, Erin Sheldon, Alex Drlica-Wagner">
<link rel="icon" href="assets/DESC_logo_trans.png" type="image/png">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
</style>
<script type="text/javascript" src="assets/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
function deg2sex(ra, dec) {
if (ra < 0)
ra = 360 + ra
var hours = parseInt(ra)/15;
var minutes = parseInt((ra - hours*15)*60/15);
var seconds = parseInt((ra - hours*15 - minutes*15./60)*3600/15);
if (hours < 10)
hours = "0" + hours;
if (minutes < 10)
minutes = "0" + minutes;
if (seconds < 10)
seconds = "0" + seconds;
var alpha = hours + ":" + minutes + ":" + seconds;
var degrees = parseInt(dec);
minutes = parseInt((Math.abs(dec) - Math.abs(degrees))*60);
seconds = parseInt((Math.abs(dec) - Math.abs(degrees) - Math.abs(minutes)*1./60)*3600);
if (Math.abs(degrees) < 10)
degrees = "0" + degrees;
if (degrees < 0)
degrees = "-" + degrees;
else
degrees = "+" + degrees;
if (minutes < 10)
minutes = "0" + minutes;
if (seconds < 10)
seconds = "0" + seconds;
var delta = degrees + ":" + minutes + ":" + seconds;
return [alpha, delta];
}
function coords(ra, dec) {
var sexs = deg2sex(ra, dec);
document.write("<span class='coords label label-info'>(α / δ) = (<span class='degs'>" + ra + " / " + dec +"</span><span class='sexs hide'>" + sexs[0] + " / " + sexs[1]+"</span>) <i class='icon-screenshot icon-white sex2deg-toogle'></i></span>");
}
</script>
</head>
<body>
<div id="wrapper">
<div class='container'>
<div class="navbar">
<div class="navbar-inner">
<a class="brand" href="index.html">Exposure checker</a>
<ul class="nav">
<li><a href="viewer.html">Viewer</a></li>
<li><a href="tutorial.html">Tutorial</a></li>
<li><a href="faq.html">FAQ</a></li>
<li><a href="statistics.html">Statistics</a></li>
<li><a href="api.html">API</a></li>
<li class="active"><a href="gallery.html">Gallery</a></li>
<li><a href="hodgepodge.html">Hodge-podge</a></li>
</ul>
<ul class="nav pull-right hide">
<!--#include file="release_selector.shtml"-->
</ul>
</div>
</div>
<!-- content area -->
<div class="span12">
<h1>Gallery</h1>
<p> While we are primarily interested in finding image artifacts, it would be
silly to pass up on the opportunity to share a nice star cluster, an
asteroid, or a group of interacting galaxies.
Here we highlight the awesome objects found by our users. To report them,
use the <button class="btn">Awesome!</button> selector in the viewer,
describe what you see, and click on the object in the image.
That's all you have to do to get an entry in the Gallery.</p>
</div>
<div class="span12">
<h3>List of Awesome! objects</h3>
<div id="awesome-table"></div>
</div>
<div class="span12">
<h3>Want to help?</h3>
<p> Tagging an object as "Awesome!" is just the first step. By
tracking down the object coordinates or assembling a multi-color
image you can help us highlight LSST's ability to cover a wide
area of sky at unprecedented depths. Collecting these objects can
be a great source for public outreach or the title slide of your
next presentation. There is even the chance that you might discover
something really new out there!</p>
<p>If that sounds like a job you'd be interested in,
please <a href="#" id="email-anchor">contact us</a>.</p>
</div>
</div>
<div id="push"></div>
</div>
<!--#include file="footer.shtml"-->
</body>
<script type="text/javascript" src="assets/jquery.cookie.js"></script>
<script type="text/javascript" src="assets/common.js"></script>
<script type="text/javascript" src="assets/bootstrap/js/bootstrap.min.js"></script>
<script>
$(document).ready(function () {
// set up release
setRelease($.cookie('default-release'));
$.get('gallery.php', {'release': release},
function(response) {
var html = "<table class='table table-condensed table-striped'><thead><tr><th>Image</th><th>Description</th><th>Username</th><th>Timestamp</th></tr></thead><tbody>";
for (var i=0; i < response.length; i++) {
html += "<td class='imagenamecol'><a href='viewer.html?release=" + release + "&expname=" + response[i]['expname'] + "&ccd=" + response[i]['ccd'] + "&qa_id=" + response[i]['qa_id'] + "'>" + response[i]['expname'] + ", CCD " + response[i]['ccd'] + "</a></td>";
html += "<td>" + response[i]['detail'] + "</td><td>" + uid2username(response[i]['userid']) + "</td><td class='timecol'>" + response[i]['timestamp'] + "</td></tr>";
}
html += "</tbody></table>";
$('#awesome-table').html(html);
}, 'json');
$.get('email.php', function(response) {
$('#email-anchor').attr('href', 'mailto:' + response);
});
});
// coordinate togglers
$('span[class*="coords"]').on('click', function(evt) {
// select all coordinates:
var nodes = $('span[class*="coords"]');
var visible = nodes.find('span:not([class*="hide"])');
nodes.find('span[class*="hide"]').removeClass('hide');
visible.addClass('hide');
});
</script>
</html>