-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
165 lines (153 loc) · 8.46 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
<!DOCTYPE HTML>
<!--
Read Only by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Gabriel Braico Dornas</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header>
<span class="image avatar"><img src="images/avatar.jpg" alt="" /></span>
<h1 id="logo"><a href="#">Gabriel Braico Dornas</a></h1>
<p>Software engineer</p>
</header>
<nav id="nav">
<ul>
<li><a href="#one" class="active">About</a></li>
<li><a href="#two">Things I Can Do</a></li>
<li><a href="#three">A Few Accomplishments</a></li>
<li><a href="#four">Contact</a></li>
</ul>
</nav>
<footer>
<ul class="icons">
<li><a target="_blank" href="https://github.com/gabrielbdornas" class="icon brands fa-github"><span class="label">Github</span></a></li>
<li><a target="_blank" href="https://www.youtube.com/channel/UCoMuk7Pk3VzUYQtuqa6fLTw" class="icon brands fa-youtube"><span class="label">YouTube</span></a></li>
<li><a target="_blank" href="https://www.linkedin.com/in/gabrielbdornas/" class="icon brands fa-linkedin"><span class="label">Linkedin</span></a></li>
</ul>
</footer>
</section>
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<!-- One -->
<section id="one">
<div class="image main" data-position="center">
<img src="images/banner.jpg" alt="" />
</div>
<div class="container">
<header class="major">
<h2>My Work</h2>
</header>
<p>Hi everyone, Gabriel here from Brazil. I've been working as Public Administrator bach here in Brazil since 2009, but in 2019 I decided to learn programming skills. I must say this was the best choice I've ever made in my life. Why? Because when we dive into this computer science universe, the first thing we have to understand is that we'll never stop to learn. And believe me, when we study a topic that we love the path is smooth and enjoyable. Le Wagon Bootcamp was the first step, the second was to find a place within my public administration office to put my new knowledge into practice, and the next will be finishing this Computer Science Bachelor's degree at the UoPeople until 2026!</p>
</div>
</section>
<!-- Two -->
<section id="two">
<div class="container">
<h3>Things I Can Do</h3>
<p>I'm currently working with open data and data portals. What a great experience could participate in some open-source communities, and see how this world works!
<br>
<strong>Below, under construction, the Things I Can Do:</strong>
</p>
<ul class="feature-icons">
<li class="icon solid fa-code">Write code in Python</li>
<li class="icon solid fa-code">Write code in Ruby</li>
<li class="icon solid fa-code">Write Makefile scripts</li>
<li class="icon solid fa-code">Write Markdown
documentation</li>
<li class="icon solid fa-code">Write SQL scripts</li>
<li class="icon solid fa-cubes">Use Git and Github like a pro</li>
<li class="icon solid fa-book">Read books in Portuguese and English</li>
<li class="icon solid fa-bolt">Learn fast enough to be dangerous</li>
<li class="icon solid fa-users">Work alone or in group</li>
<li class="icon solid fa-coffee">Drink much coffee</li>
<li class="icon solid fa-plane">Work and travel</li>
<li class="icon solid fa-wifi">And Much More...</li>
</ul>
</div>
</section>
<!-- Three -->
<section id="three">
<div class="container">
<h3>A Few Accomplishments</h3>
<p>Starting a project doesn't have to be a challenge. Needs are a must of the time equal, even for different types of projects. I'm focused in simple concepts and striving to write maintainable projects (from the start) through mechanisms such as version control system, organized file structure, tests and continuous integration tools.
<br>
<strong>Below, under construction, a Few Accomplishments:</strong></p>
<div class="features">
<article>
<a target="_blank" href="https://pypi.org/project/dpckan/" class="image"><img src="images/dpckan.jpg" alt="" /></a>
<div class="inner">
<h4><a target="_blank" href="https://pypi.org/project/dpckan/">Dpckan Python Package</a></h4>
<p>A CLI Python package that automate the process of datasets and resources creation in <a href="https://ckan.org/">CKAN</a> Instances. It's in constant evolution as an <a target="_blank" href="https://github.com/transparencia-mg/dpckan">open-source project on GitHub.</a></p>
</div>
</article>
<article>
<a target="_blank" href="https://github.com/gabrielbdornas/get-youtube-transcriptions" class="image"><img src="images/youtube.jpg" alt="" /></a>
<div class="inner">
<h4><a target="_blank" href="https://github.com/gabrielbdornas/get-youtube-transcriptions">Get YouTube Transcriptions with Python</a></h4>
<p>Python scripts to automate the process to get YouTube transcriptions. It uses the powerful GitHub actions to process the jobs, avoiding lots of complicated setups and local configuration. You'll just need a GitHub account to use it.</a></p>
</div>
</article>
<article>
<a target="_blank" href="https://github.com/gabrielbdornas/rightmove-scraping" class="image"><img src="images/web_scraping.jpg" alt="" /></a>
<div class="inner">
<h4><a target="_blank" href="https://github.com/gabrielbdornas/rightmove-scraping">Web Scraping with GitHub Actions</a></h4>
<p>Python scripts to automate the process to get data from the web. It uses powerful GitHub actions to process the jobs, avoiding lots of complicated setups and local configuration. You'll just need a GitHub account to use it.</a></p>
</div>
</article>
</div>
</div>
</section>
<!-- Four -->
<section id="four">
<div class="container">
<h3>Contact Me</h3>
<p>I'm not here only to learn and work with computer science. I'm here to network, share and discover new ideas from different backgrounds, practice my English (as a no native speaker), and the list goes infinitely. Well, the only thing I know is that I won't stop.</p>
<form method="post" action="https://formspree.io/f/xdovlznk">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><input type="text" name="subject" id="subject" placeholder="Subject" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="6"></textarea></div>
<div class="col-12">
<ul class="actions">
<li><input type="submit" class="primary" value="Send Message" /></li>
<li><input type="reset" value="Reset Form" /></li>
</ul>
</div>
</div>
</form>
</div>
</section>
</div>
<!-- Footer -->
<section id="footer">
<div class="container">
<ul class="copyright">
<li>© Untitled. All rights reserved.</li>
<li>Design: <a target="_blank" href="http://html5up.net">HTML5 UP</a></li>
<li>Images: <a target="_blank" href="http://unsplash.com">Unsplash</a></li>
</ul>
</div>
</section>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrollex.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>