-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
610 lines (610 loc) · 28.3 KB
/
index.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
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://api.fontshare.com/v2/css?f[]=general-sans@500,600,400,700&display=swap"
rel="stylesheet"
/>
<title>Biddick Lab</title>
</head>
<body>
<header class="header container">
<nav>
<ul class="header__menu">
<li>
<a class="header__link" href="#about">About</a>
</li>
<li>
<a class="header__link" href="#featured">Work</a>
</li>
<li>
<a class="header__link" href="#contact">Contact</a>
</li>
<li class="header__line"></li>
<li>
<button id="theme-toggle" class="header__sun">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z"
/>
</svg>
</button>
</li>
<li>
<a
class="header__resume btn"
href="https://1drv.ms/b/s!AqXl1EGJakPuhIUHUWfjcJ-B3DbHqA?e=9ABZxb"
target="_blank"
>Resume</a
>
</li>
</ul>
<button class="header__bars">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
fill-rule="evenodd"
d="M3 6.75A.75.75 0 013.75 6h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 6.75zM3 12a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75A.75.75 0 013 12zm0 5.25a.75.75 0 01.75-.75h16.5a.75.75 0 010 1.5H3.75a.75.75 0 01-.75-.75z"
clip-rule="evenodd"
/>
</svg>
</button>
</nav>
</header>
<!-- Mobile navigation -->
<div class="mobile-nav">
<nav>
<ul class="mobile-nav__menu">
<li>
<a class="mobile-nav__link" href="#about">About</a>
</li>
<li>
<a class="mobile-nav__link" href="#featured">Work</a>
</li>
<li>
<a class="mobile-nav__link" href="#contact">Contact</a>
</li>
<li class="mobile-nav__link-line"></li>
<li>
<button id="theme-toggle" class="mobile-nav__sun">
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="currentColor"
>
<path
d="M12 2.25a.75.75 0 01.75.75v2.25a.75.75 0 01-1.5 0V3a.75.75 0 01.75-.75zM7.5 12a4.5 4.5 0 119 0 4.5 4.5 0 01-9 0zM18.894 6.166a.75.75 0 00-1.06-1.06l-1.591 1.59a.75.75 0 101.06 1.061l1.591-1.59zM21.75 12a.75.75 0 01-.75.75h-2.25a.75.75 0 010-1.5H21a.75.75 0 01.75.75zM17.834 18.894a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 10-1.061 1.06l1.59 1.591zM12 18a.75.75 0 01.75.75V21a.75.75 0 01-1.5 0v-2.25A.75.75 0 0112 18zM7.758 17.303a.75.75 0 00-1.061-1.06l-1.591 1.59a.75.75 0 001.06 1.061l1.591-1.59zM6 12a.75.75 0 01-.75.75H3a.75.75 0 010-1.5h2.25A.75.75 0 016 12zM6.697 7.757a.75.75 0 001.06-1.06l-1.59-1.591a.75.75 0 00-1.061 1.06l1.59 1.591z"
/>
</svg>
</button>
</li>
<li>
<a
class="mobile-nav__button btn"
href="https://1drv.ms/b/s!AqXl1EGJakPuhIUHUWfjcJ-B3DbHqA?e=9ABZxb"
target="_blank"
>
Resume</a
>
</li>
</ul>
</nav>
</div>
<!-- End of mobile navigation -->
<main>
<section class="hero container">
<img
class="background__image-passionflower"
src="/passion-flower-illustration.png"
alt="illustration of passion flower"
/>
<img
class="hero__img"
src="/matt-biddick-profile-picture.jpg"
alt="profile picture"
/>
<h2 class="hero__subtitle">Dr. Matt Biddick</h2>
<h1 class="hero__title">EVOLUTIONARY ECOLOGIST.</h1>
<p class="hero__description">
A passionate
<strong>scientific writer</strong>,
<strong>data scientist</strong> and
<strong>academic mentor</strong> specialized in crafting
<strong>sensational manuscripts</strong> for publication.
</p>
<a
class="hero__btn btn"
href="mailto:matthew.biddick@icloud.com"
taget="_blank"
>Reach out</a
>
</section>
<section id="about" class="about container section">
<div class="about__content">
<h2 class="about__heading">About</h2>
<p class="about__description">
High-performing researcher with
<strong>10 years of experience</strong> expertly spearheading theory
and analysis across <strong>biogeography</strong>,
<strong>ecology</strong> and <strong>evolution</strong>. Confident
in ability to develop dynamic models at the forefront of terrestrial
ecosystem ecology. Comfortable effectively managing large-scale
projects. Extensive taxonomic knowledge of New Zealand and central
european biotas.
</p>
<p class="about__description quote">
"Over the years I have developed a tried-and-true system for writing
captivating papers <strong>fast</strong>. Many have suggested I
share this knowledge to help aspiring researchers do the same. So I
founded <a href="/pricing">CLAVES Consulting</a>
to help you turn your hard work in the field and laboratory into
phenomenal publications."
</p>
<hr class="about__hr" />
<h3>Proficiencies</h3>
<div class="about__ul-container">
<ul class="about__ul">
<li class="about__list">Data Analytics & Visualization</li>
<li class="about__list">RStudio & Python</li>
<li class="about__list">Cross-Scale Modelling</li>
</ul>
<ul class="about__ul">
<li class="about__list">Scientific Writing</li>
<li class="about__list">Project Management</li>
<li class="about__list">Web Development</li>
</ul>
</div>
</div>
<div class="about__img-wrapper">
<img
class="about__img lazy loading"
src="https://fakeimg.pl/1500"
data-src="/matt-biddick-scientist-profile.jpg"
alt="profile picture"
/>
</div>
</section>
<section id="featured" class="featured container section">
<h3 class="featured__subtitle">Featured work</h3>
<div class="featured__wrapper">
<h2 class="featured__title">ISLAND BIOLOGY</h2>
<a
class="featured__link"
href="https://www.pnas.org/doi/10.1073/pnas.1907424116"
target="_blank"
>
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
stroke-width="1.5"
stroke="currentColor"
>
<path
stroke-linecap="round"
stroke-linejoin="round"
d="M13.19 8.688a4.5 4.5 0 011.242 7.244l-4.5 4.5a4.5 4.5 0 01-6.364-6.364l1.757-1.757m13.35-.622l1.757-1.757a4.5 4.5 0 00-6.364-6.364l-4.5 4.5a4.5 4.5 0 001.242 7.244"
/>
</svg>
</a>
</div>
<p class="featured__description">
The <strong>island rule</strong> predicts that small animals evolve to
become larger on islands, while large animals evolve to become
smaller. It has been studied for over half a century, and its validity
is fiercely debated. Here, we provide a perspective on the debate by
conducting a test of the island rule in plants. Results from an
extensive dataset on islands in the southwest Pacific illustrate that
plant stature and leaf area obey the island rule, but seed size does
not. Our results indicate that the island rule may be more pervasive
than previously thought and that support for its predictions varies
among functional traits.
</p>
<div class="featured__info-container">
<img
class="background__image-dodobird"
src="/dodo-bird-illustration.png"
alt="illustration-of-dodo-bird"
/>
<div>
<h3 class="featured__label">Skills Utilized</h3>
<ul class="featured__tech-stack">
<li class="featured__info">Phylogenetic pairing</li>
<li class="featured__info">Data collation</li>
<li class="featured__info">
Image processing and data extraction
</li>
<li class="featured__info">Linear mixed effects modelling</li>
<li class="featured__info">GGplot2 data visualization</li>
<li class="featured__info">Clear & Concise writing</li>
</ul>
</div>
<div>
<h3 class="featured__label">Journals</h3>
<p class="featured__info">
PNAS <br />
Ecology Letters
</p>
</div>
<div>
<h3 class="featured__label">Impact Factor</h3>
<p class="featured__info">
12.779 <br />
11.274
</p>
</div>
</div>
<div class="featured__img-container">
<div class="featured__img-wrapper">
<img
class="lazy loading"
src="https://fakeimg.pl/1600x900"
data-src="/pnas-cover-page.jpg"
alt="PNAS Cover Page"
/>
</div>
<div class="featured__img-wrapper">
<img
class="lazy loading"
src="https://fakeimg.pl/1600x900"
data-src="/plants-obey-the-island-rule-screenshot.jpg"
alt="PNAS Page 1 Screenshot"
/>
</div>
<div class="featured__img-wrapper">
<img
class="lazy loading"
src="https://fakeimg.pl/1600x900"
data-src="/ecology-letters-abstract.jpg"
alt="Ecology Letters abstract"
/>
</div>
<div class="featured__img-wrapper">
<img
class="lazy loading"
src="https://fakeimg.pl/1600x900"
data-src="/ecology-letters-figure.jpg"
alt="Ecology Letters page 1"
/>
</div>
</div>
</section>
<section class="work container section">
<h2 class="work__title">Projects</h2>
<p class="work__description">
The three pillars of my research can be categorized as
<strong>biogeography</strong>,
<strong>comparative evolutionary biology</strong>, and
<strong>natural history</strong>. I develop eco-evolutionary models
predicated on sound ecological theory from the ground-up. These models
are based on real world observations and leverage the
<a>natural laboratory</a> role of island ecosystems to shed light on
the remarkable processes shaping their biotas over historical and
geological timespans. Unfortunately, despite comprising less than 5%
of Earth’s total landmass,
<strong>more than 75% of animal extinctions</strong> in the last five
decades have occurred on islands. Thus, the learnings made in this
realm can readily be expanded to better understand and conserve
continental ecosystems like those in Central Europe.
</p>
<div class="work__container">
<!-- project 1 -->
<h3 class="work__project-title">Morphological Evolution</h3>
<div class="work__img-wrapper work__image1">
<img
class="lazy loading"
src="https://fakeimg.pl/800"
data-src="/evolutionary-drift-model-figure.jpg"
alt="Project 1 image"
/>
</div>
<div class="work__project work__content1">
<h3 class="work__project-subtitle">Morphological Evolution</h3>
<p class="work__project-description1">
Plants & animals that colonize isolated islands often evolve in
predictable ways. Birds, for example, almost universally become
larger and lose the ability to fly. <a>Why?</a>
</p>
<p class="work__project-description2">
A simple null model suggests that the secret to island endemics
and their unique sizes may lie in their shared subjegation to
evolutionary drift.
</p>
<a
class="btn work__project-btn"
href="https://onlinelibrary.wiley.com/doi/full/10.1111/ele.13781"
target="_blank"
>Learn more</a
>
</div>
<!-- project 2 -->
<h3 class="work__project-title">Seed Dynamics & Climate Warming</h3>
<div class="work__img-wrapper work__image2">
<img
class="lazy loading"
src="https://fakeimg.pl/800"
data-src="/climate-warming-seed-dormancy-figure.jpg"
alt="Project 2 image"
/>
</div>
<div class="work__project work__content2">
<h3 class="work__project-subtitle">
Seed Dynamics & Climate Warming
</h3>
<p class="work__project-description1">
Many plants produce <a>dormant seeds</a> as a means of
synchronizing germination with favorable growing conditions.
However, climate warming could compromise this important
ecological strategy.
</p>
<p class="work__project-description2">
We ran a two-year warming experiment to establish the effect of
different future climate scenarios for tropical Fabaceae.
</p>
<a
class="btn work__project-btn"
href="https://www.frontiersin.org/articles/10.3389/fpls.2021.782706/full"
target="_blank"
>What we discovered</a
>
</div>
<!-- project 3 -->
<h3 class="work__project-title">EcolSym</h3>
<div class="work__img-wrapper work__image3">
<img
class="lazy loading"
src="https://fakeimg.pl/800"
data-src="/julia-schmack-holding-wasp-nest.jpg"
alt="Project 3 image"
/>
</div>
<div class="work__project work_content3">
<h3 class="work__project-subtitle">EcolSym</h3>
<p class="work__project-description1">
EcolSym aims to <a>harmonize</a> the ecosystem services of the
biodiversity naturally occurring on farms with the industrial aims
of the producers managing them. For example, one division of
EcolSym is exploring the potential for social wasps as a
replacement for pesticides to control crop pests.
</p>
<p class="work__project-description2">
EcolSym certifications <a>empower producers</a> to market their
goods as ecologically robust to the consumer; simultaneously
increasing their products’ value in the marketplace and satisfying
national environmental directives.
</p>
<a class="btn work__project-btn" href="#">Coming soon</a>
</div>
<!-- project 4 -->
<h3 class="work__project-title">Forest Hydrology</h3>
<div class="work__img-wrapper work__image4">
<img
class="lazy loading"
src="https://fakeimg.pl/800"
data-src="/wet-leaf.jpg"
alt="Project 4 image"
/>
</div>
<div class="work__project work__content4">
<h3 class="work__project-subtitle">Forest Hydrology</h3>
<p class="work__project-description1">
Stormwater is a <a>vital resource</a> and dynamic driver of
terrestrial ecosystem processes. Storm-related phenomena trigger
lasting, oversized impacts on hydrologic and biogeochemical
processes, organismal traits or functions, and ecosystem services
at all scales.
</p>
<p class="work__project-description2">
However, processes controlling interactions during and shortly
after storms are often poorly seen and poorly sensed when direct
observations are substituted with technological ones. We discuss
how human observations complement technological ones and the
benefits of scientists
<a>spending more time in the storm</a>.<br />
(Photo credit: John Van Stan).
</p>
<a
class="btn work__project-btn"
href="https://academic.oup.com/bioscience/article/73/6/441/7191438"
target="_blank"
>Read here</a
>
</div>
<!-- project 5 -->
<h3 class="work__project-title">Defensive Mutualisms</h3>
<div class="work__img-wrapper work__image5">
<img
class="lazy loading"
src="https://fakeimg.pl/800"
data-src="/leaf-domatia-close-up.jpg"
alt="Project 5 image"
/>
</div>
<div class="work__project work__content5">
<h3 class="work__project-subtitle">Defensive Mutualisms</h3>
<p class="work__project-description1">
Did you know some plants produce <a>tiny homes</a> for mites? In
return, mites consume herbivorous arthropods and parasitic fungi
like leaf moulds that would otherwise hard the host plant.
</p>
<p class="work__project-description2">
This unlikely yet remarkable relationship has hardly been touched
by the scientific community, despite its potential to
<a>revolutionize how we deter agricultural pests</a> and breed
crop varieties.
</p>
<a
class="btn work__project-btn"
href="https://royalsocietypublishing.org/doi/full/10.1098/rsbl.2022.0425"
target="_blank"
>Read more</a
>
</div>
<!-- project 6 -->
<h3 class="work__project-title">Size-Dependency & Traits</h3>
<div class="work__img-wrapper work__image6">
<img
class="lazy loading"
src="https://fakeimg.pl/800"
data-src="/small-island.jpg"
alt="Project 6 image"
/>
</div>
<div class="work__project work__content6">
<h3 class="work__project-subtitle">Size-Dependent Traits</h3>
<p class="work__project-description1">
Trait-based research is plagued by the indelible fact that traits
scale with organismal size. Closer inspection reveals that diverse
methodologies are used to account for body size, highlighting
<a>a lack of scientific consensus</a>
on what constitutes best practice.
</p>
<p class="work__project-description2">
We outline the assumptions, benefits and shortcomings of
commonly-used body size corrections and discuss their appropriate
use-cases. We then provide a <a>statistical roadmap</a> to help
researchers to decide which to use and when.
</p>
<a
class="btn work__project-btn"
href="mailto:matthew.biddick@icloud.com"
taget="_blank"
>Get involved</a
>
</div>
</div>
</section>
<section id="contact" class="contact container section">
<h2 class="contact__title">Get In Contact</h2>
<p class="contact__description">
Whether you are keen to get involved, have coaching inquiries or just
want to say hi, my inbox is always open so feel free to reach out and
I will get back to you as soon as possible.
</p>
<a
class="contact__btn btn"
href="mailto:matthew.biddick@icloud.com"
taget="_blank"
>Reach out</a
>
</section>
</main>
<footer class="footer section">
<img class="footer__fern" src="/fern-footer.png" alt="Footer fern" />
<div class="footer__container1">
<div class="footer__container1-bin">
<li class="footer__container1-bin-item">Contact</li>
<li class="footer__container1-bin-item">
matthew.biddick@icloud.com
</li>
<li class="footer__container1-bin-item"></li>
</div>
<div class="footer__container1-bin">
<li class="footer__container1-bin-item">Resources</li>
<li class="footer__container1-bin-item underline-on-hover">
<a
class="footer__container1-bin-link"
href="https://1drv.ms/b/s!AqXl1EGJakPuhIYJUcFvhvqjfvR9-A?e=7Fprll"
>Privacy policy</a
>
</li>
</div>
<div class="footer__container1-bin">
<li class="footer__container1-bin-item">Connect</li>
<li class="footer__container1-bin-item">
ResearchGate
<a
href="https://www.researchgate.net/profile/Matthew_Biddick"
target="_blank"
>
<svg
class="footer__icon"
style="color: white"
fill="currentColor"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>ResearchGate</title>
<path
d="M19.586 0c-.818 0-1.508.19-2.073.565-.563.377-.97.936-1.213 1.68a3.193 3.193 0 0 0-.112.437 8.365 8.365 0 0 0-.078.53 9 9 0 0 0-.05.727c-.01.282-.013.621-.013 1.016a31.121 31.123 0 0 0 .014 1.017 9 9 0 0 0 .05.727 7.946 7.946 0 0 0 .077.53h-.005a3.334 3.334 0 0 0 .113.438c.245.743.65 1.303 1.214 1.68.565.376 1.256.564 2.075.564.8 0 1.536-.213 2.105-.603.57-.39.94-.916 1.175-1.65.076-.235.135-.558.177-.93a10.9 10.9 0 0 0 .043-1.207v-.82c0-.095-.047-.142-.14-.142h-3.064c-.094 0-.14.047-.14.141v.956c0 .094.046.14.14.14h1.666c.056 0 .084.03.084.086 0 .36 0 .62-.036.865-.038.244-.1.447-.147.606-.108.385-.348.664-.638.876-.29.212-.738.35-1.227.35-.545 0-.901-.15-1.21-.353-.306-.203-.517-.454-.67-.915a3.136 3.136 0 0 1-.147-.762 17.366 17.367 0 0 1-.034-.656c-.01-.26-.014-.572-.014-.939a26.401 26.403 0 0 1 .014-.938 15.821 15.822 0 0 1 .035-.656 3.19 3.19 0 0 1 .148-.76 1.89 1.89 0 0 1 .742-1.01c.344-.244.593-.352 1.137-.352.508 0 .815.096 1.144.303.33.207.528.492.764.925.047.094.111.118.198.07l1.044-.43c.075-.048.09-.115.042-.199a3.549 3.549 0 0 0-.466-.742 3 3 0 0 0-.679-.607 3.313 3.313 0 0 0-.903-.41A4.068 4.068 0 0 0 19.586 0zM8.217 5.836c-1.69 0-3.036.086-4.297.086-1.146 0-2.291 0-3.007-.029v.831l1.088.2c.744.144 1.174.488 1.174 2.264v11.288c0 1.777-.43 2.12-1.174 2.263l-1.088.2v.832c.773-.029 2.12-.086 3.465-.086 1.29 0 2.951.057 3.667.086v-.831l-1.49-.2c-.773-.115-1.174-.487-1.174-2.264v-4.784c.688.057 1.29.057 2.206.057 1.748 3.123 3.41 5.472 4.355 6.56.86 1.032 2.177 1.691 3.839 1.691.487 0 1.003-.086 1.318-.23v-.744c-1.031 0-2.063-.716-2.808-1.518-1.26-1.376-2.95-3.582-4.355-6.074 2.32-.545 4.04-2.722 4.04-4.9 0-3.208-2.492-4.698-5.758-4.698zm-.515 1.29c2.406 0 3.839 1.26 3.839 3.552 0 2.263-1.547 3.782-4.097 3.782-.974 0-1.404-.03-2.063-.086v-7.19c.66-.059 1.547-.059 2.32-.059z"
/>
</svg>
</a>
</li>
<li class="footer__container1-bin-item">
LinkedIn
<a href="https://www.linkedin.com/in/matt-biddick" target="_blank">
<svg
class="footer__icon"
style="color: white"
xmlns="http://www.w3.org/2000/svg"
width="16"
height="16"
fill="currentColor"
class="bi bi-linkedin"
viewBox="0 0 16 16"
>
<path
d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"
fill="white"
></path>
</svg>
</a>
</li>
<li class="footer__container1-bin-item">
Twitter<a href="https://twitter.com/mattbiddick" target="_blank">
<svg
class="footer__icon"
style="color: white"
fill="currentColor"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>Twitter</title>
<path
d="M21.543 7.104c.015.211.015.423.015.636 0 6.507-4.954 14.01-14.01 14.01v-.003A13.94 13.94 0 0 1 0 19.539a9.88 9.88 0 0 0 7.287-2.041 4.93 4.93 0 0 1-4.6-3.42 4.916 4.916 0 0 0 2.223-.084A4.926 4.926 0 0 1 .96 9.167v-.062a4.887 4.887 0 0 0 2.235.616A4.928 4.928 0 0 1 1.67 3.148 13.98 13.98 0 0 0 11.82 8.292a4.929 4.929 0 0 1 8.39-4.49 9.868 9.868 0 0 0 3.128-1.196 4.941 4.941 0 0 1-2.165 2.724A9.828 9.828 0 0 0 24 4.555a10.019 10.019 0 0 1-2.457 2.549z"
/>
</svg>
</a>
</li>
<li class="footer__container1-bin-item">
GitHub<a href="https://github.com/Matt-Biddick" target="_blank"
><svg
class="footer__icon"
style="color: white"
fill="currentColor"
role="img"
viewBox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
>
<title>GitHub</title>
<path
d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"
/>
</svg>
</a>
</li>
</div>
</div>
<div class="footer__container2">
<p class="footer__copyright">
© 2023 Claves Publishing Ltd. All rights reserved.
</p>
<h3 class="footer__signature">~ Built by Matt Biddick ~</h3>
</div>
</footer>
<script type="module" src="./src/main.js"></script>
</body>
</html>