-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathresearch_edit.html
375 lines (333 loc) · 16.5 KB
/
research_edit.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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
<!DOCTYPE html>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-102176832-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-102176832-1');
</script>
<title>Mohammad Haghiri</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Your Name, your field" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<!-- js -->
<script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
<!-- //js -->
<!-- animation-effect -->
<link href="css/animate.min.css" rel="stylesheet">
<script src="js/wow.min.js"></script>
<script>
new WOW().init();
</script>
<!-- //animation-effect -->
<link href='//fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href='//fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!-- start-smoth-scrolling -->
<style>
/* Change background color */
body {
background-color: #f0f8ff; /* light blue */
}
.about {
background-color: #ffffff; /* white */
padding: 20px 0;
}
/* Center name, make it bold and bigger, and change color to black */
.logo h1 {
text-align: center;
font-size: 36px;
font-weight: bold;
margin-top: 20px;
color: #000000; /* Black */
}
/* Change tab colors to dark blue */
.navbar-default .navbar-nav {
float: left;
margin-left: 0;
margin-top: 10px;
font-size: 18px;
font-weight: bold;
}
.navbar-nav > li {
margin-right: 20px; /* Space between menu items */
}
.navbar-nav > li > a {
color: #003366; /* Dark blue color */
}
.navbar-nav > li > a:hover {
color: #002244; /* Darker blue on hover */
}
/* Make the line between header and body thicker, increase header height */
.header {
border-bottom: 4px solid #333;
padding-top: 1cm; /* Add space on top */
padding-bottom: 1cm; /* Add space on bottom */
}
/* Remove large banner */
.banner1 {
display: none;
}
/* Align and format body text for readability */
.about p, .panel-body p, .panel-body {
text-align: justify; /* Justify text for even alignment */
line-height: 1.6; /* Improve readability with spacing */
margin-bottom: 1em; /* Add spacing between paragraphs */
font-weight: normal; /* Make normal text */
text-align: justify; /* Justify the text */
text-justify: inter-word; /* For better word spacing */
padding: 15px; /* Consistent padding for better spacing */
}
/* Bold specific headings */
.panel-body h2 {
font-weight: bold; /* Keep headings bold */
}
/* Change specific text to blue */
.panel-heading p a, .panel-heading a {
color: #007bff; /* Blue color */
}
.panel-heading a:hover {
color: #0056b3; /* Darker blue on hover */
}
/* Social media button styles with blue buttons */
.social-links a {
margin: 10px;
display: inline-block;
text-decoration: none;
}
.social-links .btn {
background-color: #87CEFA; /* Blue color */
color: white;
padding: 10px 15px;
border-radius: 5px;
font-size: 14px;
text-align: center;
display: inline-block;
transition: background-color 0.3s ease;
}
.social-links .btn:hover {
background-color: #00BFFF; /* Darker blue on hover */
}
/* Change footer background color to darker gray */
.footer {
background-color: #d3d3d3; /* Darker gray */
color: #333333; /* Dark gray text */
padding: 20px 0;
border-top: 4px solid #333; /* Add border line similar to top */
}
/* Change footer text to dark blue */
.footer h3, .footer p, .footer a {
color: #003366; /* Dark blue */
text-decoration: none;
}
/* Change name in footer to black */
.footer h3 {
color: #000000; /* Black */
}
.footer a:hover {
color: #002244; /* Darker blue on hover */
}
/* Change footer tabs to black */
.footer-grids1-left ul li a {
color: black;
}
.footer-grids1-left ul li a:hover {
color: #333333; /* Slightly darker black on hover */
}
/* Space between sections */
.section-spacing {
margin-bottom: 80px; /* Increased space between sections */
display: flex;
flex-wrap: wrap; /* Make sections wrap on smaller screens */
align-items: center;
justify-content: space-between;
}
.about-grids-left, .about-grids-right {
width: 48%; /* Make text and image boxes evenly split */
}
.panel {
margin-bottom: 0; /* Remove bottom margin */
box-shadow: none; /* Remove panel shadow */
}
.panel-body {
padding: 15px;
}
/* Responsive styles */
@media (max-width: 768px) {
.about-grids-left, .about-grids-right {
width: 100%; /* Full width on mobile */
margin-bottom: 20px; /* Space between sections */
}
.about-grids {
flex-direction: column; /* Stack columns vertically */
}
}
</style>
</head>
<link rel="icon"
type="image/png"
href="">
<body>
<!-- header -->
<div class="header">
<div class="container">
<nav class="navbar navbar-default">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<div class="logo">
<h1><a class="navbar-brand" href="index.html">Mohammad Haghiri</a></h1>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
<nav class="menu menu--francisco">
<ul class="nav navbar-nav menu__list">
<li class="menu__item"><a href="index.html" class="menu__link"><span class="menu__helper">Home</span></a></li>
<li class="menu__item menu__item--current"><a href="research_edit.html" class="menu__link"><span class="menu__helper">Research</span></a></li>
<li class="menu__item"><a href="publications.html" class="menu__link"><span class="menu__helper">Publications</span></a></li>
<li class="menu__item"><a href="github.html" class="menu__link"><span class="menu__helper">Github</span></a></li>
</ul>
</nav>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</div>
<!-- //header -->
<!-- about -->
<div class="about">
<div class="container">
<h3 class="animated wow zoomIn" data-wow-delay="0s">My Research Area</h3>
<!-- Section 1: Water Table Simulation -->
<div class="about-grids section-spacing">
<div class="about-grids-left">
<div class="panel panel-default">
<div class="panel-heading panel-heading-sub" role="tab" id="headingOne">
<h4 class="panel-title asd">
<a>Simulation of the Water Table from 1500CE to 3000CE</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body panel_text">
Predicting water-table levels is essential for sustainable water resource management, planning, and climate-change adaptation strategies. We project the future water table level under changing climate conditions using the Water Table Model (WTM), which integrates topographic and climate-related variables. In this work, we supply the WTM with high-resolution topography (GEBCO_2020), climate projections (CMIP6), and historical climate data (TerraClimate) to estimate the changing water table from 2020 to 2100 in decadal timesteps based on multiple climate projections (e.g. SSP5-8.5). Our results demonstrate how variations in climate parameters influence water table levels across regions where groundwater resources are critical and highlight that future climate scenarios drive significant regional disparities in groundwater fluctuations. These findings can provide insight into future water availability and may inform water-resource management and policy decisions. These regional variations in water table changes are likely driven by shifts in precipitation patterns, evaporation rates, and temperature increases. Our findings underscore the need to incorporate climate projections into hydrological models to effectively project the impacts of climate change on water resources.
</div>
</div>
</div>
</div>
<div class="about-grids-right animated wow slideInLeft" data-wow-delay="0s">
<img src="images/WTM.jpg" alt="Water Table Simulation" class="img-responsive" />
<p><em> Simulated water table evolution from 1500CE to 3000CE. </em></p>
</div>
</div>
<!-- Section 2: Karst Aquifers -->
<div class="about-grids section-spacing">
<div class="about-grids-left">
<div class="panel panel-default">
<div class="panel-heading panel-heading-sub" role="tab" id="headingTwo">
<h4 class="panel-title asd">
<a>Characterizing Karst Aquifers with Hydrodynamical and Hydrochemical Methods</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body panel_text">
My research focuses on characterizing karst aquifers in the Hashtgerd Basin, located in northern Iran. Given that around 15% of the basin is covered by karst rocks, which supply approximately 30% of the region's drinking water, it is essential to understand the dynamics and behavior of these aquifers. The study employs hydrodynamical, hydrochemical, and isotopic investigations to analyze water from springs, qanats, and alluvial wells during both wet and dry seasons. This multi-disciplinary approach reveals that the dominant water types are calcium and magnesium-bicarbonate, arising from the dissolution of calcite and dolomite. The isotopic content of the water suggests that the aquifers are primarily recharged by precipitation and snowmelt, without significant evaporation processes. Understanding these aquifers' recharge and flow mechanisms is key to ensuring sustainable water management in the region.
The primary objectives of this research are to delineate the hydrogeological framework of karst aquifers and their interaction with surrounding alluvial aquifers. By analyzing the water chemistry and isotopic content, the study aims to identify the sources and pathways of groundwater flow, which can inform the development of a comprehensive drinking water safety plan. Moreover, the study highlights the potential impact of activities such as drilling in downstream areas, which could disrupt the natural discharge of karst water, providing crucial insights for sustainable resource management and policy-making.
</div>
</div>
</div>
</div>
<div class="about-grids-right animated wow slideInLeft" data-wow-delay="0s">
<img src="images/karst.jpg" alt="Karst Aquifer" class="img-responsive" />
<p><em> Characterizing karst aquifers through hydrodynamical and hydrochemical methods. </em></p>
</div>
</div>
<!-- Section 3: Rainwater Harvesting and Adaptation -->
<div class="about-grids section-spacing">
<div class="about-grids-left">
<div class="panel panel-default">
<div class="panel-heading panel-heading-sub" role="tab" id="headingThree">
<h4 class="panel-title asd">
<a>Rainwater Harvesting and Adaptation</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body panel_text">
In my research on rainwater harvesting, I aim to address the growing challenges of water scarcity in arid regions, where uneven rainfall distribution and high water demand for agriculture and human consumption present significant issues. Focusing on a case study in Kariyan village, Hormozgan province, Iran, my work explores the feasibility of constructing a reservoir capable of storing approximately one million cubic meters of runoff water. To identify the best location and optimize the reservoir’s design, I integrate remote sensing technologies with field surveys, assessing key parameters such as rainfall patterns, evaporation rates, water pricing, and soil permeability. This approach allows for a comprehensive understanding of how to effectively manage water resources, offering sustainable solutions for regions facing similar water challenges.
The objectives of this research are multifaceted. Firstly, I strive to pinpoint optimal sites for rainwater harvesting infrastructure by analyzing environmental and geographic data through GIS and remote sensing. Secondly, my work examines the engineering and environmental parameters that influence the reservoir's functionality, such as topography, local soil characteristics, and the proximity to areas of water demand. Ultimately, my goal is to contribute to sustainable water resource management practices that not only improve agricultural productivity but also support the livelihoods and ecosystems in water-scarce areas. By leveraging efficient water conservation strategies, this research aims to facilitate the sustainable use of rainwater as a vital resource for communities and agriculture.
</div>
</div>
</div>
</div>
<div class="about-grids-right animated wow slideInLeft" data-wow-delay="0s">
<img src="images/rainwater.jpg" alt="Rainwater Harvesting" class="img-responsive" />
<p><em> Sustainable rainwater harvesting techniques for adaptation to water scarcity. </em></p>
</div>
</div>
</div>
</div>
<!-- footer -->
<div class="footer"><a name="CONTACT Information"></a>
<div class="container">
<div class="footer-grids">
<div class="col-md-4 footer-grid ">
<h3>Contact Information</h3>
<p>Email: [email protected]</p>
<p>Building & Room: 3156 SES</p>
<p>Address: 845 West Taylor St.</p>
</div>
<div class="col-md-4 footer-grid ">
<br><br><br>
</div>
<div class="clearfix"> </div>
</div>
<div class="footer-grids1">
<div class="footer-grids1-left ">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li class="menu__item"><a href="research_edit.html" class="menu__link"><span class="menu__helper">Research</span></a></li>
<li class="menu__item"><a href="publications.html" class="menu__link"><span class="menu__helper">Publications</span></a></li>
<li class="menu__item"><a href="github.html" class="menu__link"><span class="menu__helper">Github</span></a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
</div>
<!-- //footer -->
<!-- for bootstrap working -->
<script src="js/bootstrap.js"></script>
<!-- //for bootstrap working -->
<!-- here stars scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
$().UItoTop({ easingType: 'easeOutQuart' });
});
</script>
<!-- //here ends scrolling icon -->
</body>
</html>