-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
237 lines (184 loc) · 10.6 KB
/
blog.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
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-9CRVNZY34D"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-9CRVNZY34D');
</script>
<title> pcarbomestre</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Personal website">
<link rel="shortcut icon" href="favicon.ico">
<!-- FontAwesome JS-->
<script defer src="assets/fontawesome/js/all.min.js"></script>
<!-- Theme CSS -->
<link id="theme-style" rel="stylesheet" href="assets/css/theme-9.css">
<!-- Style HTML -->
<style>
::selection {
color: white;
background: #154973;
}
</style>
</head>
<body>
<header class="header text-center">
<div class="force-overflow">
<h1 class="blog-name pt-lg-4 mb-0"><a class="no-text-decoration" href="index.html">Pol Carbó</a></h1>
<nav class="navbar navbar-expand-lg navbar-dark" >
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navigation" aria-controls="navigation" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navigation" class="collapse navbar-collapse flex-column" >
<div class="profile-section pt-3 pt-lg-0" >
<img class="profile-image mb-3 rounded-circle mx-auto" src="assets/images/profile.png" alt="image" >
<div style="margin-bottom: 20px;">
</div>
<div class="bio mb-3">Hi, my name is Pol Carbó. I am a Marine Scientist and Data enthusiast. I recently graduated with a Master's degree in Environmental Science and Management from UCSB.</div><!--//bio-->
<div style="margin-bottom: 40px;">
</div>
<ul class="social-list list-inline py-2 mx-auto">
<li class="list-inline-item"><a href="https://twitter.com/p_carbomestre" target="_blank"><i class="fab fa-twitter fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/in/polcarbo/" target="_blank"><i class="fab fa-linkedin-in fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/pcarbomestre" target="_blank"><i class="fab fa-github-alt fa-fw"></i></a></li>
<li class="list-inline-item"><a href="mailto:[email protected]" target="_blank"><i class="fab fa fa-envelope fa-fw"></i></a></li>
</ul><!--//social-list-->
<div style="margin-bottom: 20px;">
</div>
<hr>
</div><!--//profile-section-->
<ul class="navbar-nav flex-column text-start">
<li class="nav-item">
<a class="nav-link" href="index.html"><i class="fas fa-user fa-fw me-2"></i>About Me<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="resume.html"><i class="fas fa-file-alt fa-fw me-2"></i>Resume</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="blog.html"><i class="fas fa-blog fa-fw me-2"></i>Blog</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html"><i class="fas fa-envelope-open-text fa-fw me-2"></i>Contact</a>
</li>
</ul>
<div class="dark-mode-toggle text-center w-100">
<hr class="mb-4">
</div>
<div style="margin-bottom: 60px;">
</div>
</div>
</nav>
</div><!--//force-overflow-->
</header>
<div class="main-wrapper">
<section class="cta-section theme-bg-light py-5">
<div class="container text-center single-col-max-width">
<h2 class="heading">My Blog</h2>
<div class="intro">Welcome to my blog! Here you will find a collection of projects that I have worked on. Take a moment to explore them and enjoy!</div>
</div><!--//container-->
</section>
<section class="blog-list px-3 py-5 p-md-5">
<div class="container single-col-max-width">
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid2 post-thumb" src="assets/images/blog/blog-post-thumb-6.png" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-posts/FoodSight/blog-post_FoodSight.html">Introducing FoodSight: Bridging the Gap in Ranching Data Accessibility</a></h3>
<div class="meta mb-1"><span class="date">October 30th, 2023</span><span class="time">3 min read</span></span></div>
<div class="intro">In this post, I want to present to you the latest project I have been involved in. FoodSight, an ambitious platform aiming to integrate crucial ranching data....</div>
<a class="text-link" href="blog-posts/FoodSight/blog-post_FoodSight.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
</div>
<div class="container single-col-max-width">
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid2 post-thumb" src="assets/images/blog/blog-post-thumb-5.png" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-posts/SAR-Fisheries/blog-post_SAR-Fisheries.html">Vessel detection in SAR images: Potential for improved fisheries management</a></h3>
<div class="meta mb-1"><span class="date">June 21th, 2023</span><span class="time">16 min read</span></span></div>
<div class="intro">In this post I show how the derived data from a vessel detection model can be used to monitor fishing activities...</div>
<a class="text-link" href="blog-posts/SAR-Fisheries/blog-post_SAR-Fisheries.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
</div>
<div class="container single-col-max-width">
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid2 post-thumb" src="assets/images/blog/blog-post-thumb-4.png" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-posts/Faster-RCNN/blog-post_Faster-RCNN.html">Vessel Detection with AI: SAR Imagery and Faster R-CNN Models</a></h3>
<div class="meta mb-1"><span class="date">June 10th, 2023</span><span class="time">2 min read</span></span></div>
<div class="intro">Using computer vision techniques in combination with Synthetic Aperture Radar (SAR) images, I created a model capable of detecting ships in open ocean and coastal areas...</div>
<a class="text-link" href="blog-posts/Faster-RCNN/blog-post_Faster-RCNN.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
</div>
<div class="container single-col-max-width">
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid2 post-thumb" src="assets/images/blog/blog-post-thumb-3.png" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-posts/Conductor_ShinyTour/blog-post_Conductor_ShinyTour.html">R Shiny interactive tours using Conductor</a></h3>
<div class="meta mb-1"><span class="date">May 13th, 2023</span><span class="time">5 min read</span></span></div>
<div class="intro">Check out the user-friendly guide I added to the Gaviota Coast Interactive Planner created for The Nature Conservancy. It is a great example if you are interested in implementing a guided tour in your own app...</div>
<a class="text-link" href="blog-posts/Conductor_ShinyTour/blog-post_Conductor_ShinyTour.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
</div>
<div class="container single-col-max-width">
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid2 post-thumb" src="assets/images/blog/blog-post-thumb-2.png" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-posts/TNC-Interactive_planner/blog-post_TNC-planner.html">Creating an Interactive Planner using R Shiny</a></h3>
<div class="meta mb-1"><span class="date">March 24th, 2023</span><span class="time">3 min read</span></span></div>
<div class="intro">As part of my Master's project for The Nature Conservancy, I have been developing the Gaviota Region Interactive Planner, an R Shiny app designed to visualize and evaluate spatial environmental data in the Santa Barbara County region...</div>
<a class="text-link" href="blog-posts/TNC-Interactive_planner/blog-post_TNC-planner.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
</div>
<div class="container single-col-max-width">
<div class="item mb-5">
<div class="row g-3 g-xl-0">
<div class="col-2 col-xl-3">
<img class="img-fluid2 post-thumb" src="assets/images/blog/blog-post-thumb-1.jpg" alt="image">
</div>
<div class="col">
<h3 class="title mb-1"><a class="text-link" href="blog-posts/GFW-GEE/blog-post_GFW-GEE.html">Extracting GFW's Fishing Effort Data using Earth Engine Python API</a></h3>
<div class="meta mb-1"><span class="date">February 20th, 2023</span><span class="time">12 min read</span></span></div>
<div class="intro">In this post we will dive into the world of Google Earth Engine (GEE) datasets and how to access them using the Python API. Our focus will be on a dataset from Global Fishing Watch (GFW) which provides daily fishing effort as inferred fishing hours. We will take you through the steps of how to read in the dataset, visualize the data, and extract...</div>
<a class="text-link" href="blog-posts/GFW-GEE/blog-post_GFW-GEE.html">Read more →</a>
</div><!--//col-->
</div><!--//row-->
</div><!--//item-->
</div>
</section>
</div><!--//main-wrapper-->
<!-- Javascript -->
<script src="assets/plugins/popper.min.js"></script>
<script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>