-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (73 loc) · 5.1 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
---
# Feel free to add content and custom Front Matter to this file.
# To modify the layout, see https://jekyllrb.com/docs/themes/#overriding-theme-defaults
layout: home
---
<!--==================== HOME ====================-->
<section class="home section" id="home">
<div class="home__container container grid">
<div class="home__content grid">
<div class="home__social">
<a href="https://bsky.app/profile/hugoflavio.com" target="_blank" class="home__social-icon">
<i class="fa-brands fa-bluesky"></i>
</a>
<a href="https://ecoevo.social/@HugoMFlavio" target="_blank" rel="me" class="home__social-icon">
<i class="fab fa-mastodon"></i>
</a>
<a href="https://github.com/hugomflavio/" target="_blank" class="home__social-icon">
<i class="uil uil-github-alt"></i>
</a>
<a href="https://www.researchgate.net/profile/Hugo-Flavio" target="_blank" class="home__social-icon">
<i class="fa-brands fa-researchgate"></i>
</a>
</div>
<div class="home__img">
<svg class="home__blob" viewBox="0 0 200 187" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs id="defs12407">
<linearGradient xlink:href="#linearGradient10292" id="linearGradient11147" gradientUnits="userSpaceOnUse" x1="195.19469" y1="184.21077" x2="76.252754" y2="34.675434" />
<linearGradient id="linearGradient10292">
<stop style="stop-color:#000000;stop-opacity:0.64705884;" offset="0" id="stop10288" />
<stop style="stop-color:#000000;stop-opacity:0;" offset="1" id="stop10290" />
</linearGradient>
</defs>
<mask id="mask0" mask-type="alpha">
<path d="M190.312 36.4879C206.582 62.1187 201.309 102.826 182.328 134.186C163.346 165.547 130.807 187.559 100.226 186.353C69.6454 185.297 41.0228 161.023 21.7403 129.362C2.45775 97.8511 -7.48481 59.1033 6.67581 34.5279C20.9871 10.1032 59.7028 -0.149132 97.9666 0.00163737C136.23 0.303176 174.193 10.857 190.312 36.4879Z" id="path12394"/>
</mask>
<g mask="url(#mask0)" id="g12401">
<path d="M190.312 36.4879C206.582 62.1187 201.309 102.826 182.328 134.186C163.346 165.547 130.807 187.559 100.226 186.353C69.6454 185.297 41.0228 161.023 21.7403 129.362C2.45775 97.8511 -7.48481 59.1033 6.67581 34.5279C20.9871 10.1032 59.7028 -0.149132 97.9666 0.00163737C136.23 0.303176 174.193 10.857 190.312 36.4879Z" id="path12397"/>
<path d="m 190.31201,36.4879 c 16.26999,25.6308 10.997,66.3381 -7.98401,97.6981 -18.98199,31.361 -51.52099,53.373 -82.102,52.167 C 69.645396,185.297 41.022801,161.023 21.740301,129.362 2.4577508,97.8511 -7.4848092,59.1033 6.6758108,34.5279 20.987101,10.1032 59.702806,-0.14913164 97.966596,0.00163736 136.23,0.30317636 174.193,10.857 190.31201,36.4879 Z" id="path906-2" style="fill:url(#linearGradient11147);fill-opacity:1;stroke:none"/>
<image class="home__blob-img" x=12 y=18 xlink:href="assets/img/home/perfil_small.png"/>
</g>
</svg>
</div>
<div class="home__data">
<h1 class="home__title">Hi, I'm Hugo. <i class="uil uil-smile-beam"></i></h1>
<h3 class="home__subtitle"><a id="ecophysiologist" class="tooltip">Ecophysiologist</a></h3>
<p class="home__description">I'm a Portuguese scientist currently living in Canada. These days, I am studying the movement and physiology of aquatic animals! My main areas of interest are ecology, fish biology, and physiology.</p>
<a href="#contact" class="button button--flex">
Contact Me <i class="uil uil-message button__icon"></i>
</a>
</div>
</div>
<div class="home__scroll">
<a href="#about" class="home__scroll-button button--flex">
<i class="uil uil-mouse-alt home__scroll-mouse"></i>
<span class="home__scroll-name">Scroll down</span>
<i class="uil uil-arrow-down home__scroll-arrow"></i>
</a>
</div>
</div>
</section>
<!--==================== ABOUT ====================-->
{%- include home/home_about.html -%}
<!--==================== QUALIFICATION ====================-->
{%- include home/home_qualifications.html -%}
<!--==================== INTERESTS ====================-->
{%- include home/home_interests.html -%}
<!--==================== SKILLS ====================-->
{%- include home/home_skills.html -%}
<!--==================== PORTFOLIO ====================-->
{%- include home/home_portfolio.html -%}
<!--==================== CONTACT ME ====================-->
{%- include contact_me.html -%}
<!--==================== TESTIMONIAL ====================-->