-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
142 lines (142 loc) · 8.63 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
<!DOCTYPE HTML>
<html lang="en">
<head>
<title>Alberto Coronado |</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="A brief description on where to find me for work and a few random things." />
<meta property="og:site_name" content="Alberto Coronado |" />
<meta property="og:title" content="Alberto Coronado |" />
<meta property="og:type" content="website" />
<meta property="og:description" content="A brief description on where to find me for work and a few random things." />
<link href="https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,400italic%7CIBM+Plex+Mono:400,400italic" rel="stylesheet" type="text/css" />
<link rel="icon" type="image/png" href="assets/images/favicon.png" />
<link rel="apple-touch-icon" href="assets/images/apple-touch-icon.png" />
<link rel="stylesheet" href="assets/main.css" />
<noscript><link rel="stylesheet" href="assets/noscript.css" /></noscript>
<script defer type="text/javascript" src="https://api.pirsch.io/pirsch.js"
id="pirschjs"
data-code="oEN5Gt1YePqypY8F2fzn9rj74PM5DgqN"></script>
</head>
<body class="is-loading">
<div id="wrapper">
<div id="main">
<div class="inner">
<section id="home-section">
<div id="embed02">
<a rel="me" href="https://mastodon.social/@xlbrto"></a>
</div>
<div id="image01" class="image">
<span class="frame"><img src="assets/images/image01.jpg" alt="Alberto's selfie" /></span>
</div>
<h1 id="text01">Alberto Coronado</h1>
<p id="text04"><span class="p"><s>construction worker</s><br />interior remodeler by day,<br /><s>junior</s> software engineer by night.</span></p>
</section>
<section id="portfolio-section">
<h2 id="text05">Portfolio</h2>
<p id="text12">Working on adding snapshots of a few client sites I'm working on.</p>
<p id="text10">When you come check out my website and find no live portfolio.</p>
<div id="gallery01" class="gallery">
<div class="inner">
<ul>
<li>
<span class="thumbnail"><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCA0OTggNTAyIiB3aWR0aD0iNDk4IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzNhMzEyNCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery01/e053aa68.jpg" alt="Untitled" /></span></span>
</li>
</ul>
</div>
</div>
</section>
<section id="about-section">
<h2 id="text07">About Me</h2>
<p id="text09"><span class="p">I'm Alberto Coronado, 🇲🇽 born, Arizona raised, twentysomething year old actively learning full stack web dev.</span><span class="p">Aside from programming, I enjoy <a href="https://i.redd.it/2mq06n5nbdw61.jpg">researching</a> stuff, listening to music, singing, playing <a href="https://t.me/xlbrtogaming">Fortnite</a> and hanging out with my wife and dog.</span><span class="p"><code>("xl·br·to" === "al·ber·to")</code></span></p>
<p id="text02">because <s>alberto.com</s> wasn't available.</p>
<hr id="divider03">
<hr id="divider04">
<p id="text08"><code>Coded with ❤️ in Arizona.</code></p>
</section>
<section id="contact-section">
<h2 id="text03">Contact</h2>
<p id="text06"><span class="p">This site is under construction.<br />I'm testing out different kinds of content layouts and translating it to Spanish as well. Probably need new headshots.</span><span class="p">Feel free to say hello!<br />The ways to reach me are below.</span></p>
<ul id="icons01" class="icons">
<li>
<a class="n01" href="https://www.instagram.com/xlbrto">
<svg><use xlink:href="assets/icons.svg#instagram"></use></svg>
<span class="label">Instagram</span>
</a>
</li><li>
<a class="n02" href="https://t.me/xlbrto">
<svg><use xlink:href="assets/icons.svg#telegram"></use></svg>
<span class="label">Telegram</span>
</a>
</li><li>
<a class="n03" href="https://mastodon.social/@xlbrto">
<svg><use xlink:href="assets/icons.svg#mastodon"></use></svg>
<span class="label">Mastodon</span>
</a>
</li><li>
<a class="n04" href="https://github.com/xlbrto">
<svg><use xlink:href="assets/icons.svg#github"></use></svg>
<span class="label">GitHub</span>
</a>
</li><li>
<a class="n05" href="https://notes.xlbrto.com/">
<svg><use xlink:href="assets/icons.svg#note"></use></svg>
<span class="label">Note</span>
</a>
</li><li>
<a class="n06" href="mailto:[email protected]">
<svg><use xlink:href="assets/icons.svg#email-alt"></use></svg>
<span class="label">Email (Alt)</span>
</a>
</li><li>
<a class="n07" href="https://drive.google.com/file/d/1NoN4T-x_M055mNiMNbwzzMyxI5-QNYnD/view">
<svg><use xlink:href="assets/icons.svg#pdf"></use></svg>
<span class="label">PDF Document</span>
</a>
</li>
</ul>
</section>
<section id="myspace-section">
<h1 id="text11"><mark>happiness</mark></h1>
<div id="gallery02" class="gallery">
<div class="inner">
<ul>
<li>
<a href="assets/images/gallery02/c79a9646_original.jpg" class="thumbnail"><span class="frame"><img src="assets/images/gallery02/c79a9646.jpg" alt="little one" /></span></a>
</li><li>
<a href="assets/images/gallery02/e1271284_original.jpg" class="thumbnail"><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNzggNTAyIiB3aWR0aD0iMzc4IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzUwM2UzZCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery02/e1271284.jpg" alt="Camilo and me" /></span></a>
</li><li>
<a href="assets/images/gallery02/ca38b272_original.jpg" class="thumbnail"><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNzYgNTAyIiB3aWR0aD0iMzc2IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzZhM2YyMyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery02/ca38b272.jpg" alt="sister and I" /></span></a>
</li><li>
<a href="assets/images/gallery02/62534c35_original.jpg" class="thumbnail"><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzMzUgNTAyIiB3aWR0aD0iMzM1IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzc3NDUzMiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery02/62534c35.jpg" alt="Mom dancing" /></span></a>
</li><li>
<a href="assets/images/gallery02/8dd6cd93_original.jpg" class="thumbnail"><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNzggNTAyIiB3aWR0aD0iMzc4IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iIzZhNWE0YiIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery02/8dd6cd93.jpg" alt="Chaparro" /></span></a>
</li><li>
<a href="assets/images/gallery02/4c53ad30_original.jpg" class="thumbnail"><span class="frame deferred"><img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAzNzYgNTAyIiB3aWR0aD0iMzc2IiBoZWlnaHQ9IjUwMiIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI%2BPHJlY3QgZmlsbD0iI2IxNjQ2NCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIvPjwvc3ZnPg%3D%3D" data-src="assets/images/gallery02/4c53ad30.jpg" alt="Fernando with sunglasses" /></span></a>
</li>
</ul>
</div>
</div>
</section>
<footer id="footer">
<hr id="divider01">
<ul id="buttons01" class="buttons">
<li>
<a href="#home" class="button n01">Home</a>
</li><li>
<a href="#portfolio" class="button n02">Portfolio</a>
</li><li>
<a href="#about" class="button n03">About</a>
</li><li>
<a href="#contact" class="button n04">Contact</a>
</li><li>
<a href="#myspace" class="button n05">MySpace</a>
</li>
</ul>
</footer>
</div>
</div>
</div>
<script src="assets/main.js"></script>
</body>
</html>