-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathR3.html
More file actions
1 lines (1 loc) · 5.63 KB
/
R3.html
File metadata and controls
1 lines (1 loc) · 5.63 KB
1
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><!--Design by TEMPLATEDhttp://templated.coReleased for free under the Creative Commons Attribution LicenseName : Low-Down Description: A two-column, fixed-width design with dark color scheme.Version : 1.0Released : 20131117--><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Di Chen | Research</title><meta name="keywords" content="" /><meta name="description" content="" /><link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Varela+Round" rel="stylesheet" /><link href="default.css" rel="stylesheet" type="text/css" media="all" /><link href="fonts.css" rel="stylesheet" type="text/css" media="all" /><!--[if IE 6]><link href="default_ie6.css" rel="stylesheet" type="text/css" /><![endif]--></head><body><div id="wrapper1"> <div id="header-wrapper"> <div id="header" class="container1"> <div id="logo"> <h1><a href="index.html">Di Chen</a></h1> </div> </div> <div id="menu" class="container1"> <ul> <li><a href="index.html" accesskey="1" title="">Home</a></li> <li><a href="Aboutme.html">About Me</a></li> <li class="current_page_item"><a href="Research.html">Research</a></li> <li><a href="Contact.html">Contact</a></li> </ul> </div> </div> <div id="page" class="container4"> <h9><p>This ongoing work evaluates 25 CMIP5 models with 3-hourly outputs, evaluation of 3-hourly or hourly precipitation in <a href="https://esgf-node.llnl.gov/search/cmip6/" target="_blank" rel="nofollow">CMIP6 </a> models will also be conducted in the near future. Below are a few preliminary figures:</p></h9><style>* {box-sizing: border-box}body {font-family: Verdana, sans-serif; margin:0}.mySlides {display: none}img {vertical-align:middle;}/* Slideshow container */.slideshow-container { max-width: 680px; position: relative; margin: auto; margin-top: 0px;}/* Next & previous buttons */.prev, .next { cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: #a80000; font-weight: bold; font-size: 36px; transition: 0.6s ease; border-radius: 0 3px 3px 0;}/* Position the "next button" to the right */.next { right: 0; border-radius: 3px 0 0 3px;}/* On hover, add a black background color with a little bit see-through */.prev:hover, .next:hover { background-color: rgba(0,0,0,0.6);}/* Caption text */.text { color: #041D6E; font-size: 18px; padding: 8px 12px; position: absolute; bottom: -100px; text-align: center; width:100%}/* Number text (1/3 etc) */.numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}/* The dots/bullets/indicators */.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}.active, .dot:hover { background-color: #717171;}/* Fading animation */.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}@-webkit-keyframes fade { from {opacity: .4} to {opacity: 1}}@keyframes fade { from {opacity: .4} to {opacity: 1}}/* On smaller screens, decrease text size */@media only screen and (max-width: 300px) { .prev, .next,.text {font-size: 11px}}</style> <!-- Slideshow container --> <div class="slideshow-container"> <!-- Full-width images with number and caption text --> <div class="mySlides fade"> <div class="numbertext">1 / 3</div> <img src="images/Ch4-1.png" style="width:100%"> <div class="text">Precipitation amount (A) in 25 CMIP5 models and GPCP are overall comparable </div> </div> <div class="mySlides fade"> <div class="numbertext">2 3</div> <img src="images/Ch4-2.png" style="width:100%"> <div class="text">Convective-to-total precipitation(PC/PR) ratios are much higher in 25 CMIP5 models than TRMM </div> </div> <div class="mySlides fade"> <div class="numbertext">3 / 3</div> <img src="images/Ch4-3.png" style="width:100%"> <div class="text">Grouping 25 CMIP5 models by convective parameterizations </div> </div> <!-- Next and previous buttons --> <a class="prev" onclick="plusSlides(-1)">❮</a> <a class="next" onclick="plusSlides(1)">❯</a> </div> <br><!-- The dots/circles --><div style="text-align:center"> <span class="dot" onclick="currentSlide(1)"></span> <span class="dot" onclick="currentSlide(2)"></span> <span class="dot" onclick="currentSlide(3)"></span> </div> <script>var slideIndex = 1;showSlides(slideIndex);function plusSlides(n) { showSlides(slideIndex += n);}function currentSlide(n) { showSlides(slideIndex = n);}function showSlides(n) { var i; var slides = document.getElementsByClassName("mySlides"); var dots = document.getElementsByClassName("dot"); if (n > slides.length) {slideIndex = 1} if (n < 1) {slideIndex = slides.length} for (i = 0; i < slides.length; i++) { slides[i].style.display = "none"; } for (i = 0; i < dots.length; i++) { dots[i].className = dots[i].className.replace(" active", ""); } slides[slideIndex-1].style.display = "block"; dots[slideIndex-1].className += " active";}</script> </div></div> <div id="wrapper2"> <div id="footer" style="height: 168px"> <a href="Contact.html" class="button2">Contact Me</a> <p>© 2018 DI CHEN. All rights reserved. </p> <p>Templates from <a href="http://templated.co" target="_blank" rel="nofollow">TEMPLATED</a>. Many help from <a href="https://www.w3schools.com/" target="_blank" rel="nofollow">w3schools.com</a>.</p> </div></div></body></html>