-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (124 loc) · 9.87 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
<!DOCTYPE html>
<!--
Started over using the HTML5 UP Dimension template html5up.net | @ajlkn
Original template licensed under CC BY 3.0 (html5up.net/license)
rmotta.info:~#
rmotta.info@gmail.com
-->
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<title>rmotta.net</title>
<meta name="description" content="GitPage" />
<link rel="icon" type="image/x-icon" href="images/source.ico" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="logo">
<span class="fas fa-code"></span>
</div>
<div class="content">
<div class="inner">
<h1>rmotta.net</h1>
<p>I have a space passport. I am a citizen of Earth.</p>
</div>
</div>
<nav>
<ul>
<li><a href="#intro">Intro</a></li>
<li><a href="#about">About</a></li>
<li><a href="#life">Life</a></li>
</ul>
</nav>
</header>
<!-- Main -->
<div id="main">
<!-- Intro -->
<article id="intro">
<h2 class="major">Intro</h2>
<span class="image main"><img src="https://lh3.googleusercontent.com/pw/AIL4fc_PoOyehshh_h85LXtdmO0UOtSRBm_9i-XqtJK15h6t1kqTM2FgmCxhPdIMfCcakGzk9DgaIw2p9U34es0oa76K86bOP4gT8Jqzvvay6YXbQetlNsupmsj93gpX3psgBEcweomODc6JNHev8wVoaZk=w960-h320-p" alt="A beautiful landscape in the south of the state of Minas Gerais in Brazil" /></span>
<p>Kingdom: Animalia, Phylum: Chordata, Class: Mammalia, Order: Primates, Suborder: Haplorhini, Infraorder: Simiiformes, Family: Hominidae, Subfamily: Homininae, Tribe: Hominini, Genus: Homo, Species: Homo Sapiens.</p>
<p>Pedestrian, driver, passenger, voter, consumer, spectator, communicative, adaptable, analytical, designer, builder, developer, programmer, problem-solver, maintainer, tester. A curious one.</p>
<p>Lover of music, science, art and technology.</p>
</article>
<!-- About -->
<article id="about">
<h2 class="major">About</h2>
<span class="image main"><img src="https://lh3.googleusercontent.com/pw/AIL4fc9jEpdc0Zd1p8SEmLpaUGUlct0gXxQT7llCQFTMmmt-r4dOZoBRUGcAWvGab4RQsBURBoPmrrTrlObuIs1RFAeVO9jhgmFmf3gtjj6PuWKatOUK6SwlKe3zUMc8_EbvTXIkl1GqxdT8EOOIAPUwVxk=w960-h320-p" alt="A handsome man surrounded by computers and musical instruments." /></span>
<p>The use of the phrase "me by myself" has always struck me as rather peculiar. Referring to oneself in the first person creates a sense of detachment from one's own identity. Instead, I hold the belief that the perspectives of others about me carry profound significance. As social beings, our behavior and personality evolve through continuous interactions with our surroundings.</p>
<p>To pursue this understanding, I have actively sought the insights of those intimately acquainted with me. Various individuals have contributed to a comprehensive mosaic of my being, each offering a unique viewpoint that enriches the tapestry of my identity.</p>
<p>Intriguingly, I recently had the opportunity to explore a different perspective—a feedback loop from an automaton. The evolution of artificial intelligence has unfurled novel avenues for introspection and self-refinement. Although an automaton's evaluation of me is circumscribed by its programming and lacks emotional acumen, the manner in which an unbiased, data-driven methodology can provide a fresh perspective on my identity is undeniably fascinating.</p>
<p>So, how do I perceive myself? If constrained to select a solitary term, I would assert that I am inherently pragmatic. My inclination leans towards approaching predicaments and decisions with a pragmatic outlook, concentrating on optimal efficacy and efficiency. Naturally, this constitutes merely one facet of my character, and I invite you to delve deeper into my world by exploring my social networks.</p>
<p>For a more nuanced understanding of my persona, I encourage you to connect with me on various social platforms. You can find me on Instagram, Twitter, and LinkedIn. Each platform offers a unique glimpse into different facets of my life and perspectives. Join me on this digital journey as we explore the multifaceted layers of my identity and engage in meaningful conversations.</p>
<p>Feel free to click the links below to embark on this exploration:</p>
<p>I look forward to connecting with you in the digital realm, where we can share thoughts, experiences, and insights on this fascinating journey called life.</p>
<ul class="icons">
<li><a href="https://bitbucket.org/rmottalabs/workspace/overview/" class="icon brands fa-bitbucket"><span class="label">Bitbcket</span></a></li>
<li><a href="https://hub.docker.com/u/rmottanet" class="icon brands fa-docker" target="_blanck"><span class="label">DockerHub</span></a></li>
<li><a href="https://www.facebook.com/rmotta.net/" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/rmottanet" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
<li><a href="https://gitlab.com/rmottanet" class="icon brands fa-gitlab"><span class="label">GitLab</span></a></li>
<li><a href="https://instagram.com/rmottanet" class="icon brands fa-instagram"><span class="label">Instagram</span></a></li>
<li><a href="https://www.linkedin.com/in/rmottanet/" class="icon brands fa-linkedin"><span class="label">LinkedIn</span></a></li>
<li><a href="https://soundcloud.com/rmottanet" class="icon brands fa-soundcloud"><span class="label">SoundCloud</span></a></li>
<li><a href="https://twitter.com/rmotta_" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
<li><a href="https://www.youtube.com/c/rodrigomottanet" class="icon brands fa-youtube"><span class="label">YouTube</span></a></li>
</ul>
</article>
<!-- Life -->
<article id="life">
<h2 class="major">Life</h2>
<span class="image main"><img src="https://lh3.googleusercontent.com/pw/AIL4fc8WOFrCvjF-tTqqbBfJ1CuC0KONiTUgNj9LRJcY-4QM9I_uau4uh6BO5uUVoCuUeY8R77WPfB0ozT-Wki6nf7FOpnmnrIIhL_gEfKS1wJX-qEqHimmdFkV0LIt5HXTQyTeKYfiprQ8DCehUI77_jHo=w960-h320-p" alt="A handsome man working in a datacenter" /></span>
<p>With over three decades of experience in the field of technology, and nearly 30 years spent working in the corporate world, I have had the opportunity to witness and contribute to the rapid evolution of this industry.</p>
<p>If you're interested in exploring my recent professional history, I invite you to take a look at my <a href="https://www.linkedin.com/in/rmottanet">LinkedIn</a> profile, where you can see a detailed overview of the past decade of my career. Additionally, you can find information about some of my academic achievements on <a href="https://www.credly.com/users/rmotta/badges">Credly</a>, where I have documented part of my educational journey.</p>
<p>Reflecting back on my early days, I remember starting out in a world where Windows 3.11 was the operating system of choice, CorelDraw 3.0 was the graphics software du jour, and I even remember using the now-defunct PageMaker. However, my interest in technology started much earlier, when I received my first computer from my parents. Although it was a simple machine that only ran MS-DOS, it ignited a passion in me that has continued to grow and thrive ever since.</p>
<p>Having studied electronics in high school, I developed a deep and abiding love for all things tech-related. Over the years, I have gained a wealth of experience and knowledge, and I am always eager to explore new trends and technologies in this rapidly evolving field.</p>
</article>
<!-- Elements -->
<article id="elements">
<h2 class="major">Elements</h2>
<section>
<h3 class="major">Text</h3>
<p>This is <b>bold</b> and this is <strong>strong</strong>. This is <i>italic</i> and this is <em>emphasized</em>.
This is <sup>superscript</sup> text and this is <sub>subscript</sub> text.
This is <u>underlined</u> and this is code: <code>for (;;) { ... }</code>. Finally, <a href="#">this is a link</a>.</p>
<hr />
<h2>Heading Level 2</h2>
<h3>Heading Level 3</h3>
<h4>Heading Level 4</h4>
<h5>Heading Level 5</h5>
<h6>Heading Level 6</h6>
<hr />
<h4>Blockquote</h4>
<blockquote>Fringilla nisl. Donec accumsan interdum nisi, quis tincidunt felis sagittis eget tempus euismod. Vestibulum ante ipsum primis in faucibus vestibulum. Blandit adipiscing eu felis iaculis volutpat ac adipiscing accumsan faucibus. Vestibulum ante ipsum primis in faucibus lorem ipsum dolor sit amet nullam adipiscing eu felis.</blockquote>
<h4>Preformatted</h4>
<pre><code>i = 0;
while (!deck.isInOrder()) {
print 'Iteration ' + i;
deck.shuffle();
i++;
}
print 'It took ' + i + ' iterations to sort the deck.';</code></pre>
</section>
</article>
</div>
<!-- Footer -->
<footer id="footer">
<p class="copyright">© rmotta. Designed over: HTML5 UP.</p>
</footer>
</div>
<!-- BG -->
<div id="bg"></div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>