-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
90 lines (87 loc) · 8.22 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<title>Helio Cola | Website, Blog, Resume etc...</title>
<meta name="description" content="Website, Blog, Resume, and everything else in between" />
<meta name="author" content="Helio Cola" />
<link rel="icon" type="image/x-icon" href="/images/hacrods.gif">
<link rel="stylesheet" href="/css/normalize.css">
<link rel="stylesheet" href="/css/skeleton.css">
<link rel="stylesheet" href="/css/custom.css">
<link rel="stylesheet" href="/css/backgrounds.css">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-F5XQ46J2G2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-F5XQ46J2G2');
</script>
<script src="/js/scale.fix.js"></script>
</head>
<body>
<div class="container">
<div class="section">
<div class="row">
<div class="eight columns">
<h1>Hi I'm Helio Cola!</h1>
<div class="font-medium text-nikel">
<p>I am a Principal Software Developer currently working with Ruby on Rails and React.</p>
<p>I've helped companies create web & mobile apps from conception, to production, to beyond million $ in revenue.<br>My pronouns are he/him.</p>
<p>If you are looking for an experienced Ruby on Rails consultant... <a href="https://calendly.com/heliocola/20min">Let's talk :-D</a></p>
</div>
</div>
<div class="four columns">
<div class="row">
<img src="/images/eu.jpg" alt="HacRods" class="avatar" />
<!-- <img src="/images/hacrods.gif" alt="HacRods" /> -->
</div>
<div class="row">
<a href="https://gitlab.com/heliocola">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 24" height="16" width="16" class="bi tanuki-logo" role="img" aria-hidden="true" fill="currentColor">
<path fill="#E24329" d="m24.507 9.5-.034-.09L21.082.562a.896.896 0 0 0-1.694.091l-2.29 7.01H7.825L5.535.653a.898.898 0 0 0-1.694-.09L.451 9.411.416 9.5a6.297 6.297 0 0 0 2.09 7.278l.012.01.03.022 5.16 3.867 2.56 1.935 1.554 1.176a1.051 1.051 0 0 0 1.268 0l1.555-1.176 2.56-1.935 5.197-3.89.014-.01A6.297 6.297 0 0 0 24.507 9.5Z" class="tanuki-shape tanuki"></path>
<path fill="#FC6D26" d="m24.507 9.5-.034-.09a11.44 11.44 0 0 0-4.56 2.051l-7.447 5.632 4.742 3.584 5.197-3.89.014-.01A6.297 6.297 0 0 0 24.507 9.5Z" class="tanuki-shape right-cheek"></path>
<path fill="#FCA326" d="m7.707 20.677 2.56 1.935 1.555 1.176a1.051 1.051 0 0 0 1.268 0l1.555-1.176 2.56-1.935-4.743-3.584-4.755 3.584Z" class="tanuki-shape chin"></path>
<path fill="#FC6D26" d="M5.01 11.461a11.43 11.43 0 0 0-4.56-2.05L.416 9.5a6.297 6.297 0 0 0 2.09 7.278l.012.01.03.022 5.16 3.867 4.745-3.584-7.444-5.632Z" class="tanuki-shape left-cheek"></path>
</svg></a>
<a href="https://github.com/heliocola">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
</svg></a>
<a href="https://speakerdeck.com/heliocola/">
<svg width="16" height="16" viewBox="0 0 32 20" fill="currentColor" class="bi bi-speakerdeck" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<g id="Speaker-Deck-Home" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" transform="translate(-41.000000, -25.000000)">
<path d="M54.3665414,37.5 L47.25,37.5 C43.7982203,37.5 41,34.7017797 41,31.25 C41,27.7982203 43.7982203,25 47.25,25 L55.5526316,25 C56.9333435,25 58.0526316,26.1192881 58.0526316,27.5 C58.0526316,28.8807119 56.9333435,30 55.5526316,30 L47.1221805,30 C46.4318245,30 45.8721805,30.5596441 45.8721805,31.25 C45.8721805,31.9403559 46.4318245,32.5 47.1221805,32.5 L54.2387218,32.5 C57.6905015,32.5 60.4887218,35.2982203 60.4887218,38.75 C60.4887218,42.2017797 57.6905015,45 54.2387218,45 L43.5,45 C42.1192881,45 41,43.8807119 41,42.5 C41,41.1192881 42.1192881,40 43.5,40 L54.3665414,40 C55.0568973,40 55.6165414,39.4403559 55.6165414,38.75 C55.6165414,38.0596441 55.0568973,37.5 54.3665414,37.5 Z M59.6267041,45 C61.2891288,43.8757084 62.4773068,42.0834962 62.8209549,40 L66.8554291,40 C67.5341396,40 68.0843433,39.4403559 68.0843433,38.75 L68.0843433,31.25 C68.0843433,30.5596441 67.5341396,30 66.8554291,30 L59.5263158,30 C60.1100991,29.3365544 60.4650753,28.460443 60.4650753,27.5 C60.4650753,26.539557 60.1100991,25.6634456 59.5263158,25 L68.0843433,25 C70.7991855,25 73,27.2385763 73,30 L73,40 C73,42.7614237 70.7991855,45 68.0843433,45 L59.6267041,45 Z" id="mark" fill="#727472"></path>
</g>
</svg></a>
<a rel="me" href="https://ruby.social/@hacrods"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" fill="currentColor" class="bi bi-mastodon" viewBox="0 0 16 16">
<path d="M11.19 12.195c2.016-.24 3.77-1.475 3.99-2.603.348-1.778.32-4.339.32-4.339 0-3.47-2.286-4.488-2.286-4.488C12.062.238 10.083.017 8.027 0h-.05C5.92.017 3.942.238 2.79.765c0 0-2.285 1.017-2.285 4.488l-.002.662c-.004.64-.007 1.35.011 2.091.083 3.394.626 6.74 3.78 7.57 1.454.383 2.703.463 3.709.408 1.823-.1 2.847-.647 2.847-.647l-.06-1.317s-1.303.41-2.767.36c-1.45-.05-2.98-.156-3.215-1.928a3.614 3.614 0 0 1-.033-.496s1.424.346 3.228.428c1.103.05 2.137-.064 3.188-.189zm1.613-2.47H11.13v-4.08c0-.859-.364-1.295-1.091-1.295-.804 0-1.207.517-1.207 1.541v2.233H7.168V5.89c0-1.024-.403-1.541-1.207-1.541-.727 0-1.091.436-1.091 1.296v4.079H3.197V5.522c0-.859.22-1.541.66-2.046.456-.505 1.052-.764 1.793-.764.856 0 1.504.328 1.933.983L8 4.39l.417-.695c.429-.655 1.077-.983 1.934-.983.74 0 1.336.259 1.791.764.442.505.661 1.187.661 2.046v4.203z"/>
</svg></a>
<a href="mailto:[email protected]"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-envelope" viewBox="0 0 16 16">
<path d="M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2Zm13 2.383-4.708 2.825L15 11.105V5.383Zm-.034 6.876-5.64-3.471L8 9.583l-1.326-.795-5.64 3.47A1 1 0 0 0 2 13h12a1 1 0 0 0 .966-.741ZM1 11.105l4.708-2.897L1 5.383v5.722Z"/>
</svg></a>
</div>
</div>
</div>
</div>
<div class="section-divider section-divider-purple-ish"></div>
<div class="docs-section">
<div class="row">
<h4>Recent Writing</h4>
<div class="font-medium text-nikel">
<ul>
<li><span class="">May 9, 2024:</span> <a href="/posts/2024/dev-staging-ci-prod-dis-parity">Dev, Staging, CI, and Prod (dis)parity</a></li>
<li><span class="">November 5, 2023:</span> <a href="/posts/2023/an-oss-tale-or-2">An OSS tale, or 2</a></li>
<li><span class="">September 19, 2023:</span> <a href="/posts/2023/app-subdomain-routing">`app` subdomain routing</a></li>
<li><span class="">August 22, 2023:</span> <a href="/posts/2023/the-world-of-passkeys">The world of Passkeys</a></li>
<li><span class="">June 5, 2023</span> <a href="/posts/2023/let-the-games-begin">Let the games begin!</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>