Portfolio website for Inturious Labs showcasing digital products and services.

• Website: https://inturious.com
• Canister ID: mhlja-5qaaa-aaaao-qkv2q-cai
• IC URL: https://mhlja-5qaaa-aaaao-qkv2q-cai.icp0.io

The site is automatically deployed to Internet Computer mainnet via GitHub Actions on every push to main branch.

# Open index.html in browser
open index.html

# Or use a local server
python3 -m http.server 8000

dfx deploy --network ic

inturious/
├── index.html                      # Main landing page
├── robots.txt                      # SEO crawler configuration
├── products/                       # Product pages
│   ├── project-deck/               # Pitch deck template
│   ├── digital-sovereignty-chronicle/
│   ├── the-sunday-blender/
│   ├── herbert-yang-blog/
│   ├── ic123/
│   ├── rapport/
│   ├── lumen/
│   ├── flux/
│   ├── y3-labs/                    # Y3 Labs game studio
│   └── readly/
├── css/
│   ├── pico.min.css               # Pico CSS framework
│   └── style.css                  # Custom styles
├── img/
│   ├── products/                  # Product hero and social preview images
│   ├── favicon.*                  # Favicon files
│   └── *.jpg                      # Site images
├── scripts/
│   ├── analytics.js               # Google Analytics
│   ├── generate_hero_images.py    # Hero image generator
│   ├── products-config.json       # Product configuration
│   └── README.md                  # Scripts documentation
├── .github/
│   └── workflows/
│       └── deploy.yml             # CI/CD to Internet Computer
├── .well-known/
│   └── ic-domains                 # Custom domain configuration
├── dfx.json                       # IC canister configuration
└── .ic-assets.json5               # Asset headers and caching

Follow these steps to add a new product to the portfolio:

Edit scripts/products-config.json and add your product to the products array:

{
  "slug": "product-slug",
  "name": "Product Name",
  "slogan": "One-line description of the product",
  "color": "vanilla"
}

Available colors: blue, pink, lavender, mint, peach, lilac, sky, coral, sage, lemon, rose, periwinkle, aqua, apricot, mauve, pistachio, powder, seafoam, vanilla, blush

Run the Python script to generate hero and social preview images:

python scripts/generate_hero_images.py --all

This will create:

• img/products/product-slug-hero.jpg (1200x630px)
• img/products/product-slug-social-preview.jpg (1200x630px)

mkdir -p products/product-slug
cp products/project-deck/deck/slides.md products/product-slug/deck/slides.md

Edit products/product-slug/index.html and update:

1. Meta tags (lines 6-20):

   • Title: [Product Name] - Inturious Labs
   • Description: Brief SEO description
   • OG/Twitter image URLs: product-slug-social-preview.jpg
   • OG URL: https://inturious.com/products/product-slug/

2. Product color (line 31):

   --product-color: var(--color-yourcolor);

3. Hero image (line 43):

   <img src="../../img/products/product-slug-hero.jpg" alt="Product Name" class="hero-image">

4. Status badge (line 44):

   • For live products: <span class="status-badge live">Live</span>
   • For coming soon: <span class="status-badge">Coming Soon</span>

Edit index.html and find the placeholder product card or add a new one in the <div class="products-grid"> section.

Replace the hidden card structure:

<article class="product-card hidden">
  <h3>Product Name</h3>
  ...
</article>

With the active card structure:

<a href="products/product-slug/index.html" class="product-card-link">
  <article class="product-card" style="background: linear-gradient(135deg, var(--color-yourcolor) 0%, color-mix(in srgb, var(--color-yourcolor) 70%, black) 100%);">
    <h3>Product Name</h3>
    <span class="status-badge live">Live</span>
    <p>One-line product description</p>
  </article>
</a>

Edit the product page content sections as needed:

• Target Users
• Pain Point
• Proposed Solution
• Key Benefits
• Get Started (include product URL or contact email)

git add scripts/products-config.json products/product-slug/ img/products/product-slug-* index.html
git commit -m "Add [Product Name] product page"
git push

The site will automatically deploy to IC mainnet via GitHub Actions.

• Configuration: scripts/products-config.json
• Product page: products/product-slug/index.html
• Hero images: img/products/product-slug-hero.jpg and product-slug-social-preview.jpg
• Homepage: index.html (products-grid section)
• Template: products/project-deck/deck/slides.md
• Pitch deck: https://inturious.com/products/project-deck/deck/

hello@inturious.com

Copyright 2025 Inturious Labs