forked from lawongsta/scispark
/
index.html
136 lines (107 loc) · 5.43 KB
/
index.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
<!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">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<title>SciSpark Website</title>
<!-- Google Fonts -->
<!-- Bootstrap core CSS -->
<link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
<!-- Favicon -->
<!-- Bootstrap core JavaScript
================================================== -->
<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>-->
<script>
$(function(){
$("#header").load("header.html");
$("#footer").load("footer.html");
});
</script>
</head>
<body>
<a class="accessible" href="#maincontent">[Skip to Content]</a>
<!-- Note: header content is in header.html and pulled in by jquery script in the head -->
<div id="header"></div>
<div class="container">
<a name="maincontent"></a>
<div class="container">
<div class="jumbotron">
<div class="container-centered">
<h1 class="hero">SciSpark</h1>
<p class="subtitle">
Distributed Computing for Large-Scale Climate Science and Analytics
</p>
</div>
</div>
<div class="container_main">
<h2> SciSpark is a lightning fast big data technology. </h2>
<p> It is a scalable system for interactive model evaluation and for the rapid development of climate metrics and analysis to address the pain points in the current model evaluation process.
</p>
</div>
<div class="row tiles">
<div class="col-md-4">
<a href="http://esto.nasa.gov/forum/estf2015/presentations/Mattmann_S1P8_ESTF2015.pdf">
<img class="thumbnail" src="images/presentation.jpg" alt="Thumbnail image of ESTF presentation"</img>
<p class="thumbnails">
"Interactive and Highly Scalable Climate Model Analytics" presentation by Chris Mattmann at NASA Earth Science Technology Forum 2015, Pasadena, CA.</p>
</a>
</div>
<div class="col-md-4">
<a href="https://www.youtube.com/watch?v=Q5Mr-UQU7_o">
<img class="thumbnail" src="images/interview.jpg" alt="Thumbnail image of interview"</img>
<p class="thumbnails">Interview with Chris Mattmann, Chief Architect of Instruments and Science Data at NASA JPL at Spark Summit 2015</p></a>
</div>
<div class="col-md-4">
<a href="http://geo-bigdata.github.io/2015/papers/S08216.pdf">
<img class="thumbnail" src="images/paper.jpg" alt="Thumbnail image of paper"</img>
<p class="thumbnails">SciSpark Paper: Applying In-memory Distributed Computing to Weather Event Detection and Tracking</p> </a>
</div>
</div>
<div class="container-calltoaction">
<div class="row">
<div class="col-md-2"></div>
<div class="col-md-4 button">
<a class="btn btn-about" href="about.html" role="button">ABOUT </a>
</div>
<div class="col-md-4">
<a class="btn btn-contact" href="contact.html" role="button">CONTACT</a>
</div>
</div>
</div>
<div class="second">
<h2> Upcoming SciSpark Workshops</h2>
<p>We introduce a 3-part course module on SciSpark, our AIST14 funded project for Highly Interactive and Scalable Climate model Metrics and Analytics. The three part course session introduces a 101, 201, and 301 class for learning how to use SciSpark for science.
</p>
</div>
<div class="row tiles">
<div class="col-md-4">
<a href="http://commons.esipfed.org/node/9028">
<img class="thumbnail2" src="images/101.png"</img>
</a>
</div>
<div class="col-md-4">
<a href="http://commons.esipfed.org/node/9029">
<img class="thumbnail2" src="images/201.png"</img>
</a>
</div>
<div class="col-md-4">
<a href="http://commons.esipfed.org/node/9030">
<img class="thumbnail2" src="images/301.png"</img>
</a>
</div>
</div>
<p>Some of these documents require <a href="http://www.adobe.com">Adobe Reader</a>. Download <a href="https://get.adobe.com/reader/">here</a> if you do not have this browser plug-in installed. </p>
</div>
</div>
<!-- Note: footer content is in footer.html and pulled in by jquery script in the head -->
<div id="footer"></div>
</body>
</html>