Gforce Innovation - Portfolio & Blog

Personal portfolio and technical blog for Gabor Demeter — Salesforce DevOps & Platform Engineer.

Live at: gforce-innovation-kft.github.io | gforce.hu

Tech Stack

• Static HTML (no framework, no SSG, no build step)
• Tailwind CSS via CDN
• Vanilla JavaScript
• GitHub Pages for hosting

Pages

File	Description
index.html	Main portfolio / landing page
blog.html	Technical blog listing (data in assets/js/blog-data.json)
cv.html	Interactive online CV

Local Development

No build step needed. Open any HTML file in a browser or serve locally:

python3 -m http.server 8000
# then open http://localhost:8000

Deployment

The site is deployed automatically via GitHub Pages using GitHub Actions.

How it works

1. Push (or merge) to the develop branch
2. The workflow .github/workflows/deploy-pages.yml triggers automatically
3. It copies index.html, blog.html, cv.html, robots.txt, sitemap.xml, .nojekyll, and the assets/ directory into a _site/ folder
4. GitHub's upload-pages-artifact and deploy-pages actions publish it

You can also trigger a deploy manually from the Actions tab (workflow_dispatch).

What is .nojekyll?

GitHub Pages processes sites through Jekyll by default. Jekyll:

• Ignores files and folders starting with _ (e.g., _site/, _data/)
• Processes Liquid template syntax ({{ }}, {% %})
• Adds its own build pipeline

This site is plain HTML with Tailwind CSS loaded via CDN. Tailwind's CDN script uses {{ }} syntax internally, and the deploy workflow creates a _site/ folder. The .nojekyll file (an empty marker file) tells GitHub Pages to skip Jekyll entirely and serve the files as-is.

What gets deployed

Only these files end up on the live site (defined in the workflow):

• index.html, blog.html, cv.html
• assets/ (CSS, JS, images, fonts, cert badges)
• robots.txt, sitemap.xml
• .nojekyll

Everything else (PDFs, cv-generator/, promt, this README) stays in the repo but is not deployed.

Project Structure

.
├── index.html              # Landing page
├── blog.html               # Blog listing
├── cv.html                 # Online CV
├── assets/
│   ├── css/                # shared-styles.css (brand colors, animations)
│   ├── js/                 # config.js (Tailwind theme), shared.js (utilities), blog-data.json
│   ├── img/                # Logo SVGs, favicon, profile photo
│   └── certs/              # Salesforce certification badges
├── .github/workflows/      # deploy-pages.yml
├── .nojekyll               # Disables Jekyll on GitHub Pages
├── robots.txt
├── sitemap.xml
└── CLAUDE.md               # Claude Code guidance