Terminal Control System

The terminal card on The Honest Ape website now features enhanced front matter control, allowing you to customize the display and behavior of the terminal directly from your page's front matter.

Front Matter Options

Add these to your page's front matter section to control the terminal:

# Terminal display controls
display_elements: ["title", "categories", "description", "commands", "interactive"]
initial_command: "welcome"
initial_response: "Welcome to The Honest Ape! Type 'help' for available commands."
additional_commands:
  - command: "about"
    response: "I'm Abraham Garcia, a designer and digital craftsman."
  - command: "projects"
    response: "Browse my projects to see my design work."

Available Options

display_elements

Controls which elements appear in the terminal. Include any of these values:

  • title - Shows the page title
  • date - Shows the page date
  • categories - Shows the page categories as tags
  • description - Shows the page description
  • commands - Shows command output from initial_command and additional_commands
  • interactive - Enables an interactive command line input for visitors

Example:

display_elements: ["title", "categories", "description"]

initial_command and initial_response

Sets the first command and response shown in the terminal when the page loads.

Example:

initial_command: "welcome"
initial_response: "Welcome to the site! Type 'help' to see available commands."

additional_commands

A list of pre-defined commands and responses to display in the terminal when the page loads.

Example:

additional_commands:
  - command: "about"
    response: "Information about me or this page."
  - command: "contact"
    response: "Email me at hello@example.com"

Interactive Mode

When interactive is included in display_elements, visitors can type commands in the terminal.

Available commands:

  • help - Shows available commands
  • about - Shows the page description
  • clear - Clears the terminal output
  • date - Shows the current date and time

Example Configuration

Here's an example of a complete front matter configuration for a page:

---
layout: post
title: My Project
description: "A description of my awesome project"
date: 2024-01-01
categories: ["design", "projects"]
featured-image: assets/img/project.jpg

# Terminal display controls
display_elements: ["title", "categories", "description", "commands", "interactive"]
initial_command: "welcome"
initial_response: "Welcome to my project page! Type 'help' for available commands."
additional_commands:
  - command: "about"
    response: "This project explores the intersection of design and technology."
  - command: "tech"
    response: "Built with HTML, CSS, JavaScript, and Jekyll."
---