Skip to content

Commit

Permalink
does this work yet??
Browse files Browse the repository at this point in the history
  • Loading branch information
@ChrisMoriarty
ChrisMoriarty committed Nov 7, 2024
1 parent d49aabb commit a7093eb
Show file tree
Hide file tree
Showing 4 changed files with 139 additions and 132 deletions.
1 change: 1 addition & 0 deletions astro.config.mjs
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@ import react from "@astrojs/react";
// https://astro.build/config
export default defineConfig({
output: "static",
public: "./public/",
site: "https://ChrisMoriarty.github.io/",
base: "/moriartyengineering",
integrations: [tailwind(), react()],
Expand Down
6 changes: 3 additions & 3 deletions src/data/experience.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ export const EXPERIENCE: ExperienceProp[] = [
"Grafana",
"Docker",
],
logo: "/logos/mpc.png",
logo: "/moriartyengineering/logos/mpc.png",
},
{
dates: "Septemer 2021 — August 2024",
Expand Down Expand Up @@ -49,7 +49,7 @@ export const EXPERIENCE: ExperienceProp[] = [
"Prometheus",
"Grafana",
],
logo: "/logos/mpc.png",
logo: "/moriartyengineering/logos/mpc.png",
},
{
dates: "September 2018 — September 2021",
Expand All @@ -65,6 +65,6 @@ export const EXPERIENCE: ExperienceProp[] = [
Co-organized observatory wide multi-day operations review. \
Started the Center For Astrophysics (CfA) Software Engineering Steering Committee, and served as the chair.",
technologies: ["Python", "C", "Real-time OS", "Open Project", "Redis"],
logo: "/logos/sma.png",
logo: "/moriartyengineering/logos/sma.png",
},
];
6 changes: 5 additions & 1 deletion src/layouts/Layout.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,11 @@ const { title } = Astro.props;
<meta charset="UTF-8" />
<meta name="description" content="Astro description" />
<meta name="viewport" content="width=device-width" />
<link rel="icon" type="image/webp" href="/favicon.webp" />
<link
rel="icon"
type="image/webp"
href="/moriartyengineering/favicon.webp"
/>
<meta name="generator" content={Astro.generator} />
<title>{title}</title>
</head>
Expand Down
258 changes: 130 additions & 128 deletions src/pages/index.astro
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,155 +18,157 @@ import Layout from "../layouts/Layout.astro";
<div
class="flex lg:items-start gap-4 flex-col lg:flex-row items-center text-center lg:text-left"
>
<img src="/avatar.webp" alt="Vadim Rusin" class="w-16 h-16" />
<div>
<a
href="/"
class="text-4xl lg:text-5xl block font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-b from-neutral-50 to-neutral-400 bg-opacity-50"
>
<h1>Christopher Moriarty</h1>
</a>
<h2 class="mt-2 text-sm lg:text-lg font-medium text-neutral-400">
Software Architect, Contractor, Entrepreneur
</h2>

<img
src="/moriartyengineering/avatar.webp"
alt="Christopher Moriarty"
class="w-16 h-16"
/>
<div
<a
data-ccursor
href="mailto:[email protected]"
class="inline-flex transition-all border-neutral-700 hover:border-opacity-0 border-opacity-50 shadow rounded-md border backdrop-blur-xl bg-neutral-400/10 px-3 py-2.5 items-center text-white font-semibold group p-2 text-sm gap-x-2 mt-4"
>
<span>Email me</span>
<sapn
class="w-2 h-2 rounded-full bg-green-400 duration-1000 animate-pulse"
>
</sapn>
</a>
href="/"
class="text-4xl lg:text-5xl block font-bold tracking-tight bg-clip-text text-transparent bg-gradient-to-b from-neutral-50 to-neutral-400 bg-opacity-50"
>
<h1>Christopher Moriarty</h1>
</div>
</div>
<h2 class="mt-2 text-sm lg:text-lg font-medium text-neutral-400">
Software Architect, Contractor, Entrepreneur
</h2>

{
SOCIALS.length && (
<ul
class="mt-8 flex items-center justify-center lg:justify-normal gap-x-5"
aria-label="Social media"
<a
data-ccursor
href="mailto:[email protected]"
class="inline-flex transition-all border-neutral-700 hover:border-opacity-0 border-opacity-50 shadow rounded-md border backdrop-blur-xl bg-neutral-400/10 px-3 py-2.5 items-center text-white font-semibold group p-2 text-sm gap-x-2 mt-4"
>
<span>Email me</span>
<sapn
class="w-2 h-2 rounded-full bg-green-400 duration-1000 animate-pulse"
>
{SOCIALS.map((social) => (
<li class="text-xs p-2 rounded" data-ccursor>
<a
class="block hover:text-slate-200"
href={social.url}
target="_blank"
rel="noreferrer noopener"
aria-label={`${social.name} (opens in a new tab)`}
>
<span class="sr-only">{social.name}</span>
{<Component component={social.icon} />}
</a>
</li>
))}
</ul>
)
}
</sapn>
</a>
</div>
</header>

<main id="content" class="pt-24 lg:w-1/2 lg:py-24">
<section
id="about"
class="mb-16 scroll-mt-16 md:mb-24 lg:mb-36 lg:scroll-mt-24"
aria-label="About me"
{
SOCIALS.length && (
<ul
class="mt-8 flex items-center justify-center lg:justify-normal gap-x-5"
aria-label="Social media"
>
{SOCIALS.map((social) => (
<li class="text-xs p-2 rounded" data-ccursor>
<a
class="block hover:text-slate-200"
href={social.url}
target="_blank"
rel="noreferrer noopener"
aria-label={`${social.name} (opens in a new tab)`}
>
<span class="sr-only">{social.name}</span>
{<Component component={social.icon} />}
</a>
</li>
))}
</ul>
)
}
</div>

<main id="content" class="pt-24 lg:w-1/2 lg:py-24">
<section
id="about"
class="mb-16 scroll-mt-16 md:mb-24 lg:mb-36 lg:scroll-mt-24"
aria-label="About me"
>
<div
class="sticky top-0 z-20 -mx-6 mb-4 w-screen px-6 py-3 backdrop-blur-lg md:-mx-12 md:px-12 lg:sr-only lg:relative lg:top-auto lg:mx-auto lg:w-full lg:px-0 lg:py-0 lg:opacity-0"
>
<div
class="sticky top-0 z-20 -mx-6 mb-4 w-screen px-6 py-3 backdrop-blur-lg md:-mx-12 md:px-12 lg:sr-only lg:relative lg:top-auto lg:mx-auto lg:w-full lg:px-0 lg:py-0 lg:opacity-0"
<h2
class="text-sm font-bold uppercase tracking-widest text-neutral-200 lg:sr-only"
>
<h2
class="text-sm font-bold uppercase tracking-widest text-neutral-200 lg:sr-only"
>
About
</h2>
</div>
<div>
<div class="mb-4 space-y-4">
<p>
I've been a professional software engineer since 2006,
spending the majority of my career in the field of
astrophysics. I've recently started my own company, <b>
Moriarty Engineering LLC
</b>, to pursue my own endevours. I'm passionate about
science, technology, and the intersection of the two. I'm
always looking for new and exciting opportunities to
collaborate with others!
</p>
</div>
About
</h2>
</div>
<div>
<div class="mb-4 space-y-4">
<p>
I've been a professional software engineer since 2006, spending
the majority of my career in the field of astrophysics. I've
recently started my own company, <b>
Moriarty Engineering LLC
</b>, to pursue my own endevours. I'm passionate about science,
technology, and the intersection of the two. I'm always looking
for new and exciting opportunities to collaborate with others!
</p>
</div>
</section>
<section
id="experience"
class="mb-16 scroll-mt-16 md:mb-24 lg:mb-36 lg:scroll-mt-24"
aria-label="Work experience"
</div>
</section>
<section
id="experience"
class="mb-16 scroll-mt-16 md:mb-24 lg:mb-36 lg:scroll-mt-24"
aria-label="Work experience"
>
<div
class="sticky top-0 z-20 -mx-6 mb-4 w-screen px-6 py-3 backdrop-blur-lg md:-mx-12 md:px-12 lg:sr-only lg:relative lg:top-auto lg:mx-auto lg:w-full lg:px-0 lg:py-0 lg:opacity-0"
>
<div
class="sticky top-0 z-20 -mx-6 mb-4 w-screen px-6 py-3 backdrop-blur-lg md:-mx-12 md:px-12 lg:sr-only lg:relative lg:top-auto lg:mx-auto lg:w-full lg:px-0 lg:py-0 lg:opacity-0"
<h2
class="text-sm font-bold uppercase tracking-widest text-neutral-200 lg:sr-only"
>
<h2
class="text-sm font-bold uppercase tracking-widest text-neutral-200 lg:sr-only"
>
Experience
</h2>
</div><div>
<ol class="group/list space-y-12">
{EXPERIENCE.map((experience) => <Experience {...experience} />)}
</ol>
Experience
</h2>
</div><div>
<ol class="group/list space-y-12">
{EXPERIENCE.map((experience) => <Experience {...experience} />)}
</ol>

<div class="mt-12">
<a
data-ccursor
class="inline-flex items-center leading-tight text-neutral-200 font-semibold group p-2 rounded px-3"
aria-label="View Full Résumé"
target="_blank"
rel="noreferrer noopener"
href="./resume.pdf"
>
<span>
<div class="mt-12">
<a
data-ccursor
class="inline-flex items-center leading-tight text-neutral-200 font-semibold group p-2 rounded px-3"
aria-label="View Full Résumé"
target="_blank"
rel="noreferrer noopener"
href="./resume.pdf"
>
<span>
<span
class="border-b border-transparent pb-px transition group-hover:border-neutral-300 motion-reduce:transition-none"
>
View Full
</span>
<span class="whitespace-nowrap">
<span
class="border-b border-transparent pb-px transition group-hover:border-neutral-300 motion-reduce:transition-none"
>
View Full
Résumé
</span>
<span class="whitespace-nowrap">
<span
class="border-b border-transparent pb-px transition group-hover:border-neutral-300 motion-reduce:transition-none"
>
Résumé
</span>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="ml-1 inline-block h-4 w-4 shrink-0 -translate-y-px transition-transform group-hover:translate-x-2 group-focus-visible:translate-x-2 motion-reduce:transition-none"
aria-hidden="true"
><path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"></path></svg
></span
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor"
class="ml-1 inline-block h-4 w-4 shrink-0 -translate-y-px transition-transform group-hover:translate-x-2 group-focus-visible:translate-x-2 motion-reduce:transition-none"
aria-hidden="true"
><path
fill-rule="evenodd"
d="M3 10a.75.75 0 01.75-.75h10.638L10.23 5.29a.75.75 0 111.04-1.08l5.5 5.25a.75.75 0 010 1.08l-5.5 5.25a.75.75 0 11-1.04-1.08l4.158-3.96H3.75A.75.75 0 013 10z"
clip-rule="evenodd"></path></svg
></span
></a
>
</div>
></span
></a
>
</div>
</section>
<footer class="max-w-md pb-16 text-sm text-neutral-500 sm:pb-0">
</footer>
</main>
</div>
</div>
</section>
<footer class="max-w-md pb-16 text-sm text-neutral-500 sm:pb-0">
</footer>
</main>
</div>
</div>

<footer class="text-center py-4 text-xs">
{new Date().getFullYear()} All rights reserved.
</footer>
</Layout>

<footer class="text-center py-4 text-xs">
{new Date().getFullYear()} All rights reserved.
</footer>

<style scoped>
@keyframes fadeIn {
0% {
Expand All @@ -178,7 +180,7 @@ import Layout from "../layouts/Layout.astro";
}

.hero {
background-image: url(/pattern.svg);
background-image: url(/moriartyengineering/pattern.svg);
background-position: top center;
background-repeat: no-repeat;
overflow-y: visible;
Expand Down

0 comments on commit a7093eb

Please sign in to comment.