diff --git a/src/BlazorApp/Components/Pages/PrivacyPolicy.razor b/src/BlazorApp/Components/Pages/PrivacyPolicy.razor
new file mode 100644
index 0000000..434585b
--- /dev/null
+++ b/src/BlazorApp/Components/Pages/PrivacyPolicy.razor
@@ -0,0 +1,53 @@
+@page "/privacy-policy"
+
+Beau Findlay - Privacy Policy
+
+
Privacy Policy
+Last updated: 31 January 2025
+
+
+ About this website
+
+ This is a personal website operated by Beau Findlay.
+
+
+
+ Information collection
+
+ This website does not collect, store, or process any personal data and I will never track you or collect your
+ information.
+
+
+
+
+ Cookies
+
+
+ This website uses Cloudflare for security and performance. Cloudflare may set cookies on your device under
+ certain circumstances (such as when verifying you're not a bot):
+
+
+ - __cf_bm - Used for bot detection (expires after 30 minutes)
+ - cf_clearance - Stores proof you passed a security challenge (expires within 24
+ hours)
+
+
+
+
+ These cookies are only set when needed, are strictly necessary for the website to function securely, and are not
+ used for tracking or advertising. Under normal browsing, no cookies are set.
+
+
+ Cloudflare may process technical data to provide these services. See
+ Cloudflare's Privacy Policy
+ for details.
+
+
+
+
+ Contact
+
+ If you have questions about this policy, you can reach me by email.
+
+
\ No newline at end of file
diff --git a/src/BlazorApp/wwwroot/css/base.css b/src/BlazorApp/wwwroot/css/base.css
index 128ab73..b2af202 100644
--- a/src/BlazorApp/wwwroot/css/base.css
+++ b/src/BlazorApp/wwwroot/css/base.css
@@ -6,8 +6,6 @@ body {
font-family: var(--font-mono);
font-size: var(--font-size-base);
line-height: var(--line-height-normal);
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
}
/* Typography */
@@ -37,6 +35,28 @@ p {
margin-bottom: var(--space-4);
}
+/* Lists */
+ul {
+ list-style: none;
+ padding-left: var(--space-4);
+}
+
+ul li {
+ position: relative;
+ padding-left: var(--space-6);
+ margin-bottom: var(--space-3);
+}
+
+ul li::before {
+ content: ">";
+ position: absolute;
+ left: 0;
+ color: var(--color-slate-400);
+ font-size: var(--font-size-base);
+ line-height: 1.5;
+ font-weight: var(--font-weight-bold);
+}
+
/* Links */
a {
color: var(--color-slate-50);