Terminal Control System
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 titledate
- Shows the page datecategories
- Shows the page categories as tagsdescription
- Shows the page descriptioncommands
- Shows command output frominitial_command
andadditional_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 commandsabout
- Shows the page descriptionclear
- Clears the terminal outputdate
- 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."
---