Update portfolio site with latest changes

2026-09-12 12:13:16 -03:00
parent 7ff5d41fed
commit d62ea01d62
5 changed files with 357 additions and 19 deletions
--- a/DEPLOY.md
+++ b/DEPLOY.md
@@ -0,0 +1,140 @@
+# Portfolio Landing Page + Git Instance Visuals
+
+## Architecture
+
+- **Root domain** (`https://gabrielpereira.me/`) → Portfolio landing page
+- **Git subdomain** (`https://git.gabrielpereira.me/`) → Gitea/Forgejo instance
+
+This separation means visitors hit the curated portfolio first, then choose which repository to explore.
+
+---
+
+## 1. Portfolio Landing Page
+
+The file `index.html` is a self-contained, single-file portfolio landing page.
+
+### Deployment: Static Host (Recommended)
+
+**GitHub Pages**
+- Create repo `gabrielpereira/gabrielpereira.me`
+- Commit `index.html` as the repo root (or in `/docs` folder)
+- Enable Pages → deploy from root (or `/docs`)
+- In repo Settings → Pages, add custom domain `gabrielpereira.me`
+- Add DNS A record pointing to GitHub Pages IPs
+
+**Cloudflare Pages**
+- Drag `index.html` into Cloudflare Pages dashboard
+- Custom domain: `gabrielpereira.me`
+
+**Netlify / Vercel**
+- Drag the `portfolio/` folder into deploy UI
+- Set custom domain to `gabrielpereira.me`
+
+### Deployment: Self-Hosted (Nginx/Caddy)
+
+Place `index.html` at:
+```
+/var/www/gabrielpereira.me/index.html
+```
+
+Nginx config:
+```nginx
+server {
+    listen 443 ssl;
+    server_name gabrielpereira.me;
+    root /var/www/gabrielpereira.me;
+    index index.html;
+
+    location / {
+        try_files $uri $uri/ =404;
+    }
+}
+
+server {
+    listen 443 ssl;
+    server_name git.gabrielpereira.me;
+
+    location / {
+        proxy_pass http://localhost:3000;  # your Gitea/Forgejo
+        proxy_set_header Host $host;
+        proxy_set_header X-Real-IP $remote_addr;
+        proxy_set_header X-Forwarded-Proto $scheme;
+    }
+}
+```
+
+Caddyfile:
+```
+gabrielpereira.me {
+    root * /var/www/gabrielpereira.me
+    file_server
+}
+
+git.gabrielpereira.me {
+    reverse_proxy localhost:3000
+}
+```
+
+---
+
+## 2. Gitea / Forgejo Visual Improvements
+
+The file `git-custom-header.html` contains both **CSS overrides** and an **HTML banner**.
+
+### How to apply
+
+**Forgejo / Gitea v1.20+ (Admin Panel)**
+1. Log in as admin → Site Administration → Customizations
+2. Paste the `<style>` block into "Custom Header" (or "Custom CSS" if available)
+3. If your version supports HTML injection, also paste the banner `<div>` block
+4. Save
+
+**Direct file (self-hosted server access)**
+Create the custom templates directory for your instance:
+```bash
+# For Gitea/Forgejo installed from package
+sudo mkdir -p /etc/gitea/templates/custom
+
+# Or if installed from binary in /opt
+sudo mkdir -p /opt/gitea/custom/templates/custom
+```
+
+Create `header.tmpl`:
+```bash
+sudo tee /etc/gitea/templates/custom/header.tmpl << 'EOF'
+{{/* Paste the contents of git-custom-header.html here */}}
+EOF
+```
+
+Restart Gitea/Forgejo:
+```bash
+sudo systemctl restart gitea
+# or
+sudo systemctl restart forgejo
+```
+
+### What the CSS changes
+- Darker, more cohesive color palette matching the portfolio page
+- Repository cards with rounded corners and hover effects
+- Better typography and spacing
+- A subtle "Open Evidence" badge concept on the homepage
+- Improved navbar and footer styling
+
+---
+
+## 3. DNS Configuration
+
+| Record | Type | Target |
+|--------|------|--------|
+| `gabrielpereira.me` | A | Your static host IP (GitHub Pages / server / CDN) |
+| `git.gabrielpereira.me` | CNAME or A | Your Gitea/Forgejo server |
+
+---
+
+## Files
+
+| File | Purpose |
+|------|---------|
+| `index.html` | Portfolio landing page (single file, no build step) |
+| `git-custom-header.html` | CSS + HTML for Gitea/Forgejo customizations |
+| `DEPLOY.md` | This file — deployment instructions |