-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
163 lines (152 loc) · 10.4 KB
/
index.html
File metadata and controls
163 lines (152 loc) · 10.4 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>Tim Palacios | Developer & Analyst</title>
<!-- Bootstrap Icons -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css" rel="stylesheet">
<!-- Custom CSS -->
<link rel="stylesheet" href="styles.css"/>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NB6CGJ47D2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NB6CGJ47D2');
</script>
</head>
<body>
<div class="layout">
<aside class="sidebar">
<div class="sidebar-inner">
<a href="index.html" class="sidebar-brand">
<i class="bi bi-code-slash"></i>
<span class="sidebar-label">Tim Palacios</span>
</a>
<nav aria-label="Main navigation">
<ul class="nav-list">
<li>
<a href="index.html" class="nav-link">
<i class="bi bi-house-door"></i>
<span class="nav-label">Home</span>
</a>
</li>
<li>
<a href="projects.html" class="nav-link">
<i class="bi bi-folder2-open"></i>
<span class="nav-label">Projects</span>
</a>
</li>
</ul>
</nav>
</div>
</aside>
<main class="main-content">
<div class="content-area">
<div class="profile-section">
<div class="profile-photo-col">
<div class="oval-frame">
<img src="img/profile_photo.png" alt="Tim Palacios profile photo">
</div>
</div>
<div class="profile-content-col">
<h1>Hello, I'm Tim.</h1>
<p style="font-size: 1.05rem; margin-bottom: 1.5rem;">
I'm a developer and analyst who builds practical, real-world solutions to make work more
efficient — especially in business operations and reporting environments.
</p>
<div class="section-label fade-in"><i class="bi bi-tools"></i> Stack</div>
<h2 style="margin-top: 0; margin-bottom: 0.75rem;">Tools I work with</h2>
<div class="tech-stack-row" style="margin-bottom: 1.5rem;">
<a href="https://claude.ai/code" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Claude-D97757?logo=anthropic&logoColor=white" alt="Claude" />
</a>
<a href="https://gemini.google.com/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Gemini-8E75B2?logo=googlegemini&logoColor=white" alt="Gemini" />
</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=black" alt="JavaScript" />
</a>
<a href="https://www.java.com/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Java-ED8B00?logo=openjdk&logoColor=white" alt="Java" />
</a>
<a href="https://www.python.org/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Python-3776AB?logo=python&logoColor=white" alt="Python" />
</a>
<a href="https://go.dev/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Go-00ADD8?logo=go&logoColor=white" alt="Go" />
</a>
<a href="https://en.wikipedia.org/wiki/SQL" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/SQL-4479A1?logo=postgresql&logoColor=white" alt="SQL" />
</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/HTML-5-orange?logo=html5&logoColor=white" alt="HTML5" />
</a>
<a href="https://developer.mozilla.org/en-US/docs/Web/CSS" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/CSS-3-blue?logo=css3&logoColor=white" alt="CSS3" />
</a>
<a href="https://spring.io/projects/spring-boot" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Spring_Boot-6DB33F?logo=springboot&logoColor=white" alt="Spring Boot" />
</a>
<a href="https://react.dev/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/React-61DAFB?logo=react&logoColor=black" alt="React" />
</a>
<a href="https://expressjs.com/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Express-000000?logo=express&logoColor=white" alt="Express" />
</a>
<a href="https://nodejs.org/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Node.js-339933?logo=node.js&logoColor=white" alt="Node.js" />
</a>
<a href="https://playwright.dev/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Playwright-45BA63?logo=playwright&logoColor=white" alt="Playwright" />
</a>
<a href="https://www.postgresql.org/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/PostgreSQL-336791?logo=postgresql&logoColor=white" alt="PostgreSQL" />
</a>
<a href="https://sqlite.org/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/SQLite-003B57?logo=sqlite&logoColor=white" alt="SQLite" />
</a>
<a href="https://learn.microsoft.com/en-us/power-query/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Power_Query-2596be?logo=microsoft&logoColor=white" alt="Power Query" />
</a>
<a href="https://powerbi.microsoft.com/" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Power_BI-F2C811?logo=powerbi&logoColor=black" alt="Power BI" />
</a>
<a href="https://www.microsoft.com/en-us/microsoft-365/excel" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Excel-217346?logo=microsoft-excel&logoColor=white" alt="Excel" />
</a>
<a href="https://developers.google.com/apps-script" target="_blank" rel="noopener noreferrer" class="techstack">
<img src="https://img.shields.io/badge/Google_Apps_Script-4285F4?logo=google&logoColor=white" alt="Google Apps Script" />
</a>
</div>
<div class="section-label fade-in"><i class="bi bi-layers"></i> Focus Areas</div>
<h2 style="margin-top: 0; margin-bottom: 0.75rem;">What I build</h2>
<ul class="focus-list">
<li class="fade-in">Full-stack web apps using Java/Spring Boot and JavaScript/Node.js with SQL databases</li>
<li class="fade-in">Automated browser testing using Playwright</li>
<li class="fade-in">Custom dashboards and reports using Power Query and Power Pivot</li>
<li class="fade-in">Task automation using Power Automate</li>
<li class="fade-in">Internal tools for tracking tasks, scoring performance, and improving workflows</li>
<li class="fade-in">Integrations with platforms like SharePoint, Google Sheets, monday.com, and WhatsApp</li>
</ul>
<p style="font-size: 0.925rem; color: var(--color-text-muted);">
Many of my projects are inspired by real-world challenges I've encountered in customer
support and reporting roles. I enjoy solving problems where off-the-shelf tools fall short.
</p>
<p style="font-size: 0.925rem; color: var(--color-text-muted);">
I'm currently studying <a href="https://www.boisestate.edu/coen-cs/" target="_blank" rel="noopener noreferrer">Computer Science</a> at
<a href="https://www.boisestate.edu/" target="_blank" rel="noopener noreferrer">Boise State University</a> and always looking to learn more.
</p>
<p style="font-size: 0.925rem; color: var(--color-text-muted);">
Feel free to explore my repositories, use anything helpful, or reach out if you'd like to collaborate.
</p>
</div>
</div>
</div>
</main>
</div>
<script src="scripts.js"></script>
</body>
</html>