- To get started, open the src/pages
- src/pages
+
diff --git a/src/components/AwardCard.astro b/src/components/AwardCard.astro
new file mode 100644
index 0000000..09bc4a6
--- /dev/null
+++ b/src/components/AwardCard.astro
@@ -0,0 +1,30 @@
+---
+import type { CollectionEntry } from "astro:content";
+import { render } from "astro:content";
+
+import Link from "@components/Link.astro";
+
+interface Props {
+ award: CollectionEntry<"awards">;
+}
+
+const { award } = Astro.props as Props;
+
+const { Content } = await render(award);
+---
+
+-
+
-
+
{award.data.title}
+ + {award.data.giver} ({award.data.date.getFullYear()}) + + -
+
+
+
+
+
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
new file mode 100644
index 0000000..5a4427f
--- /dev/null
+++ b/src/components/Footer.astro
@@ -0,0 +1,60 @@
+---
+import { Icon } from "astro-icon/components";
+
+import { socials } from "@assets/socials.ts";
+import Link from "@components/Link.astro";
+---
+
+
+
+
diff --git a/src/components/HeroImageNative.astro b/src/components/HeroImageNative.astro
new file mode 100644
index 0000000..afb218e
--- /dev/null
+++ b/src/components/HeroImageNative.astro
@@ -0,0 +1,62 @@
+---
+import type { ImageMetadata } from "astro";
+
+interface Props {
+ images: Record
+
+
+
+ {award.data.title}
+
+ {award.data.giver} ({award.data.date.getFullYear()})
+
+
+
+
+
+
+
+
+
diff --git a/src/components/Link.astro b/src/components/Link.astro
new file mode 100644
index 0000000..6520ecb
--- /dev/null
+++ b/src/components/Link.astro
@@ -0,0 +1,42 @@
+---
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"a"> {
+ className?: string;
+ includeExternalLinkIcon?: boolean;
+}
+
+import { Icon } from "astro-icon/components";
+
+const {
+ href,
+ className,
+ includeExternalLinkIcon = true,
+ ...attrs
+} = Astro.props as Props;
+
+const linkIsExternal: boolean =
+ href !== undefined && href !== null
+ ? href.toString().startsWith("http")
+ : false;
+---
+
+
+ 0 ? "opacity-0" : "",
+ index < 2 ? "" : "hidden"
+ ]}
+ src={image}
+ alt={
+ typeof altText === "function" ? altText(index) : (altText ?? "")
+ }
+ loading={index < 2 ? "eager" : "lazy"}
+ aria-hidden={index === 0 ? "false" : "true"}
+ layout="full-width"
+ fit="cover"
+ style="height: 100% !important;"
+ quality={quality}
+ height={height === undefined ? undefined : height}
+ />
+ );
+ })
+ }
+
+ {
+ foreground && (
+
+ )
+ }
+
+
+
+
+
+ {
+ imagesArray.map((image, index) => {
+ const ID = `image-carousel-${Math.random().toString(36)}`;
+ IDs.push(ID);
+
+ return (
+
+
+
+
+
+
+
+
diff --git a/src/components/Paragraph.astro b/src/components/Paragraph.astro
new file mode 100644
index 0000000..4cf45b2
--- /dev/null
+++ b/src/components/Paragraph.astro
@@ -0,0 +1,13 @@
+---
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"p"> {
+ className?: string;
+}
+
+const { className = "my-4", ...attrs } = Astro.props as Props;
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/ProjectCard.astro b/src/components/ProjectCard.astro
new file mode 100644
index 0000000..95a777a
--- /dev/null
+++ b/src/components/ProjectCard.astro
@@ -0,0 +1,188 @@
+---
+import { getAllProjectImages } from '@lib/utils';
+
+import Link from "@components/Link.astro";
+import Paragraph from "@components/Paragraph.astro";
+import Token from "@components/Token.astro";
+import { Icon } from "astro-icon/components";
+import { Image } from "astro:assets";
+import type { CollectionEntry } from "astro:content";
+
+interface Props {
+ project: CollectionEntry<"projects">;
+ textOn?: "left" | "right";
+ quality?: number;
+}
+
+const { project, textOn = "left", quality = "80" } = Astro.props as Props;
+
+const images = getAllProjectImages(project);
+
+const translateXOptions = [
+ "group-hover:translate-x-8",
+ "group-hover:translate-x-9",
+ "group-hover:translate-x-10",
+ "group-hover:translate-x-11",
+ "group-hover:translate-x-12",
+ "group-hover:translate-x-13",
+ "group-hover:translate-x-14",
+ "group-hover:translate-x-15",
+ "group-hover:translate-x-16",
+ "group-hover:translate-x-17",
+ "group-hover:translate-x-18",
+ "group-hover:translate-x-19",
+ "group-hover:translate-x-20",
+ "group-hover:translate-x-21",
+ "group-hover:translate-x-22",
+ "group-hover:translate-x-23",
+ "group-hover:translate-x-24",
+ "group-hover:-translate-x-8",
+ "group-hover:-translate-x-9",
+ "group-hover:-translate-x-10",
+ "group-hover:-translate-x-11",
+ "group-hover:-translate-x-12",
+ "group-hover:-translate-x-13",
+ "group-hover:-translate-x-14",
+ "group-hover:-translate-x-15",
+ "group-hover:-translate-x-16",
+ "group-hover:-translate-x-17",
+ "group-hover:-translate-x-18",
+ "group-hover:-translate-x-19",
+ "group-hover:-translate-x-20",
+ "group-hover:-translate-x-21",
+ "group-hover:-translate-x-22",
+ "group-hover:-translate-x-23",
+ "group-hover:-translate-x-24"
+];
+
+const translateYOptions = [
+ "group-hover:translate-y-8",
+ "group-hover:translate-y-9",
+ "group-hover:translate-y-10",
+ "group-hover:translate-y-11",
+ "group-hover:translate-y-12",
+ "group-hover:translate-y-13",
+ "group-hover:translate-y-14",
+ "group-hover:translate-y-15",
+ "group-hover:translate-y-16",
+ "group-hover:translate-y-17",
+ "group-hover:translate-y-18",
+ "group-hover:translate-y-19",
+ "group-hover:translate-y-20",
+ "group-hover:translate-y-21",
+ "group-hover:translate-y-22",
+ "group-hover:translate-y-23",
+ "group-hover:translate-y-24",
+ "group-hover:-translate-y-9",
+ "group-hover:-translate-y-10",
+ "group-hover:-translate-y-11",
+ "group-hover:-translate-y-12",
+ "group-hover:-translate-y-13",
+ "group-hover:-translate-y-14",
+ "group-hover:-translate-y-15",
+ "group-hover:-translate-y-16",
+ "group-hover:-translate-y-17",
+ "group-hover:-translate-y-18",
+ "group-hover:-translate-y-19",
+ "group-hover:-translate-y-20",
+ "group-hover:-translate-y-21",
+ "group-hover:-translate-y-22",
+ "group-hover:-translate-y-23",
+ "group-hover:-translate-y-24"
+];
+
+const rotateOptions = [
+ "rotate-1",
+ "rotate-2",
+ "rotate-3",
+ "rotate-4",
+ "rotate-5",
+ "rotate-6",
+ "rotate-7",
+ "rotate-8",
+ "rotate-9",
+ "rotate-10",
+ "rotate-11",
+ "rotate-12",
+ "-rotate-1",
+ "-rotate-2",
+ "-rotate-3",
+ "-rotate-4",
+ "-rotate-5",
+ "-rotate-6",
+ "-rotate-7",
+ "-rotate-8",
+ "-rotate-9",
+ "-rotate-10",
+ "-rotate-11",
+ "-rotate-12"
+];
+
+const projectHasBody = project.body && project.body.trim().length > 0;
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/SEO.astro b/src/components/SEO.astro
new file mode 100644
index 0000000..c2d3986
--- /dev/null
+++ b/src/components/SEO.astro
@@ -0,0 +1,57 @@
+---
+interface Props {
+ title: string;
+ description: string;
+ url?: string;
+ image?: SiteImage;
+}
+
+const { title, description, url = Astro.url, image } = Astro.props;
+
+import site from "@data/site";
+---
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/components/SectionTitle.astro b/src/components/SectionTitle.astro
new file mode 100644
index 0000000..7f43000
--- /dev/null
+++ b/src/components/SectionTitle.astro
@@ -0,0 +1,16 @@
+---
+interface Props {
+ Tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+ lineColour?: string;
+ lineColourDark?: string;
+}
+
+const {
+ Tag = "h1",
+ lineColour = "border-primary",
+ lineColourDark = "dark:text-primary"
+} = Astro.props as Props;
+---
+
+
+ {project.data.description}
+ {
+ project.data.externalLinks !== undefined && (
+
+ {project.data.externalLinks.map((link, index) => (
+
+
+ + {projectHasBody && {project.data.title}}{!projectHasBody && project.data.title }
++ {project.data.role} +
+
+ {project.data.type}
+
+
+ {
+ images
+ .reverse()
+ .map((image, index) => (
+
+diff --git a/src/components/ThemeManager.astro b/src/components/ThemeManager.astro new file mode 100644 index 0000000..d82c249 --- /dev/null +++ b/src/components/ThemeManager.astro @@ -0,0 +1,62 @@ +--- +type Props = { + defaultTheme?: "auto" | "dark" | "light" | undefined; +}; + +const { defaultTheme = "auto" } = Astro.props; +--- + + + diff --git a/src/components/ThemeSelect.astro b/src/components/ThemeSelect.astro new file mode 100644 index 0000000..cdb384f --- /dev/null +++ b/src/components/ThemeSelect.astro @@ -0,0 +1,35 @@ +--- +const { class: providedClasses, selectClass, optionClass } = Astro.props; +--- + +
+
diff --git a/src/components/Welcome.astro b/src/components/Welcome.astro
deleted file mode 100644
index 52e0333..0000000
--- a/src/components/Welcome.astro
+++ /dev/null
@@ -1,210 +0,0 @@
----
-import astroLogo from '../assets/astro.svg';
-import background from '../assets/background.svg';
----
-
-
+ {track.data.card.text.secondary}
+ {track.data.card.text.primary}
+
+
- 
-
-
- 
-
- Read our docs
- Join our Discord
-
-
-
-
-
-
-
-
-
-
diff --git a/src/content.config.ts b/src/content.config.ts
new file mode 100644
index 0000000..e0aa0fa
--- /dev/null
+++ b/src/content.config.ts
@@ -0,0 +1,80 @@
+import { glob } from "astro/loaders";
+import { defineCollection, z } from "astro:content";
+
+const projects = defineCollection({
+ loader: glob({ pattern: "**/*.mdx", base: "./src/assets/projects" }),
+ schema: z.object({
+ title: z.string(),
+ role: z.string(),
+ type: z.string(),
+ date: z.date(),
+ description: z.string(),
+ frontPage: z
+ .object({
+ order: z.number()
+ })
+ .optional(),
+ images: z.object({
+ hero: z.object({
+ src: z.preprocess(
+ (val) => `/src/assets/img/project-heros/${val}`,
+ z.string()
+ ),
+ alt: z.string()
+ }),
+ other: z
+ .preprocess((val) => `/src/assets/img/projects/${val}`, z.string())
+ .optional()
+ }),
+ externalLinks: z
+ .array(
+ z.object({
+ name: z.string(),
+ href: z.string(),
+ icon: z.string()
+ })
+ )
+ .optional()
+ })
+});
+
+const awards = defineCollection({
+ loader: glob({ pattern: "**/*.mdx", base: "./src/assets/awards" }),
+ schema: z.object({
+ title: z.string(),
+ giver: z.string(),
+ date: z.date()
+ })
+});
+
+const tracks = defineCollection({
+ loader: glob({ pattern: "**/*.json", base: "./src/assets/tracks" }),
+ schema: ({ image }) =>
+ z.object({
+ src: z.string(),
+ metadata: z.object({
+ title: z.string(),
+ subtitle: z.string().optional(),
+ extra: z.string().optional(),
+ artist: z.string().optional().default("Nathan Cummins"),
+ artwork: z.preprocess((val) => `/src/assets/img/tracks/${val}`, image())
+ }),
+ autoQueue: z
+ .object({
+ order: z.number()
+ })
+ .optional(),
+ card: z.object({
+ image: z.object({
+ src: z.preprocess((val) => `/src/assets/img/tracks/${val}`, image()),
+ alt: z.string()
+ }),
+ text: z.object({
+ primary: z.string(),
+ secondary: z.string()
+ })
+ })
+ })
+});
+
+export const collections = { projects, awards, tracks };
diff --git a/src/data/person.ts b/src/data/person.ts
new file mode 100644
index 0000000..514ac58
--- /dev/null
+++ b/src/data/person.ts
@@ -0,0 +1,7 @@
+export default {
+ names: {
+ first: "Nathan",
+ last: "Cummins"
+ },
+ title: "Dr"
+};
diff --git a/src/data/site.ts b/src/data/site.ts
new file mode 100644
index 0000000..dd888b2
--- /dev/null
+++ b/src/data/site.ts
@@ -0,0 +1,13 @@
+import person from "@data/person";
+
+export default {
+ title: `${person.names.first} ${person.names.last} - Adelaide Composer, Orchestrator, Conductor, and Performer`,
+ description:
+ "Nathan Cummins is an award-winning composer, orchestrator, sound designer, and conductor known for his vibrant music across video games, film, and live performance. Based in Adelaide, he brings classical craft, bold creativity, and technical innovation to every project",
+ tagline: "Composer, Orchestrator, Conductor, Performer",
+ image: {
+ externalURL: `${import.meta.env.SITE}/nathan-cummins-composer-orchestrator-conductor.png`,
+ src: "nathan-cummins-composer-orchestrator-conductor.png",
+ alt: "Nathan Cummins"
+ } as SiteImage
+};
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 0000000..c604245
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1,12 @@
+/// - To get started, open the
-What's New in Astro 5.0?
-- From content layers to server islands, click to learn more about the new features and - improvements in Astro 5.0 -
- -
+
+
+
+
+
+
+
+
+
+
+
+ Let's get in touch!
+
+
+
+
+
+
+ PO Box 2112 Regency Park SA 5942
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ What I've been working on
+
+ I've recently been working on a few different projects.
+
+
+ {
+ projects.map((project, index) => {
+ return (
+
+
+ Explore more projects
+
+
+
+
+ Listen
+
+ Click or tap on an image below to listen to the work.
+
+
+ {tracks.map((track, index) =>
+
+ Recognition
+
+
+
+
+ I am very grateful to have been recognised and awarded for my
+ work.
+
+ Click here for more information
+
+
+
+
+
+ {
+ awardsDoubled.map((award, index) => {
+ return
+
+ Services
+
+ This is where I will put a list of services I offer, such as web
+ development, music composition, etc. Each service can link to a more
+ detailed page.
+
+
+
+ Let's get in touch!
+
+
+
+
+
+
+ PO Box 2112 Regency Park SA 5942
+
+
+
+
+
+
+ Recent Projects
+
+
+ {
+ projects.map((project, index) => {
+ return (
+
+
+
+
+
+
+
+
+
+ + {project.data.title} +
+
+ {project.data.title}
+
+
+
+
+
+
+
+ Awards and Recognition
+
+
+ {
+ awards.map((award, index) => {
+ return
+