Refer to Astro docs on Components
For pages such as short form, long form, any tag pages the file that's being used to structure the layout is BlogPost.astro
The Footer.astro will reference astro-icon for the social media icons
getRandomImage.astro is used in TagLayout.astro to randomise the images chosen from the Content Collections
Pagefind.astro is used in Navigation.astro and is using the Pagefind integration
ThemeIcon.astro is referencing themetoggle.js for light/dark mode switch.
Hamburger.astro, ThemeIcon.astro, Navigation.astro and Pagefind.astro are used in Header.astro
Masonry.astro is used in MarkdownPostLayout.astro for the rendering of the images that's referenced in the Content Collections for specific posts. Masonry.astro is referencing masonry.css and glightbox.js
sortbydate.jsx is used in Pages to order the posts that are being rendered by BlogPost.astro.
Homepage.astro is used in index.astro and is referencing homepage.js, this functions the same as getRandomImage.astro to randomise the pictures shown, but structures are different in terms of the props being passed
Prose.astro is a TailwindCSS layout and is being used throughout the site for formmatting. Prose_cv.astro is only for the cv collection. Prose_headings.astro as the name mentions, formats headings.
The other files are remnants during the development process and can be ignored.