Antares/com.gregkilmer.www
1
0
Fork 0
mirror of https://github.com/Patiun/com.gregkilmer.www.git synced 2026-11-08 04:08:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Copy update and some formatting

Browse Source
This commit is contained in:
Greg Kilmer
2026-07-04 12:51:42 -04:00
parent 29b4a13345
commit c298562266
9 changed files with 545 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/professional/index.astro
+85 -35
View File
@@ -10,24 +10,24 @@
* `projects` collection. Both are sorted by `order`. Education is a placeholder
* block (spec leaves it to Greg).
*/
import BaseLayout from '@layouts/BaseLayout.astro';
import Reveal from '@components/motion/Reveal.astro';
import Icon from '@components/Icon.astro';
import SectionHeader from '@components/layout/SectionHeader.astro';
import Placeholder from '@components/layout/Placeholder.astro';
import SectionNav from '@components/professional/SectionNav.astro';
import Timeline from '@components/professional/Timeline.astro';
import SkillGrid from '@components/professional/SkillGrid.astro';
import ProjectCard from '@components/professional/ProjectCard.astro';
import AlchemicalDivider from '@components/mystic/AlchemicalDivider.astro';
import Astrolabe from '@components/mystic/Astrolabe.astro';
import CircuitField from '@components/mystic/CircuitField.tsx';
import { getCollection } from 'astro:content';
import BaseLayout from "@layouts/BaseLayout.astro";
import Reveal from "@components/motion/Reveal.astro";
import Icon from "@components/Icon.astro";
import SectionHeader from "@components/layout/SectionHeader.astro";
import Placeholder from "@components/layout/Placeholder.astro";
import SectionNav from "@components/professional/SectionNav.astro";
import Timeline from "@components/professional/Timeline.astro";
import SkillGrid from "@components/professional/SkillGrid.astro";
import ProjectCard from "@components/professional/ProjectCard.astro";
import AlchemicalDivider from "@components/mystic/AlchemicalDivider.astro";
import Astrolabe from "@components/mystic/Astrolabe.astro";
import CircuitField from "@components/mystic/CircuitField.tsx";
import { getCollection } from "astro:content";
const experience = (await getCollection('experience')).sort(
const experience = (await getCollection("experience")).sort(
(a, b) => a.data.order - b.data.order,
);
const projects = (await getCollection('projects')).sort(
const projects = (await getCollection("projects")).sort(
(a, b) => a.data.order - b.data.order,
);
---
@@ -39,9 +39,11 @@ const projects = (await getCollection('projects')).sort(
>
<!-- Page header -->
<section class="relative overflow-hidden pt-28 sm:pt-32">
{/* Circuit-board field. Shares view-transition-name "sky" with the star
{
/* Circuit-board field. Shares view-transition-name "sky" with the star
fields on other pages, so navigating here morphs constellations into
circuitry. */}
circuitry. */
}
<CircuitField client:idle className="opacity-70" transitionName="sky" />
{/* Slowly rotating astrolabe ornament behind the header. */}
<Astrolabe
@@ -53,7 +55,7 @@ const projects = (await getCollection('projects')).sort(
<SectionHeader
kicker="Professional"
icon="briefcase"
title="Resume &amp; portfolio"
title="Resume & portfolio"
subtitle="Clean, confident, skimmable. Browsable here, screenshot-able for a recruiter, printable if needed."
/>
</Reveal>
@@ -67,7 +69,11 @@ const projects = (await getCollection('projects')).sort(
{/* ===== 1. Summary ===== */}
<section id="summary" class="scroll-mt-28 flex flex-col gap-6">
<Reveal>
<SectionHeader kicker="01" icon="format-list-text" title="Professional summary" />
<SectionHeader
kicker="01"
icon="format-list-text"
title="Professional summary"
/>
</Reveal>
<Reveal delay={80}>
<blockquote
@@ -107,7 +113,10 @@ const projects = (await getCollection('projects')).sort(
</section>
<Reveal>
<AlchemicalDivider class="mx-auto h-6 w-full max-w-sm" style="color: var(--color-accent);" />
<AlchemicalDivider
class="mx-auto h-6 w-full max-w-sm"
style="color: var(--color-accent);"
/>
</Reveal>
{/* ===== 2. Experience ===== */}
@@ -129,7 +138,7 @@ const projects = (await getCollection('projects')).sort(
<SectionHeader
kicker="03"
icon="chart-bar"
title="Skills &amp; technologies"
title="Skills & technologies"
subtitle="What I bring to the table, organized into three tiers."
/>
</Reveal>
@@ -147,11 +156,13 @@ const projects = (await getCollection('projects')).sort(
/>
</Reveal>
<div class="grid gap-5 sm:grid-cols-2">
{projects.map((project, i) => (
<Reveal delay={i * 80}>
<ProjectCard project={project} />
</Reveal>
))}
{
projects.map((project, i) => (
<Reveal delay={i * 80}>
<ProjectCard project={project} />
</Reveal>
))
}
</div>
<Placeholder
label="Add 3-6 projects"
@@ -165,13 +176,19 @@ const projects = (await getCollection('projects')).sort(
<SectionHeader
kicker="05"
icon="school"
title="Education &amp; certifications"
title="Education & certifications"
subtitle="My foundation."
/>
</Reveal>
<div class="grid gap-4 sm:grid-cols-2">
<Placeholder label="Education history" hint="Add degrees, institutions, and dates." />
<Placeholder label="Certifications" hint="SAP, cloud, or other relevant certifications." />
<Placeholder
label="Education history"
hint="Add degrees, institutions, and dates."
/>
<Placeholder
label="Certifications"
hint="SAP, cloud, or other relevant certifications."
/>
</div>
</section>
@@ -189,16 +206,49 @@ const projects = (await getCollection('projects')).sort(
<div class="card flex flex-col gap-6">
<ul class="flex flex-col gap-4 sm:flex-row sm:flex-wrap sm:gap-8">
<li class="flex items-center gap-2">
<Icon name="email-outline" class="h-5 w-5" style="color: var(--color-accent);" />
<span class="font-mono text-xs uppercase tracking-[0.18em]" style="color: var(--color-accent);">Email: [Greg to fill]</span>
<Icon
name="email-outline"
class="h-5 w-5"
style="color: var(--color-accent);"
/>
<span
class="font-mono text-xs uppercase tracking-[0.18em]"
style="color: var(--color-accent);"
>
<a href="mailto:Kilmer.GM@Gmail.com">Kilmer.GM@Gmail.com</a>
</span>
</li>
<li class="flex items-center gap-2">
<Icon name="linkedin" class="h-5 w-5" style="color: var(--color-accent);" />
<span class="font-mono text-xs uppercase tracking-[0.18em]" style="color: var(--color-accent);">LinkedIn: [Greg to fill]</span>
<Icon
name="linkedin"
class="h-5 w-5"
style="color: var(--color-accent);"
/>
<span
class="font-mono text-xs uppercase tracking-[0.18em]"
style="color: var(--color-accent);"
><a
href="https://www.linkedin.com/in/gregory-kilmer-36646bb5/"
target="_blank"
rel="noopener noreferrer">LinkedIn</a
></span
>
</li>
<li class="flex items-center gap-2">
<Icon name="github" class="h-5 w-5" style="color: var(--color-accent);" />
<span class="font-mono text-xs uppercase tracking-[0.18em]" style="color: var(--color-accent);">GitHub: [Greg to fill]</span>
<Icon
name="github"
class="h-5 w-5"
style="color: var(--color-accent);"
/>
<span
class="font-mono text-xs uppercase tracking-[0.18em]"
style="color: var(--color-accent);"
><a
href="https://github.com/patiun"
target="_blank"
rel="noopener noreferrer">GitHub</a
></span
>
</li>
</ul>
<a href="/contact" class="btn btn-primary self-start">