Background

Freelance — Persona

About

Public Self & Private Soul

This is Freelance Persona, a modern, responsive, and lightweight theme for Astro.

Your online presence shouldn’t be a trade-off between a stiff résumé and a chaotic blog. I am the synthesis: a professional portfolio to win clients, showcase services and products, and a personal space to share your thoughts or drive client engagement. Clean code, high performance, and zero bloat. Consider this the blueprint for your digital self.

The Outer Space

I’m built as a static site generator theme, prioritising speed, accessibility, and simplicity. My structure is a journey of continuous refinement - a nicer way of saying I’m always open to Pull Requests. I thrive on turning markdown content into beautiful HTML, whether that means shaping a simple resume or guiding a visitor through a complex portfolio. The goal is always the same: to render work that is intelligent in its design, useful in its function, and elegant in its form.

The Inner Compass

In the parallel world of code, I am a quiet composition of minimal JavaScript, an avid consumer of structured data, and a dedicated believer in semantic HTML. These technical pillars are my backbone, the source of my performance, and the wellspring of my reliability. It’s in the solitude of a build process or the logic of a type definition that I find the clarity needed for the web’s bigger challenges.

Get in Touch (Or Don’t)

Whether you use me as is, or fork me into something new is an open question; perhaps that’s fitting, as open source is all about collaboration. Still, if your own path has led you here, and you’ve found a bug you really, really, really want to discuss, you can open an issue on GitHub. Please do. But you could also just star the repo.

Wishing you an amazing build, an awesome deploy, and an astonishing Lighthouse score!

Recent Posts

Thoughts & Updates

Hello World


13 Jan 2026|1 min read

Welcome to my new blog! This is the first post. It doesn't have a picture, so it relies on the text content to draw you in. :::tip[Markdown directives] The theme parses markdown container directives — :::tip, :::info, :::note, :::important, :::warning, :::caution and :::pullquote render as callout boxes. Custom titles via :::warning[Custom title]. See docs/features/admonitions.md. ::: :::info[Mobile table demo] On phones this table renders as labeled row cards by default (visuals.tables.mobilestyle: "cards"); "scroll" keeps the grid with the first column pinned, "native" restores plain horizontal overflow. See docs/features/mobile-tables.md. ::: | Day | Step | What happens | Why it matters | | :--- | :--- | :--- | :--- | | Day 0 | First post | The blog goes live with demo content. | Tables, quotes and admonitions get a home. | | Day 1 | Styling pass | Cards, badges and typography settle in. | Every markdown construct has a look. | | Day 2 | Mobile pass | Tables degrade to cards on phones. | No more mid-word cut-off columns. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam elementum magna eros, ac posuere elit tempus id. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris eleifend, libero at sagittis mollis, tellus risus vehicula tellus, a feugiat lectus eros a magna. In hac habitasse platea dictumst. Mauris sed nisl. Nullam sit amet magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean sem leo, vulputate bibendum, velit, convallis at, neque. Ut pretium. Fusce lacinia. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula. Nulla ut felis in purus aliquam imperdiet. Maecenas aliquet mollis lectus. Vivamus consectetuer risus et tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. and even more text

Hello World

This is a post without an image. It should display as a text-only card.

Blogs

Development

Core features, API updates, and performance tuning. (Overlay Title) + (Grid example inside)

devastrocoding
Design System

Design System

CC BY-SA 4.0

Layouts, components, and visual guidelines. (Overlay Title with ribbon) + (List example)

designcss

Community

Showcases, tutorials, and success stories. (No Overlay) + (No posts yet example)

community

No posts yet

Deprecated

Old patterns.

legacy

Experimental

Beta features.

beta

Changelog

Release notes.

changelog

Astro Posts

Posts filtered by tag 'astro'

Hello World


13 Jan 2026|1 min read

Welcome to my new blog! This is the first post. It doesn't have a picture, so it relies on the text content to draw you in. :::tip[Markdown directives] The theme parses markdown container directives — :::tip, :::info, :::note, :::important, :::warning, :::caution and :::pullquote render as callout boxes. Custom titles via :::warning[Custom title]. See docs/features/admonitions.md. ::: :::info[Mobile table demo] On phones this table renders as labeled row cards by default (visuals.tables.mobilestyle: "cards"); "scroll" keeps the grid with the first column pinned, "native" restores plain horizontal overflow. See docs/features/mobile-tables.md. ::: | Day | Step | What happens | Why it matters | | :--- | :--- | :--- | :--- | | Day 0 | First post | The blog goes live with demo content. | Tables, quotes and admonitions get a home. | | Day 1 | Styling pass | Cards, badges and typography settle in. | Every markdown construct has a look. | | Day 2 | Mobile pass | Tables degrade to cards on phones. | No more mid-word cut-off columns. | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Curabitur pretium tincidunt lacus. Nulla gravida orci a odio. Nullam varius, turpis et commodo pharetra, est eros bibendum elit, nec luctus magna felis sollicitudin mauris. Integer in mauris eu nibh euismod gravida. Duis ac tellus et risus vulputate vehicula. Donec lobortis risus a elit. Etiam tempor. Ut ullamcorper, ligula eu tempor congue, eros est euismod turpis, id tincidunt sapien risus a quam. Maecenas fermentum consequat mi. Donec fermentum. Pellentesque malesuada nulla a mi. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam elementum magna eros, ac posuere elit tempus id. Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris eleifend, libero at sagittis mollis, tellus risus vehicula tellus, a feugiat lectus eros a magna. In hac habitasse platea dictumst. Mauris sed nisl. Nullam sit amet magna. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed aliquam, nisi quis porttitor congue, elit erat euismod orci, ac placerat dolor lectus quis orci. Phasellus consectetuer vestibulum elit. Aenean sem leo, vulputate bibendum, velit, convallis at, neque. Ut pretium. Fusce lacinia. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem, at interdum magna augue eget diam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Morbi lacinia molestie dui. Praesent blandit dolor. Sed non quam. In vel mi sit amet augue congue elementum. Morbi in ipsum sit amet pede facilisis laoreet. Donec lacus nunc, viverra nec, blandit vel, egestas et, augue. Vestibulum tincidunt malesuada tellus. Ut ultrices ultrices enim. Curabitur sit amet mauris. Morbi in dui quis est pulvinar ullamcorper. Nulla facilisi. Integer lacinia sollicitudin massa. Cras metus. Sed aliquet risus a tortor. Integer id quam. Morbi mi. Quisque nisl felis, venenatis tristique, dignissim in, ultrices sit amet, augue. Proin sodales libero eget ante. Nulla quam. Aenean laoreet. Vestibulum nisi lectus, commodo ac, facilisis ac, ultricies eu, pede. Ut orci risus, accumsan porttitor, cursus quis, aliquet eget, justo. Sed pretium blandit orci. Ut eu diam at pede suscipit sodales. Aenean lectus elit, fermentum non, convallis id, sagittis at, neque. Nullam mauris orci, aliquet et, iaculis et, viverra vitae, ligula. Nulla ut felis in purus aliquam imperdiet. Maecenas aliquet mollis lectus. Vivamus consectetuer risus et tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero. and even more text

Hello World

This is a post without an image. It should display as a text-only card.

Contact

Name

freelance-persona, Astro Theme

Address

123 Persona Way, Remote City

Phone

+1234567890

Loading
Your message has been sent. Thank you!