🔒 Setup Guide

Enter the password to view your gift setup instructions.

🎁 Your Birthday Gift Setup Guide

Everything you need to get started with your new photography tools and manage your website. Happy Sweet 16!

🎨 1. Adobe Photography Plan

You have a full Adobe Photography Plan subscription — this includes Lightroom, Photoshop, and 1 TB of cloud storage.

Getting Started

1. Go to account.adobe.com and sign in with the password above
2. Download the Adobe Creative Cloud desktop app
3. From Creative Cloud, install Lightroom (for organizing & editing) and Photoshop (for advanced editing)
4. On your phone, download Lightroom Mobile (free with your subscription) — your edits sync across devices!

Recommended First Steps

• Set up your Lightroom catalog — create folders by date or shoot name (e.g., "2026-04 Spring Portraits")
• Learn presets in Lightroom — they're like Instagram filters but way more powerful, and you can create your own signature look
• Try the Healing Brush and Masking tools in Lightroom for selective edits
• Explore Adobe Portfolio (included free!) — it can host a portfolio site connected to your Lightroom catalog

🌐 2. Your Domain — fotopace.com

You own the domain fotopace.com! It's registered through Cloudflare and pointed to your personal portfolio website.

What "fotopace" Means

foto = photo in Spanish (a nod to your Argentina roots) + Pace = your family name. Light in every frame.

🖥 3. Your Website — How It Works

Your portfolio is live at fotopace.com. Here's the architecture so you understand what's happening behind the scenes:

How the chain works: You visit fotopace.com → Cloudflare (DNS + SSL) → Cloudflare Tunnel → Home Acer Server → Flask app on port 5170 → serves index.html

🛠 4. Managing Your Website (The Fun Part!)

You can manage your website from your laptop! There are two ways to connect to the server depending on where you are:

Option A: On the Home WiFi (Local Network)

When you're at home and connected to our WiFi, the server is right there on the network:

# Open PowerShell or Terminal on your laptop and type:
ssh [email protected]
# When it asks for a password, type: KeepingP@ce8!

Option B: From Anywhere (Tailscale)

Your laptop (charlottelaptop) and the home server are both on our Tailscale network. This means you can connect from anywhere — school, a friend's house, Starbucks, wherever:

1. Make sure Tailscale is running on your laptop (check the system tray icon — it should be connected)
2. Open PowerShell or Terminal and type:

# Connect via Tailscale (works from ANYWHERE with internet):
ssh [email protected]
# Password: KeepingP@ce8!

Once You're Connected (SSH)

After you SSH in, you're on the server! Here are the most useful commands:

# Go to your website folder:
cd ~/fotopace

# See all the files:
ls -la
ls templates/
ls static/images/

# Edit the website HTML:
nano templates/index.html
# (Use arrow keys to navigate, Ctrl+O to save, Ctrl+X to exit)

# Edit this setup page:
nano templates/setup.html

# After editing, restart the website so changes go live:
sudo systemctl restart fotopace
# (Type your password: KeepingP@ce8!)

# Check if the website is running:
systemctl status fotopace

# Test your site locally before it goes public:
curl http://localhost:5170

# Check if the Cloudflare tunnel is running:
systemctl status cloudflared-fotopace

Adding Photos to Your Gallery

This is a multi-step process — first copy photos to the server, then update the HTML:

# Step 1: From YOUR laptop (not SSH), copy a photo to the server:
scp my-photo.jpg [email protected]:~/fotopace/static/images/
# Or via Tailscale:
scp my-photo.jpg [email protected]:~/fotopace/static/images/

# Step 2: SSH into the server and edit the HTML:
ssh [email protected]
cd ~/fotopace
nano templates/index.html

# Step 3: Find the gallery section and replace a placeholder with:
# <div class="gallery-item"><img src="/static/images/my-photo.jpg" alt="Description"></div>

# Step 4: Save (Ctrl+O, Enter) and exit (Ctrl+X)

# Step 5: Restart the site:
sudo systemctl restart fotopace

Copying Multiple Photos at Once

# Copy an entire folder of photos:
scp -r ./my-shoot-folder/*.jpg [email protected]:~/fotopace/static/images/

# Or use Tailscale IP if you're away from home:
scp -r ./my-shoot-folder/*.jpg [email protected]:~/fotopace/static/images/

If Something Goes Wrong

# Check the website service logs for errors:
journalctl -u fotopace --no-pager --since "10 min ago"

# Restart everything if the site is down:
sudo systemctl restart fotopace
sudo systemctl restart cloudflared-fotopace

# Check if both services are running:
systemctl is-active fotopace
systemctl is-active cloudflared-fotopace

# If you accidentally break the HTML and the site won't load,
# just ask Dad or paste the error into GitHub Copilot!

🤖 5. Using GitHub Copilot to Manage Your Site

Here's a secret weapon: GitHub Copilot (the AI in VS Code) can help you manage your entire website. You don't need to memorize any of this — just copy the info below and paste it into a Copilot chat, then ask it to help you.

## fotopace.com — Website Management Context

### Server Access
- **Local IP (home WiFi):** 192.168.0.109
- **Tailscale IP (anywhere):** 100.84.106.20
- **SSH command (local):** ssh [email protected]
- **SSH command (remote):** ssh [email protected]
- **SSH username:** jamesearlpace
- **SSH password:** KeepingP@ce8!
- **Server OS:** Linux Mint 22.1 (Ubuntu-based)
- **Python version:** 3.12

### Website Files
- **Flask app:** ~/fotopace/server.py (Python, port 5170)
- **Main page HTML:** ~/fotopace/templates/index.html
- **Setup page HTML:** ~/fotopace/templates/setup.html
- **Images folder:** ~/fotopace/static/images/
- **Site URL:** https://fotopace.com

### Services (systemd)
- **Website service:** fotopace (Flask on port 5170)
- **Tunnel service:** cloudflared-fotopace (Cloudflare Tunnel)
- **Restart site:** sudo systemctl restart fotopace
- **Restart tunnel:** sudo systemctl restart cloudflared-fotopace
- **Check status:** systemctl status fotopace
- **View logs:** journalctl -u fotopace --no-pager --since "10 min ago"

### How to Upload Photos
1. From my laptop: scp photo.jpg [email protected]:~/fotopace/static/images/
2. SSH in: ssh [email protected]
3. Edit HTML: nano ~/fotopace/templates/index.html
4. Add in gallery: <div class="gallery-item"><img src="/static/images/photo.jpg" alt="Description"></div>
5. Restart: sudo systemctl restart fotopace

### Design Info
- Dark theme, gold accent (#c4a87c)
- Fonts: Playfair Display (headings), Inter (body)
- Background: #0a0a0a
- Gallery uses CSS Grid with aspect-ratio 4/5 items
- Responsive, mobile-friendly

### Domain & DNS
- Domain: fotopace.com (registered on Cloudflare)
- Cloudflare account: [email protected]
- DNS: CNAME to Cloudflare Tunnel (no port forwarding needed)
- SSL: Automatic via Cloudflare

### Other Services on Same Server (don't touch these)
- Home dashboard (5150), Smart garden (5125), Thermostat (5126)
- Home Assistant tunnel: ha.savagepace.com (separate tunnel)
- Alexa bridge (5160), Roborock collector (5161)

Example Things You Can Ask Copilot

• "Help me add 4 new photos to my gallery. I've already uploaded them to static/images/"
• "Change the hero section text to say 'Capturing life in the Pacific Northwest'"
• "Add a new Services card for 'Product Photography'"
• "The site is showing an error — here's the log output: [paste log]. What's wrong?"
• "Help me add an Instagram link to the social section"
• "Make the gallery show 4 columns on desktop instead of 3"
• "Add a new page at /pricing with my photography packages"
• "Help me set up [email protected] email forwarding"

✅ Once You've Saved the Copilot Context — Remove This Page!

This setup page has passwords on it, and it's accessible on the public internet (even with a password gate, it's not truly secure — the password check is just JavaScript, not server-side). Once you've copied the Copilot context block above and saved it somewhere safe (a note on your laptop, a text file, etc.), you should remove the setup page and the birthday banner from the live site.

Here's exactly what to do (or just paste these instructions into Copilot and ask it to do it for you):

# Step 1: SSH into the server
ssh [email protected]
# (or via Tailscale: ssh [email protected])
# Password: KeepingP@ce8!

# Step 2: Delete the setup page
rm ~/fotopace/templates/setup.html

# Step 3: Remove the /setup route from server.py
nano ~/fotopace/server.py
# Delete these 3 lines:
#   @app.route('/setup')
#   def setup():
#       return render_template('setup.html')
# Save (Ctrl+O) and exit (Ctrl+X)

# Step 4: Remove the birthday banner from index.html
nano ~/fotopace/templates/index.html
# Delete everything between (and including):
#   <div class="birthday-banner">
#   ... (the sparkles, heading, message, and setup link)
#   </div>
# Also delete the .birthday-banner CSS block in the <style> section
# Save and exit

# Step 5: Restart the site
sudo systemctl restart fotopace

# Step 6: Verify — this should now return 404:
curl -s -o /dev/null -w '%{http_code}' http://localhost:5170/setup
# Should print: 404

🚀 6. Quick Reference & All Passwords

Future Ideas (When You're Ready)

• Email: Set up [email protected] (via Cloudflare Email Routing — free, forwards to your Gmail)
• Booking form: Add a contact form for clients to request sessions
• Pricing page: When you're ready to charge, add a services & pricing section
• Instagram feed: Embed your Instagram grid on the site
• Blog: Share behind-the-scenes from shoots
• Custom domain email: [email protected] looks way more professional than Gmail!

Happy Birthday, Charlotte. Go make something amazing. ✨