Add Inspire Me project page
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 8s
All checks were successful
Deploy Website / build-and-deploy (push) Successful in 8s
This commit is contained in:
36
content/projects/inspire-me.md
Normal file
36
content/projects/inspire-me.md
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
---
|
||||||
|
title: "Inspire Me"
|
||||||
|
date: 2026-07-03
|
||||||
|
draft: false
|
||||||
|
description: "A browser-based generative word stream for visual drift and focus."
|
||||||
|
tags: ["Web", "Canvas", "JavaScript", "Generative"]
|
||||||
|
status: "live"
|
||||||
|
weight: 40
|
||||||
|
aliases:
|
||||||
|
- /apps/inspire-me/
|
||||||
|
links:
|
||||||
|
- label: "Open"
|
||||||
|
url: "https://akkolli.com/apps/inspire-me/"
|
||||||
|
toc: true
|
||||||
|
math: false
|
||||||
|
---
|
||||||
|
|
||||||
|
Inspire Me is a small browser app that displays a changing stream of words over a soft animated atmosphere. It is built as a static web app with JavaScript, Canvas, CSS typography controls, and a local word corpus.
|
||||||
|
|
||||||
|
{{< figure src="/images/projects/inspire-me/preview.png" alt="Inspire Me showing a large word over a soft animated paper-like background." />}}
|
||||||
|
|
||||||
|
## What It Does
|
||||||
|
|
||||||
|
- Shows a fullscreen generative word stream.
|
||||||
|
- Modulates timing, typography, color, position, and background drift over time.
|
||||||
|
- Provides controls for tempo, timing rate, style variation, and visual depth.
|
||||||
|
- Runs entirely in the browser as static files.
|
||||||
|
- Supports direct hosting at `/apps/inspire-me/`.
|
||||||
|
|
||||||
|
## Technical Shape
|
||||||
|
|
||||||
|
The app is plain HTML, CSS, and JavaScript. The word stream uses a local text corpus, CSS custom properties for typography variation, and a Canvas layer for ambient motion and texture. The deployment runs as an independent nginx container on `pluto`.
|
||||||
|
|
||||||
|
## Status
|
||||||
|
|
||||||
|
Inspire Me is live as an experimental browser app. Current work is focused on interaction polish, responsive behavior, and making the visual state more immersive without adding framework complexity.
|
||||||
BIN
static/images/projects/inspire-me/preview.png
Normal file
BIN
static/images/projects/inspire-me/preview.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 MiB |
Reference in New Issue
Block a user