Inkfolio

Turn a folder of artwork into a portfolio website, in your browser. Free, no code, no upload. สร้างเว็บพอร์ตโฟลิโอจากโฟลเดอร์ผลงาน ในเบราว์เซอร์ของคุณ ฟรี ไม่ต้องเขียนโค้ด ไม่ต้องอัปโหลด

👉 Use it / ใช้งาน: https://ronsuthlor3-lab.github.io/inkfolio/

ภาษาไทย · English

Part of the Inkseal family of free tools for artists.

---

ภาษาไทย

ทำอะไรได้

1. ใส่ชื่อ แนะนำตัว ลิงก์โซเชียล และรหัสผู้สร้าง Inkseal แล้วเลือกหน้าตาเว็บ 3 แบบ: กริดก่ออิฐ, มินิมอล (คอลัมน์เดียว), แกลเลอรีมืด
2. ลากภาพมาวาง (หรือเลือกทั้งโฟลเดอร์) เรียงลำดับด้วยการลาก หรือปุ่มลูกศรบนมือถือ ใส่ชื่อและคำอธิบายแต่ละชิ้น
3. (ไม่บังคับ) ปลดล็อกไฟล์ตัวตน Inkseal ภาพขนาดเต็มทุกภาพจะถูกฝังรหัสผู้สร้างที่มองไม่เห็น + เซ็นลายเซ็นดิจิทัล และเว็บจะมีป้าย "ประทับตราด้วย Inkseal" ลิงก์ไปหน้าตรวจสอบ
4. กด สร้างเว็บ ได้ไฟล์ ZIP ที่มีเว็บพร้อมขึ้นออนไลน์ + README ภาษาไทยสอนขึ้น GitHub Pages ฟรีทีละขั้น

เว็บที่ได้

• รองรับมือถือ มีตัวเปิดภาพขยาย (lightbox) ใช้คีย์บอร์ดและปัดนิ้วได้
• โหลดเร็ว: ภาพย่อแยกต่างหาก โหลดแบบ lazy ภาพใหญ่โหลดเมื่อจำเป็น (srcset)
• ข้อความ alt ของภาพมาจากชื่อผลงาน
• ไม่มีตัวติดตาม ไม่มีคุกกี้ ไม่เรียกไฟล์จากเว็บอื่น และมี Content-Security-Policy
• ข้อมูล EXIF (รวมพิกัด GPS) ในภาพต้นฉบับถูกตัดออก เพราะภาพถูกวาดใหม่ก่อนบันทึก

ข้อจำกัดที่ควรรู้ (ตรงไปตรงมา)

• ตรา Inkseal อยู่ใน ภาพขนาดเต็ม (images/) เท่านั้น ภาพย่อ (thumbs/) ไม่มีตรา
• ลายน้ำที่มองไม่เห็นหายไปถ้าภาพถูกครอป ย่อ หรือหมุน ลายเซ็นดิจิทัลหายไปถ้าเว็บโซเชียลบีบอัดภาพใหม่
• ตราไม่ได้ห้ามคนบันทึกภาพ แต่ช่วยพิสูจน์ว่าภาพมาจากคุณ
• ภาพทุกภาพบันทึกเป็น JPEG พื้นที่โปร่งใสจะกลายเป็นสีขาว

---

English

What it does

1. Enter your name, bio, social links and Inkseal creator ID, and pick one of 3 layouts: masonry grid, minimal single column, dark gallery.
2. Drop in images (or a whole folder), drag to reorder (arrow buttons on phones), add a title and description per work.
3. (Optional) Unlock your Inkseal identity file: every full-size image gets an invisible creator ID and an Ed25519 signature on export, and the site shows a "Sealed with Inkseal" badge that links to the verifier. Each sealed image is re-checked after export (valid signature + creator ID found in the pixels).
4. Click Build site to download a ZIP with a ready-to-host static site and a README (Thai + English) that walks through publishing on GitHub Pages.

If you already unlocked Inkseal in the same browser and ticked "remember", Inkfolio offers that saved identity (both apps live on the same github.io origin). You still type the passphrase.

The generated site

index.html, style.css, site.js (lightbox, ~4 KB), images/ (web size, longest side 1600–2560 px), thumbs/ (800 px), README.md, .nojekyll. Responsive, lazy-loaded thumbnails with srcset, alt text from titles, keyboard and swipe lightbox, no trackers, no cookies, no third-party requests, strict Content-Security-Policy. All user text is HTML-escaped and links are limited to http, https and mailto.

Honest limits

• Only full-size images are sealed; thumbnails are not.
• The invisible ID does not survive cropping, resizing or rotation; the signature does not survive re-compression by social sites.
• A seal does not stop copying. It helps prove an image came from you.
• Output is JPEG; transparent areas become white.

---

For developers

Plain ES modules, no build step, no dependencies, no CDN. Everything runs in the browser.

index.html, app/      the tool UI (Thai/English, light/dark)
lib/site.js           pure site renderer: HTML, CSS, lightbox JS, README
lib/zip.js            minimal store-only ZIP writer
core/                 unmodified copies of Inkseal's core modules (see core/README.md)
test/                 node --test suites for lib/

Run the tests (Node.js 20+):

node --test test/*.test.js

Run locally: serve the folder with any static server (ES modules don't load from file://), e.g. npx serve .

License

MIT