Skip to content

Commit

Permalink
update website
Browse files Browse the repository at this point in the history
  • Loading branch information
neuralchen committed Jun 25, 2021
1 parent 19fc8e9 commit 53a1bb1
Show file tree
Hide file tree
Showing 29 changed files with 724 additions and 0 deletions.
6 changes: 6 additions & 0 deletions doc/css/bootstrap-theme.min.css

Large diffs are not rendered by default.

6 changes: 6 additions & 0 deletions doc/css/bootstrap.min.css

Large diffs are not rendered by default.

13 changes: 13 additions & 0 deletions doc/css/ie10-viewport-bug-workaround.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
/*!
* IE10 viewport hack for Surface/desktop Windows 8 bug
* Copyright 2014-2015 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/

/*
* See the Getting Started docs for more information:
* http://getbootstrap.com/getting-started/#support-ie10-width
*/
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }
5 changes: 5 additions & 0 deletions doc/css/jumbotron.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
/* Move down content because we have a fixed navbar that is 50px tall */
body {
padding-top: 50px;
padding-bottom: 20px;
}
Binary file added doc/favicon.ico
Binary file not shown.
Binary file added doc/fonts/glyphicons-halflings-regular.eot
Binary file not shown.
288 changes: 288 additions & 0 deletions doc/fonts/glyphicons-halflings-regular.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added doc/fonts/glyphicons-halflings-regular.ttf
Binary file not shown.
Binary file added doc/fonts/glyphicons-halflings-regular.woff
Binary file not shown.
Binary file added doc/fonts/glyphicons-halflings-regular.woff2
Binary file not shown.
Binary file added doc/img/1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added doc/img/2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added doc/img/HRGT_201009539_201009571.webp
Binary file not shown.
Binary file added doc/img/HRGT_201010607_201010639.webp
Binary file not shown.
Binary file added doc/img/HRGT_201011587_201011619.webp
Binary file not shown.
Binary file added doc/img/HRGT_201108607_201108655.webp
Binary file not shown.
Binary file added doc/img/HRGT_201109091_201109123.webp
Binary file not shown.
Binary file added doc/img/HRGT_201110059_201110091.webp
Binary file not shown.
Binary file added doc/img/LRGT_201009539_201009571.webp
Binary file not shown.
Binary file added doc/img/LRGT_201010607_201010639.webp
Binary file not shown.
Binary file added doc/img/LRGT_201011587_201011619.webp
Binary file not shown.
Binary file added doc/img/LRGT_201108607_201108655.webp
Binary file not shown.
Binary file added doc/img/LRGT_201109091_201109123.webp
Binary file not shown.
Binary file added doc/img/LRGT_201110059_201110091.webp
Binary file not shown.
320 changes: 320 additions & 0 deletions doc/index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,320 @@
<!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="RainNet">
<meta name="author" content="">
<link rel="icon" href="./favicon.ico">

<title>RainNet</title>

<!-- Bootstrap core CSS -->
<link href="./css/bootstrap.min.css" rel="stylesheet">

<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="./css/ie10-viewport-bug-workaround.css" rel="stylesheet">

<!-- Custom styles for this template -->
<link href="./css/jumbotron.css" rel="stylesheet">

<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="./js/ie-emulation-modes-warning.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>

<body>

<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<!-- <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button> -->
<a class="navbar-brand" href="#">RainNet</a>
</div>
<!-- <div id="navbar" class="navbar-collapse collapse">
<form class="navbar-form navbar-right">
<div class="form-group">
<input type="text" placeholder="Email" class="form-control">
</div>
<div class="form-group">
<input type="password" placeholder="Password" class="form-control">
</div>
<button type="submit" class="btn btn-success">Sign in</button>
</form>
</div>/.navbar-collapse -->
</div>
</nav>

<!-- Main jumbotron for a primary marketing message or call to action -->
<div class="jumbotron jumbotron-fluid" style="background: url('./img/1.png');">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<img src="./img/2.png" alt="RainNet" class="img-rounded" style="width: 100%;">
</div>
</div>

<div class="row text-center">
<div class="col-md-* text-center" style="color:white;">
<h2>RainNet: A Large-Scale Dataset for Spatial Precipitation Downscaling</h2>
</div>
</div>

<div class="row">
<div class="col-md-* text-center" style="color:white;">
<h4>Xuanhong Chen<sup>*</sup>, Kairui Feng<sup>*</sup>, Naiyuan Liu<sup>**</sup>, Yifan Lu<sup>**</sup>, Zhengyan Tong, Bingbing Ni, Ziang Liu, Ning Lin</h4>
</div>
</div>
<div class="row">
<div class="col-md-* text-center" style="color:white;">
<h4>Shanghai Jiao Tong University, Princeton University & University of Technology Sydney</h4>
</div>
</div>
<div class="row">
<div class="col-md-2 col-md-offset-4 text-center" style="color:white;">
<h5><sup>*</sup>Equal contribution.</h5>
</div>
<div class="col-md-2 text-center" style="color:white;">
<h5><sup>**</sup>Equal contribution.</h5>
</div>
</div>
<div class="row">
<h5 class="page-header"></h5>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<div class="row">
<div class="col-md-4 col-sm-4 text-center">
<p><a class="btn btn-primary btn-lg" href="https://github.com/neuralchen/RainNet" role="button" target="_blank"> <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Code &raquo;</a></p>
</div>
<div class="col-md-4 col-sm-4 text-center">
<p><a class="btn btn-primary btn-lg" href="#downloads" role="button"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Download &raquo;</a></p>
</div>
<div class="col-md-4 col-sm-4 text-center">
<p><a class="btn btn-primary btn-lg" href="https://arxiv.org/abs/2012.09700" role="button" target="_blank"><span class="glyphicon glyphicon-save-file" aria-hidden="true"></span> Paper &raquo;</a></p>
</div>
</div>
</div>
</div>

</div>
</div>

<div class="container">
<!-- Example row of columns -->
<div class="row">
<div class="col-md-*">
<h2>Abstract</h2>
</div>
</div>
<div class="row">
<div class="col-md-* text-justify" style="line-height:150%; font-size: large;">
<p>
Spatial Precipitation Downscaling is one of the most important problems in the geo-science community. However, it still remains an unaddressed issue.
Deep learning is a promising potential solution for downscaling.
In order to facilitate the research on precipitation downscaling for deep learning,
we present the first <strong>REAL</strong> (non-simulated) Large-Scale Spatial Precipitation Downscaling Dataset,
<strong>RainNet</strong>, which contains <strong>62,424</strong> pairs of low-resolution and high-resolution precipitation maps for 17 years.
Contrary to simulated data, this real dataset covers various types of real meteorological phenomena (<i>e.g.</i>, Hurricane, Squall, <i>etc</i>.),
and shows the physical characters -- <strong>Temporal Misalignment</strong>, <strong>Temporal Sparse</strong> and <strong>Fluid Properties</strong> -- that challenge the downscaling algorithms.
In order to fully explore potential downscaling solutions, we propose an implicit physical estimation framework to learn the above characteristics.
Eight metrics specifically considering the physical property of the data set are raised, while fourteen models are evaluated on the proposed dataset.
Finally, we analyze the effectiveness and feasibility of these models on precipitation downscaling task.
</p>
</div>
</div>
<div class="row">
<h5 class="page-header"></h5>
</div>

<div class="row">
<div class="col-md-*">
<h2>Samples in RainNet</h2>
</div>
</div>
<div class="row">
<div class="col-md-*">
<h3>High Resolution Precipitation Maps</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<img src="./img/HRGT_201009539_201009571.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/HRGT_201108607_201108655.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/HRGT_201109091_201109123.webp" style="width: 100%;"/>
</div>
</div>
<div class="row">
<div class="col-md-*">
<h3>Low Resolution Precipitation Maps</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<img src="./img/LRGT_201009539_201009571.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/LRGT_201108607_201108655.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/LRGT_201109091_201109123.webp" style="width: 100%;"/>
</div>
</div>

<div class="row">
<div class="col-md-*">
<h3>High Resolution Precipitation Maps</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<img src="./img/HRGT_201010607_201010639.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/HRGT_201011587_201011619.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/HRGT_201110059_201110091.webp" style="width: 100%;"/>
</div>
</div>
<div class="row">
<div class="col-md-*">
<h3>Low Resolution Precipitation Maps</h2>
</div>
</div>
<div class="row">
<div class="col-md-4 col-sm-4">
<img src="./img/LRGT_201010607_201010639.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/LRGT_201011587_201011619.webp" style="width: 100%;"/>
</div>
<div class="col-md-4 col-sm-4">
<img src="./img/LRGT_201110059_201110091.webp" style="width: 100%;"/>
</div>
</div>

<div class="row">
<h5 class="page-header"></h5>
</div>
<div class="row">
<div class="col-md-*">
<h2>Downloads</h2>
</div>
</div>
<div id="downloads" class="row">
<div class="col-md-6 col-sm-6 text-center">
<p><a class="btn btn-success btn-lg" href="https://github.com/neuralchen/RainNet" role="button" target="_blank"> <span class="glyphicon glyphicon-hdd" aria-hidden="true"></span> Donwnload via Google Drive &raquo;</a></p>
</div>
<div class="col-md-6 col-sm-6 text-center">
<p><a class="btn btn-success btn-lg" href="#downloads" role="button" target="_blank"><span class="glyphicon glyphicon-cloud-download" aria-hidden="true"></span> Download via Baidu Drive &raquo;</a></p>
<span class="label label-info">password: xxxx</span>
</div>
</div>

<div class="row">
<h5 class="page-header"></h5>
</div>
<div class="row">
<div class="col-md-*">
<h2>Citation</h2>
</div>
</div>
<div class="row">
<div class="col-md-*">
<div class="well">
@misc{chen2020rainnet,<br/>
&ensp;&ensp;title={RainNet: A Large-Scale Dataset for Spatial Precipitation Downscaling},<br/>
&ensp;&ensp;author={Xuanhong Chen and Kairui Feng and Naiyuan Liu and Yifan Lu and Zhengyan Tong and Bingbing Ni and Ziang Liu and Ning Lin},<br/>
&ensp;&ensp;year={2020},<br/>
&ensp;&ensp;eprint={2012.09700},<br/>
&ensp;&ensp;archivePrefix={arXiv},<br/>
&ensp;&ensp;primaryClass={cs.CV}<br/>
}
</div>
</div>
</div>

<div class="row">
<h5 class="page-header"></h5>
</div>
<div class="row">
<div class="col-md-*">
<h2>Contact</h2>
</div>
</div>
<div class="row">
<div class="col-md-*">
<p>Please concat Kairui Feng <span class="label label-primary">kairuif@princeton.com</span>,
Xuanhong Chen <span class="label label-primary">xuanhongchenzju@outlook.com</span>,
Naiyuan Liu <span class="label label-primary">naiyuan.liu@student.uts.edu.au</span> and
Yifan Lu <span class="label label-primary">yifan_lu@sjtu.edu.cn</span>
for questions about the dataset. </p>
</div>
</div>
<!-- <div class="row">
<h5 class="page-header"></h5>
</div>
<div class="row">
<div class="col-md-*">
<h3>High Resolution Precipitation Maps</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<img src="./img/HRGT_201109091_201109123.gif" style="width: 100%;"/>
</div>
<div class="col-md-6 col-sm-6">
<img src="./img/HRGT_201108607_201108655.gif" style="width: 100%;"/>
</div>
</div>
<div class="row">
<div class="col-md-*">
<h3>Low Resolution Precipitation Maps</h2>
</div>
</div>
<div class="row">
<div class="col-md-6 col-sm-6">
<img src="./img/LRGT_201109091_201109123.gif" style="width: 100%;"/>
</div>
<div class="col-md-6 col-sm-6">
<img src="./img/LRGT_201108607_201108655.gif" style="width: 100%;"/>
</div>
</div> -->

<hr>

<footer>
<p><a>Accessibility</a></p>
</footer>
</div> <!-- /container -->


<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="./js/vendor/jquery.min.js"><\/script>')</script>
<script src="./js/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="./js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
7 changes: 7 additions & 0 deletions doc/js/bootstrap.min.js

Large diffs are not rendered by default.

51 changes: 51 additions & 0 deletions doc/js/ie-emulation-modes-warning.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
// IT'S JUST JUNK FOR OUR DOCS!
// ++++++++++++++++++++++++++++++++++++++++++
/*!
* Copyright 2014-2015 Twitter, Inc.
*
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
* details, see https://creativecommons.org/licenses/by/3.0/.
*/
// Intended to prevent false-positive bug reports about Bootstrap not working properly in old versions of IE due to folks testing using IE's unreliable emulation modes.
(function () {
'use strict';

function emulatedIEMajorVersion() {
var groups = /MSIE ([0-9.]+)/.exec(window.navigator.userAgent)
if (groups === null) {
return null
}
var ieVersionNum = parseInt(groups[1], 10)
var ieMajorVersion = Math.floor(ieVersionNum)
return ieMajorVersion
}

function actualNonEmulatedIEMajorVersion() {
// Detects the actual version of IE in use, even if it's in an older-IE emulation mode.
// IE JavaScript conditional compilation docs: https://msdn.microsoft.com/library/121hztk3%28v=vs.94%29.aspx
// @cc_on docs: https://msdn.microsoft.com/library/8ka90k2e%28v=vs.94%29.aspx
var jscriptVersion = new Function('/*@cc_on return @_jscript_version; @*/')() // jshint ignore:line
if (jscriptVersion === undefined) {
return 11 // IE11+ not in emulation mode
}
if (jscriptVersion < 9) {
return 8 // IE8 (or lower; haven't tested on IE<8)
}
return jscriptVersion // IE9 or IE10 in any mode, or IE11 in non-IE11 mode
}

var ua = window.navigator.userAgent
if (ua.indexOf('Opera') > -1 || ua.indexOf('Presto') > -1) {
return // Opera, which might pretend to be IE
}
var emulated = emulatedIEMajorVersion()
if (emulated === null) {
return // Not IE
}
var nonEmulated = actualNonEmulatedIEMajorVersion()

if (emulated !== nonEmulated) {
window.alert('WARNING: You appear to be using IE' + nonEmulated + ' in IE' + emulated + ' emulation mode.\nIE emulation modes can behave significantly differently from ACTUAL older versions of IE.\nPLEASE DON\'T FILE BOOTSTRAP BUGS based on testing in IE emulation modes!')
}
})();
Loading

0 comments on commit 53a1bb1

Please sign in to comment.