Bio/index.html at master · benb0228/Bio · GitHub

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
<!DOCTYPE html>
<!-- saved from url=(0026)http://www.rutaganira.com/ -->
<html lang="en" class=" js cssanimations"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Ben Bass | Home</title>
  <meta name="author" content="Ben Bass">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="./js/jquery-1.7.1.min.js.download"></script>
  <script src="./js/bootstrap.js.download"></script>
  <link rel="stylesheet" href="./css/bootstrap.css">
  <link rel="stylesheet" href="./css/component.css">
  <link rel="stylesheet" href="./css/animate.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/imagehover.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>

<!-- header -->
<div id="top" class="header-bg fullpage" style="height: 864px;">
<div class="header fullpage" style="height: 864px;">
  <div class="container">
    <div class="absolute-center">
    <div class="row">
      <div class="col-sm-10">
        <h1 class="info animated fadeInDown"><a class="logo">Hey there!<br>My name is <u>Ben Bass</u></a><br><b>This site includes<br>samples of my projects</b></h1>
        <a href="https://benb0228.github.io/bens_webpage/#pubs" class="btn scroll animated bounceInUp">Research and Projects</a><a href="https://benb0228.github.io/bens_webpage/#contact" class="btn scroll animated bounceInDown">Contact</a>
      </div>
    </div>
    </div>
  </div>
</div>
</div>
<!-- header -->


<div class="content-body">


<!-- pubs -->
<div id="pubs" class="portfolio spacer">
<div class="container">
<h2 class="center">Research and Projects</h2>
  <p class="center"><b><big>Here are links to my research publications and professional work. Click project image for more information.</b></big></p>

  <ul class="grid effect-2" id="grid" style="position: relative; height: 858px;">
    <li style="position: absolute; left: 0px; top: 0px;">
      <a href="https://dl.sciencesocieties.org/publications/vzj/abstracts/16/2/vzj2016.11.0108" target="_blank">
      <h_pubs><br><center>Hydrogeophysics</center></h_pubs>
      <img src="./img/Vadose_Zone_Journal.jpg" alt="broken">
      </a>
      <p_pubs><center>Vegetation and Soil Impacts on Groundwater Recharge<br><b>Software Utilized:</b>Electrical Resistivity Inverse Modeling</center></p_pubs>
    </li>

    <li style="position: absolute; left: 339px; top: 0px;">
      <a href="https://ascelibrary.org/doi/abs/10.1061/(ASCE)NH.1527-6996.0000241" target="_blank">
      <h_pubs><center>Hydrology & Hydraulics</center></h_pubs>
      <img src="./img/Brays_Bayou.jpg" alt="broken">
      </a>
      <p_pubs><center>Multi-Decadal Changes in Urban Flooding<br><b>Software Utilized:</b>HEC-HMS, Unsteady 1D HEC-RAS</center></p_pubs>
    </li>

    <li style="position: absolute; left: 0px; top: 286px;">
      <a href="https://www.sciencedirect.com/science/article/pii/S0022169418300143" target="_blank">
      <h_pubs><br><center>Machine Learning</center></h_pubs>
      <img src="./img/Surrogate_Modeling.jpg" alt="broken">
      </a>
      <p_pubs><center>For Representing Coastal Flood Risk<br><b>Software Utilized:</b>HEC-HMS, Unsteady 1D HEC-RAS, ADCIRC+SWAN</center></p_pubs>
    </li>

    <li style="position: absolute; left: 339px; top: 286px;">
      <a href="https://ascelibrary.org/doi/abs/10.1061/(ASCE)WW.1943-5460.0000389" target="_blank">
      <h_pubs><center>Coastal Flood Protection</center></h_pubs>
      <img src="./img/Hurricane_Ike.jpg" alt="broken">
      </a>
      <p_pubs><center>Evaluation of Proposed Houston-Galveston Surge Barriers<br><b>Software Utilized:</b>ADCIRC+SWAN, Aquaveo SMS</center></p_pubs>
    </li>

    <li style="position: absolute; left: 0px; top: 572px;">
      <a href="https://www.sciencedirect.com/science/article/pii/S0378383916301326" target="_blank">
      <h_pubs><center>Coastal Erosion & Sea Level Rise</center></h_pubs>
      <img src="./img/Houst_Galv_Coastal_SLR_Erosion.jpg" alt="broken">
      </a>
      <p_pubs><center>Impacts on Flooding in Houston-Galvestion<br><b>Software Utilized:</b>ADCIRC+SWAN, Aquaveo SMS</center></p_pubs>
    </li>

    <li style="position: absolute; left: 339px; top: 572px;">
      <a href="./links/links.html" target="_blank">
      <h_pubs><br><center>Consulting</center></h_pubs>
      <img src="./img/Woodard_Curran.jpg" alt="broken">
      </a>
      <p_pubs><center>Short Description of Projects Worked on at Woodard & Curran<br><b>Software Utilized:</b>HEC-HMS, HEC-RAS, InfoWorks ICM, SewerGEMS, MODFLOW, PRMS</center></center></p_pubs>
    </li>

  </ul>
</div>

</div>
<!-- pubs -->

<!-- programming
<div id="works" class="portfolio spacer">
<div class="container">
<h3 class="center">Programming</h3>
  <p class="center">In addition to research and projects, I'm into programming, machine learning, web development. Here are examples of my work.</p>

  <ul class="grid effect-2" id="grid">
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/alex.jpg" alt="broken">
        <figcaption>
          <h3>Alex T.</h3>
          <p>August | Davis, CA.</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/amy.jpg" alt="broken">
        <figcaption>
          <h3>Amy D.</h3>
          <p>August | Davis, CA.</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/lome.jpg" alt="broken">
        <figcaption>
          <h3>Emmanuel R.</h3>
          <p>July | Woodland, CA.</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/lola.jpg" alt="broken">
        <figcaption>
          <h3>Lola E.</h3>
          <p>February | Sacramento, CA.</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/rosie.jpg" alt="broken">
        <figcaption>
          <h3>Rosie D.</h3>
          <p>July | Woodland, CA.</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/lowlife.jpg" alt="broken">
        <figcaption>
          <h3>Daikoku Showdown</h3>
          <p>August | Sacramento, CA</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/niki.jpg" alt="broken">
        <figcaption>
          <h3>Nikki F.</h3>
          <p>February | Sacramento, CA.</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/elsa.jpg" alt="broken">
        <figcaption>
          <h3>Cosplay Meetup</h3>
          <p>June | Roseville, CA.</p>
        </figcaption>
      </figure>
    </li>
    <li>
      <figure class="tr-fadeoverlay">
        <img src="./img/fashion.jpg" alt="broken">
        <figcaption>
          <h3>Dolce+SEP Fashion Show</h3>
          <p>July | San Francisco, CA.</p>
        </figcaption>
      </figure>
    </li>
  </ul>
</div>
</div>
programming -->


<!-- contact -->
<div id="contact" class="footer center spacer">


  <div class="container">
    <div class="row">
      <div class="col-sm-offset-3 col-sm-6 contact-form">
      <h3>Contact</h3>
      <p>Questions about Research? Programming Projects? Whatever the question, feel free to contact me through one of the following: </p>
      <div class="row">
        <div class="col-md-4"></div>
        <div class="col-md-2"><a href="http://www.linkedin.com/in/BenjaminBassPhD" target="_blank"><i class="fa fa-linkedin animated bounceInDown" aria-hidden="true"></i></a></div>
        <div class="col-md-2"><a href="mailto:benb0228@gmail.com"><i class="fa fa-envelope animated bounceInDown" aria-hidden="true"></i></a></div>
        <div class="col-md-4"></div>
      </div>
      </div>
    </div>


  </div>
</div>
<!-- contact -->


<a href="https://benb0228.github.io/bens_webpage/#top" class="toTop scroll"><i class="fa fa-angle-up"></i></a>


    <!-- gridloading script -->
    <script src="./js/modernizr.custom.js.download"></script>
    <script src="./js/masonry.pkgd.min.js.download"></script>
    <script src="./js/imagesloaded.js.download"></script>
    <script src="./js/classie.js.download"></script>
    <script src="./js/AnimOnScroll.js.download"></script>
    <!-- gridloading script -->


    <script src="./js/scripts.js.download"></script>


</div></body></html>