Compare commits

3 Commits
cards ... main

Author SHA1 Message Date
e3243000ae Update year
All checks were successful
release / Publish to Cloudflare Pages (push) Successful in 2m35s
2026-01-07 08:34:44 +10:30
f2681204e9 Tweak some wording in achievements, add transmission improvements to TH achievements
All checks were successful
release / Publish to Cloudflare Pages (push) Successful in 1m36s
2025-05-22 11:59:32 +09:30
33f0a454af Add about section, add license
All checks were successful
release / Publish to Cloudflare Pages (push) Successful in 1m24s
2025-05-13 19:32:00 +09:30
3 changed files with 32 additions and 116 deletions

View File

@@ -1,6 +1,6 @@
The MIT License (MIT) The MIT License (MIT)
Copyright © 2023 Michael Pivato Copyright © 2025 Michael Pivato
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

View File

@@ -54,6 +54,9 @@
<li> <li>
<a class="secondary" href="#depthprediction">Depth Prediction</a> <a class="secondary" href="#depthprediction">Depth Prediction</a>
</li> </li>
<li>
<a class="contrast" href="#about">About</a>
</li>
</ul> </ul>
</nav> </nav>
</aside> </aside>
@@ -72,41 +75,6 @@
successfully implemented many applications that have been used and successfully implemented many applications that have been used and
loved by clients. loved by clients.
</p> </p>
<div class="special-card-wrapper">
<a href="#career" class="secondary special-card">
<article>
<header>Career</header>
</article>
</a>
<a href="#education" class="secondary special-card">
<article>
<header>Education</header>
</article>
</a>
<a href="#skills" class="secondary special-card">
<article>
<header>Skills</header>
</article>
</a>
<div class="special-card">
<article>
<header>
<a href="#hobbies" class="secondary">Hobby Projects</a>
</header>
<div>
<a href="#bufpiv">
<button class="contrast">Buf Piv</button>
</a>
<a href="#picar">
<button class="contrast">PiCar</button>
</a>
<a href="#depthprediction">
<button class="contrast">Depth Prediction</button>
</a>
</div>
</article>
</div>
</div>
<section id="career"> <section id="career">
<h2>Career</h2> <h2>Career</h2>
<hgroup id="telstrahealth"> <hgroup id="telstrahealth">
@@ -117,12 +85,8 @@
<ul> <ul>
<li> <li>
Design, maintain and implement modern solutions in various Design, maintain and implement modern solutions in various
products, primarily the enterprise costing product (PPM). internal and client-facing products, primarily relating to the
</li> enterprise costing product (PPM).
<li>
Create and maintain various front- and back-end components to
support consistent theming, quality, and developer experience
across PPM and the billing product (PBRC).
</li> </li>
<li>Respond to internal and client feedback to improve PPM.</li> <li>Respond to internal and client feedback to improve PPM.</li>
<li>Develop automated tests to improve code quality.</li> <li>Develop automated tests to improve code quality.</li>
@@ -131,18 +95,18 @@
<h4>Key Achievements</h4> <h4>Key Achievements</h4>
<ul> <ul>
<li> <li>
Significant contributions to PPM, including designing and Significant contributions to PPM, including rewriting many Java
implementing shared libraries for use in other teams. Swing components to work natively in the browser.
</li> </li>
<li> <li>
Create and setup front-end and associated web server back-end Reduced time for a data transmission service by a factor of 10x
components on PPM AND PBRC, as well as internal products. (e.g. 7.5GB file went from 50 minutes to 5 minutes for data
upload).
</li> </li>
<li> <li>
Created the PowerAnalytics product within the PPM reporting Created the PowerAnalytics product within the PPM reporting
framework, which improved the speed and functionality of an framework, which improved the speed and functionality of a PowerBI
implementation in PowerBI by another team that experienced cost implementation by another team that went over budget.
blowouts.
</li> </li>
</ul> </ul>
<details id="powerhealth"> <details id="powerhealth">
@@ -174,10 +138,11 @@
that is now in production use and enjoyed by clients. that is now in production use and enjoyed by clients.
</li> </li>
<li> <li>
Create and setup front-end and associated web server back-end Create front-end and associated web server back-end components
components on the costing and billing products, as well as on the costing and billing products, as well as internal
internal products. products such as the licensing service.
</li> </li>
<li>Migrate the PPM build system from a Ant to Gradle.</li>
</ul> </ul>
</details> </details>
<details id="dstgroup"> <details id="dstgroup">
@@ -409,8 +374,20 @@
this large, or specifically computer vision related models. this large, or specifically computer vision related models.
</p> </p>
</section> </section>
<section id="about">
<h2>About</h2>
<p>
Licensed under the
<a href="https://gitea.michaelpivato.dev/">MIT</a> license.
</p>
<p>
Inspired by a
<a href="https://motherfuckingwebsite.com">motherfuckingwebsite</a>
- no JavaScript or framework was used to create this resume.
</p>
</section>
<footer class="container"> <footer class="container">
<small>Michael Pivato • 2025</small> <small>Michael Pivato • 2026</small>
</footer> </footer>
</div> </div>
</main> </main>

View File

@@ -12,14 +12,14 @@
"forms/input-file": false, "forms/input-file": false,
"forms/input-range": false, "forms/input-range": false,
"forms/input-search": false, "forms/input-search": false,
"components/card": true, "components/card": false,
"components/dropdown": false, "components/dropdown": false,
"components/loading": false, "components/loading": false,
"components/group": false, "components/group": false,
"components/modal": false, "components/modal": false,
"components/progress": false, "components/progress": false,
"components/tooltip": false, "components/tooltip": false,
"layout/grid": true, "layout/grid": false,
"layout/landmarks": false, "layout/landmarks": false,
"layout/overflow-auto": false, "layout/overflow-auto": false,
"utilities/accessibility": false, "utilities/accessibility": false,
@@ -27,71 +27,10 @@
) )
); );
@use "node_modules/@picocss/pico/scss/colors" as *;
.closed-on-mobile { .closed-on-mobile {
display: none; display: none;
} }
$animation-length: 0.4s;
.special-card {
filter: drop-shadow(0 0 1rem $cyan-500);
margin: 1.5rem;
cursor: pointer;
transition: scale $animation-length;
opacity: 0;
min-width: 9rem;
max-width: 9rem;
animation: fadeIn 1s forwards;
@for $i from 1 through 4 {
&:nth-child(#{$i}n) {
// TODO: Delay last stuff less than earlier stuff
animation-delay: #{$i * 0.1}s;
}
}
&:hover {
scale: 1.02;
& > article > div {
// Set to something larger than button
// since % doesn't work
max-height: 400px;
height: fit-content;
}
}
button {
width: 100%;
margin: 0.5rem 0;
}
& > article > div {
display: block;
max-height: 0;
overflow: hidden;
// Close it faster
transition: max-height 0.2 * $animation-length;
}
&:hover > article > div {
transition: max-height $animation-length;
}
}
.special-card-wrapper {
display: flex;
flex-wrap: wrap;
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media (min-width: 992px) { @media (min-width: 992px) {
main.responsive-nav { main.responsive-nav {
--block-spacing-horizontal: calc(var(--spacing) * 1.75); --block-spacing-horizontal: calc(var(--spacing) * 1.75);