-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
176 lines (164 loc) · 10.9 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=ed/ge">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link rel="stylesheet" href="src/css/main.css">
<title>Online Resume</title>
</head>
<body>
<h1> Under Rework </h1>
<!-- <header id="head">
<nav>
<ul id="menu" data-aos="fade-down">
<li id="m-what-i-know"> Experience </li>
<li id="m-projects"> Pet Projects </li>
<li id="m-contact"> Contact </li>
</ul>
</nav>
<div id="my-pic" data-aos="fade-up">
<img src="src/img/eu.png" alt="A picture of me" data-aos="fade-up">
</div>
<h1 data-aos="fade-up"> <span class="small">Hello! My name is </span> Bruno André Mattos <span class="small">and</span></h1>
<p data-aos="fade-up" id="sub">I used to be a Computer Science sudent until I fell in love with the financial markets. Now I'm an Economic Sciences student with an entrepreneurial spirit, working to apply the acquired Computer Science knowlegde to the financial markets and studying to become a stock broker.</p>
</header>
<div id="experience">
<h1 data-aos="fade-left">Experience</h1>
<ul id="all-experience">
<li data-aos="fade-right" class="place">
<a href="http://www.inf.ufrgs.br/site/" target="_blank"> <img src="./src/img/infdone2.png" alt=""></a>
<h3>University for Computer Science</h3>
<p>I studied in the Federal University of Rio Grande do Sul for CS from 2017 to 2020 when I transferred to Economic Sciences, while in the CS course I acquired the following skills and knowledge: </p>
<ul>
<li>Advanced mathematics</li>
<li>Logical reasoning</li>
<li>Computer architectures and low level programming</li>
<li>All kinds of algorithms and data structures</li>
<li>A lot of theoretical Computer Science</li>
<li>Programming languages: Python, C, Assembly, Racket</li>
</ul>
</li>
<li data-aos="fade-left" class="place">
<a href="http://www.nuted.ufrgs.br/" target="_blank"> <img src="./src/img/nuteddone2.png" alt=""></a>
<h3>Scientific Initiation Internship</h3>
<p>In 2018 I worked for 4 months on a platform to help professors engage with their students and adequately recommend learning objects, during my time I learned the following: </p>
<ul>
<li>Front-end: HTML, CSS, Grid & Flexbox, Sass, JavaScript, jQuery, JSON, Bootstrap</li>
<li>Back-end: PHP, SQL, Ajax</li>
<li>Concepts: Model-View-Controller (MVC), Git, Computational Ontology</li>
</ul>
</li>
<li data-aos="fade-right" class="place">
<a href="https://www.hpe.com/us/en/home.html" target="_blank"> <img src="./src/img/hpedone2.png" alt=""></a>
<h3>Research and Development Internship</h3>
<p>In 2019 to early 2020 I am working at the Brazil R&D center of HPE on an IoT project, and that's as far as my non disclosure agreement goes. Learned and improved the following concepts and technologies:</p>
<ul>
<li>Software development and architecture</li>
<li>Reusable clean code</li>
<li>Microservices</li>
<li>Test driven development</li>
<li>The following technologies: Docker, Kubernetes, Prometheus and Flask</li>
</ul>
</li>
<li data-aos="fade-left" class="place">
<a href="https://www.ufrgs.br/fce/" target="_blank"> <img src="./src/img/FCEdone2.png" alt=""></a>
<h3>University for Economic Sciences</h3>
<p>Recently transferred to ES and haven't had any classes as of yet</p>
<ul>
<li></li>
</ul>
</li >
<li data-aos="fade-right" class="place">
<a href="https://startupweekend.org/" target="_blank"> <img src="./src/img/sw.png" alt=""></a>
<h3>Competition Participant</h3>
<p>Participated a couple of years in the Startup Weekend challenge where I and other previously unkown people had to create a startup from zero, validating our idea with an minimum viable product and being avaluated at the end of the weekend.</p>
<ul>
<li>1st place Startup Weekend Fintech Porto Alegre 2018</li>
<li>2nd place Startup Weekend Porto Alegre 2019</li>
</ul>
</li>
</ul>
</div>
<div id="projects">
<h1 data-aos="fade-left"> Pet Projects </h1>
<div id="all-projects">
<div data-aos="flip-right" class="project">
<a href="https://github.com/BrunoAndreMattos/taking_random_walks" target="_blank" rel="noopener noreferrer">
<img src="src/img/random.png" alt="Full Stack Print screen">
<h3>Analysis: Taking Random Walks (work in progress)</h3>
</a>
<p>
Looking at the effects of various technical analysis indicators and techniques applied on random walks.
</p>
</div>
<div data-aos="flip-left" class="project">
<a href="/sites/fullstack/" target="_blank" rel="noopener noreferrer">
<img src="src/img/fullstack.png" alt="Full Stack Print screen">
<h3>Front-end: Web Development Checklist (2018)</h3>
</a>
<p>
A website to keep track of my web development learnings. Constantly updated as I learn.
Applied knowledge of HTML, SCSS, CSS animations, DOM and JSON manipulation with jQuery JavaScript.
</p>
</div>
<div data-aos="flip-right" class="project">
<a href="/sites/quantocusta/" target="_blank" rel="noopener noreferrer">
<img src="src/img/quantocusta.png" alt="Quanto Custa Print screen">
<h3>Front-end & MVP: Quanto Custa (2018)</h3>
</a>
<p>
A website made as a minimum viable product (MVP) after we validated our market-product fit on the Startup Weekend Porto Alegre 2018 FinTech.
Applied knowledge of HTML, SCSS, CSS animations, and some hardcoded jQuery JavaScript for data.
</p>
</div>
<div data-aos="flip-left" class="project">
<a href="/sites/quasar/" target="_blank" rel="noopener noreferrer">
<img src="src/img/quasar.png" alt="Quasar Print screen">
<h3>Front-end: Quasar (2015)</h3>
</a>
<p>
My first website. Created for a fictional space tourism company.
Applied knowledge of HTML, CSS and Bootstrap.
</p>
</div>
<div data-aos="flip-right" class="project">
<a href="/sites/game/" target="_blank" rel="noopener noreferrer">
<img src="src/img/game.png" alt="Game Print screen">
<h3>Game Development: Bitcoin Themed ASCII Clicker Game (work in progress)</h3>
</a>
<p>
An incremental game about mining bitcoin. In the early stages of development.
</p>
</div>
</div>
</div> -->
<!-- <div id="certifications"></div> -->
<!-- <footer>
<div id="contact">
<h1 data-aos="fade-left">Contact</h1>
<div data-aos="flip-left" id="icons">
<a href="mailto:brunoandremattos@gmail.com">
<svg xmlns="http://www.w3.org/2000/svg" class="svg" width="48" height="48" viewBox="0 0 24 24"><path d="M0 3v18h24v-18h-24zm6.623 7.929l-4.623 5.712v-9.458l4.623 3.746zm-4.141-5.929h19.035l-9.517 7.713-9.518-7.713zm5.694 7.188l3.824 3.099 3.83-3.104 5.612 6.817h-18.779l5.513-6.812zm9.208-1.264l4.616-3.741v9.348l-4.616-5.607z"/></svg>
</a>
<a href="https://www.linkedin.com/in/brunoandremattos/" target="_blank" rel="noopener noreferrer">
<svg aria-labelledby="simpleicons-linkedin-icon" role="img" class="svg" width="48" height="48" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-linkedin-icon">LinkedIn icon</title><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
</a>
<a href="https://github.com/BrunoAndreMattos" target="_blank" rel="noopener noreferrer">
<svg aria-labelledby="simpleicons-github-icon" role="img" class="svg" width="48" height="48" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-github-icon">GitHub icon</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>
</div>
</div> -->
<!-- <p id="lang">Other language: <a href="index-pt.html">portuguese</a> </p> -->
<!-- <p>Page crafted by: Bruno André Mattos</p>
<p class="final">Animations made using AOS css library</p>
</footer> -->
</body>
<!-- <script src="main.js"></script>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script> -->
</html>