Skip to content

README.md

Latest commit

 

History

History
111 lines (83 loc) · 2.91 KB

README.md

File metadata and controls

111 lines (83 loc) · 2.91 KB

Julien Terraz Portfolio

JULIEN TERRAZ
Creative Director at Razorfish playing with technology in pursuit of creativity.
Also pen plotter artist known as targz.

About

This is the repository for julien.terraz.org, a minimalist portfolio website built with Jekyll featuring a custom design inspired by OCKHAM aesthetics.

Features

  • Minimalist Design: Clean, typography-focused layout with Space Grotesk font
  • Responsive Images: Automatic WebP conversion and responsive sizing
  • Mobile Optimized: Centered mobile layout with enhanced readability
  • Custom 404: Fun meme-based error page ("This is Fine")
  • Social Integration: LinkedIn, Instagram, and Telegram links
  • Performance: Streamlined codebase with only essential files

Prerequisites

  • Ruby (with rbenv)
  • Bundler
  • Jekyll ~3.9

Installation

  1. Clone the repository
  2. Install dependencies:
bundle install

Development

Quick Start

Run the development server:

./startlocaldev.sh

This will start the Jekyll server on:

Alternative Commands

Run with drafts:

bundle exec jekyll serve --draft

Run on default ports:

bundle exec jekyll serve

Project Structure

├── _posts/                 # Portfolio work posts
├── _drafts/               # Draft posts  
├── _layouts/              # Page templates
├── _includes/             # Reusable components
├── _plugins/              # Custom plugins (responsive images)
├── css/                   # Stylesheets (minimal.css only)
├── images/                # Image assets
│   ├── work/             # Portfolio project images (WebP)
│   └── icons/            # Social media icons (white SVG)
├── downloads/            # Downloadable files
├── 404.md               # Custom error page
└── index.html           # Homepage

Key Components

Design System

  • Typography: Space Grotesk from Google Fonts
  • Layout: CSS Grid and Flexbox for responsive design
  • Color: Minimalist black/white/gray palette
  • Mobile: Centered header with larger fonts

Responsive Images

  • Automatic WebP conversion via _plugins/responsive_images.rb
  • Multiple sizes: mobile, tablet, desktop
  • Lazy loading with _includes/responsive-image.html

Navigation

  • WORK: Homepage portfolio (default)
  • TARGZ: Links to external site (targz.fr)
  • CONTACT: Scrolls to footer contact section

Configuration

Key settings in _config.yml:

  • Site metadata and URLs
  • Social media links (LinkedIn, Instagram, Telegram)
  • Google Analytics tracking
  • Disqus comments

Dependencies

  • jekyll ~3.9
  • jekyll-sitemap - XML sitemap generation
  • jekyll-feed - RSS feed
  • kramdown-parser-gfm - GitHub Flavored Markdown

License

See LICENSE file for details.