MisterSoandSo/ACSTechDev.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update to new format

Browse Source
This commit is contained in:
MisterSoandSo
2026-04-27 23:30:52 -07:00
parent 99e9f605e2
commit f85809ddf4
12 changed files with 172 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
projects/index.html Normal file
View File

@@ -0,0 +1,3 @@
<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" href="/acstech_favicon_angular_acs_v2.ico" sizes="any"><title>Projects | ACSTechnology</title><link rel="stylesheet" href="/_astro/BaseLayout.CmXLcAZX.css">
<style>.projects-hero[data-astro-cid-2hwget37]{padding:3rem 0 2rem;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:3rem}.projects-hero[data-astro-cid-2hwget37] h1[data-astro-cid-2hwget37]{font-size:clamp(2rem,5vw,3.25rem);font-weight:700;letter-spacing:-.02em;line-height:1.1}.projects-hero[data-astro-cid-2hwget37] p[data-astro-cid-2hwget37]{max-width:520px;opacity:.65}.projects-grid[data-astro-cid-2hwget37]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;padding-bottom:4rem}.project-card[data-astro-cid-2hwget37]{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:fadeUp .4s ease both}.project-card[data-astro-cid-2hwget37]:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#ffffff2e}.project-card__image[data-astro-cid-2hwget37]{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:#ffffff0f}.project-card__body[data-astro-cid-2hwget37]{padding:1.25rem 1.25rem .75rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.project-card__title[data-astro-cid-2hwget37]{font-size:1.1rem;font-weight:600;margin:0}.project-card__title[data-astro-cid-2hwget37] a[data-astro-cid-2hwget37]{color:#fff;text-decoration:none}.project-card__title[data-astro-cid-2hwget37] a[data-astro-cid-2hwget37]:hover{text-decoration:underline;text-underline-offset:3px}.project-card__desc[data-astro-cid-2hwget37]{font-size:.875rem;color:#fff9;margin:0;line-height:1.55;flex:1}.project-card__tags[data-astro-cid-2hwget37]{display:flex;flex-wrap:wrap;gap:.375rem;padding:.75rem 1.25rem}.tag[data-astro-cid-2hwget37]{font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .55rem;border-radius:4px;background:#ffffff14;color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.project-card__links[data-astro-cid-2hwget37]{display:flex;gap:.75rem;align-items:center;padding:.75rem 1.25rem 1.25rem;border-top:1px solid rgba(255,255,255,.07)}.project-card__link[data-astro-cid-2hwget37]{font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:.3rem;color:#ffffff8c;transition:color .15s ease}.project-card__link[data-astro-cid-2hwget37]:hover{color:#fff}.project-card__link--primary[data-astro-cid-2hwget37]{color:#60a5fa}.project-card__link--primary[data-astro-cid-2hwget37]:hover{color:#93c5fd}.project-card__link--readmore[data-astro-cid-2hwget37]{margin-left:auto}.project-card[data-astro-cid-2hwget37]:nth-child(1){animation-delay:.05s}.project-card[data-astro-cid-2hwget37]:nth-child(2){animation-delay:.12s}.project-card[data-astro-cid-2hwget37]:nth-child(3){animation-delay:.19s}.project-card[data-astro-cid-2hwget37]:nth-child(4){animation-delay:.26s}.project-card[data-astro-cid-2hwget37]:nth-child(5){animation-delay:.33s}.project-card[data-astro-cid-2hwget37]:nth-child(6){animation-delay:.4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
</style></head> <body class="bg-dark text-light d-flex flex-column min-vh-100"> <header id="site-header"> <nav class="navbar navbar-expand-md bg-body py-3" data-bs-theme="dark"> <div class="container"> <a class="navbar-brand d-flex align-items-center" href="/"> <span>ACSTechnology</span> </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navcol-1" aria-controls="navcol-1" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navcol-1"> <ul class="navbar-nav ms-auto"> <li class="nav-item"><a class="nav-link" href="/about/">About</a></li> <li class="nav-item"><a class="nav-link" href="/blog/">The Lab</a></li> <li class="nav-item"><a class="nav-link" href="/projects/">Projects</a></li> <li class="nav-item"><a class="nav-link" href="/contact/">Contact</a></li> </ul> </div> </div> </nav> </header> <main> <div class="container" data-astro-cid-2hwget37> <div class="projects-hero" data-astro-cid-2hwget37> <h1 data-astro-cid-2hwget37>Projects</h1> <p class="mt-2 mb-0" data-astro-cid-2hwget37>A selection of things I've built — from side experiments to tools I actually use.</p> </div> <p class="text-secondary" data-astro-cid-2hwget37>No public projects yet.</p> </div> </main> <footer id="site-footer" class="bg-body mt-auto" data-bs-theme="dark"> <div class="container py-4 py-lg-5"> <div class="row text-center text-md-start gy-4"> <!-- Column 1: Brand / Copyright --> <div class="col-12 col-md-4 d-flex flex-column align-items-center align-items-md-start justify-content-center"> <p class="fw-semibold mb-1">ACSTechnology</p> <p class="text-body-secondary mb-0 small">Built with curiosity and caffeine</p> <p class="text-body-secondary mb-0 small">&copy; 2026</p> </div> <!-- Column 2: Resources --> <div class="col-12 col-md-4 d-flex flex-column align-items-center align-items-md-start"> <small class="text-uppercase text-body-secondary mb-2">Resources</small> <ul class="list-unstyled mb-0"> <li class="mb-1"><a class="link-body-emphasis text-decoration-none" href="/faq/">FAQ</a></li> <li class="mb-1"><a class="link-body-emphasis text-decoration-none" href="/privacy/">Privacy</a></li> <li><a class="link-body-emphasis text-decoration-none" href="/terms/">Terms</a></li> </ul> </div> <!-- Column 3: Development --> <div class="col-12 col-md-4 d-flex flex-column align-items-center align-items-md-start"> <small class="text-uppercase text-body-secondary mb-2">Development</small> <ul class="list-unstyled mb-0"> <li class="mb-1"><a class="text-decoration-none" href="https://git.acstech.dev">Gitea</a></li> <li class="mb-1"><a class="text-decoration-none" href="https://github.com/ACSTechDev">GitHub</a></li> <li class="mb-1"><a class="text-decoration-none" href="https://www.linkedin.com/company/acstechdev">LinkedIn (Company)</a></li> <li><a class="text-decoration-none" href="https://www.linkedin.com/in/andrew-chiang-so/">LinkedIn (Founder)</a></li> </ul> </div> </div> </div> </footer> <script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.GtM1sxkV.js"></script> </body> </html>