Skip to content

Set up PB to serve static assets #5

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
azatecas merged 2 commits into from
Oct 14, 2025
Merged

Set up PB to serve static assets #5

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
36972f3
setup pocketbase companion service to serve static assets
Oct 14, 2025
db853bc
Update build-sveltekit.yml
azatecas Oct 14, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 15 additions & 1 deletion .github/workflows/build-sveltekit.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -48,4 +48,18 @@ jobs:
labels: ${{ steps.meta.outputs.labels }}
# "PORT=${{ secrets.SV_PORT }}"
# "CAPTCHAKEY=${{ secrets.CAPTCHAKEY }}"
# "PB_URL=${{ secrets.PB_URL }}"
# "PB_URL=${{ secrets.PB_URL }}"

- name: Trigger Dokploy Deployment
run: |
curl -X 'POST' \
'${{ secrets.DOKPLOY_WEBHOOK_URL }}' \
-H 'Content-Type: application/json' \
-H 'x-github-event: push' \
-d '{
"ref": "refs/heads/production",
"head_commit": {
"id": "${{ github.sha }}",
"message": "Deployment from Github Actions"
}
}'
1 change: 1 addition & 0 deletions sveltekit/src/lib/config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
export const PB_URL = "https://pb.codefallacy.com"
58 changes: 36 additions & 22 deletions sveltekit/src/routes/+page.svelte
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,10 @@
import codefallacy from '$lib/assets/codefallacy/codefallacy-transparent.svg';
import bmc from '$lib/assets/codefallacy/bmc-button.svg';
import svg from '$lib/assets/codefallacy/youtube.svg';
import { PB_URL } from '$lib/config';
import { dev } from '$app/environment';

let imageUrl = $state(`${PB_URL}/api/files/pbc_2708086759/d7kkz17s0i5u7ue/cftransparent_r4959gbvx3.png?thumb=300x0`);
</script>

<svelte:head>
Expand All @@ -10,30 +14,40 @@
<meta name="keywords" content="homelab, self-host, proxmox, docker, lxc, vm, linux, debian, ubuntu, arch, omarchy, fedora, red hat, raspberry pi, pihole, home assistant, immich, jellyfin" />
</svelte:head>

<div class="flex flex-col h-[100vh] w-[100vw] items-center justify-center bg-indigo-900 text-yellow-100">
<div class=" bg-blue-950 rounded-full mb-4 drop-shadow-2xl">
<img src={codefallacy} alt="codefallacy" width="250" height="250" fetchpriority='high'/>
</div>
<div class="text-2xl flex flex-col items-center justify-center mt-5 px-6 max-sm:text-xl">
<p>Hello!</p>
<p>Currently this site is under construction!</p>
<p>In the meantime, Check my Youtube Channel</p>
</div>

<div class="w-full flex justify-center mt-15 max-sm:flex-col max-sm:items-center">
<div class="sm:mr-5 max-sm:mb-6">
<a href="https://www.youtube.com/@codefallacy">
<img src={svg}
alt="codefallacy youtube channel"
width="180"
/>
</a>
{#if !dev}
<div class="flex flex-col h-[100vh] w-[100vw] items-center justify-center bg-indigo-900 text-yellow-100">
<div class=" bg-blue-950 rounded-full mb-4 drop-shadow-2xl">
<img src={imageUrl} alt="codefallacy" width="250" height="250" fetchpriority='high'/>
</div>
<div class="text-2xl flex flex-col items-center justify-center mt-5 px-6 max-sm:text-xl">
<p>Hello!</p>
<p>Currently this site is under construction!</p>
<p>In the meantime, Check my Youtube Channel</p>
</div>

<div class="sm:ml-5">
<a href="https://buymeacoffee.com/codefallacy">
<img src={bmc} alt="buy-me-a-coffee" width="180"/>
</a>
<div class="w-full flex justify-center mt-15 max-sm:flex-col max-sm:items-center">
<div class="sm:mr-5 max-sm:mb-6">
<a href="https://www.youtube.com/@codefallacy">
<img src={svg}
alt="codefallacy youtube channel"
width="180"
/>
</a>
</div>

<div class="sm:ml-5">
<a href="https://buymeacoffee.com/codefallacy">
<img src={bmc} alt="buy-me-a-coffee" width="180"/>
</a>
</div>
</div>
</div>
{:else}

<div>
TODO: LPM Implement design
</div>

{/if}


2 changes: 1 addition & 1 deletion sveltekit/svelte.config.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,7 +21,7 @@ const config = {
'script-src': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
'script-src-elem': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
'style-src': [ "'self'", "'unsafe-inline'", "https://codefallacy.com", "https://www.codefallacy.com" ],
'img-src': [ "'self'", "data:", "https://codefallacy.com", "https://www.codefallacy.com" ],
'img-src': [ "'self'", "data:", "https://codefallacy.com", "https://www.codefallacy.com", "*.codefallacy.com" ],
'font-src': [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
"base-uri": [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
"form-action": [ "'self'", "https://codefallacy.com", "https://www.codefallacy.com" ],
Expand Down