Usecontra.st
Contrast color share site
Install / Use
/learn @soffes/Usecontra.stREADME
ContrastWeb
Simple site written in Swift that shows the contrast of two colors using the Color package.
Running locally
- Install Xcode 11
- Run
brew install cairo. (You’ll need Homebrew for this.) - Run
swift package generate-xcodeproj - Open ContrastWeb.xcodeproj
- Select
ContrastWebfrom the dropdown in the top left (notContrastWeb-Package) - Click ▶️
Now the site is running at localhost:8080. Try something like localhost:8080/fff/000 since the root redirects to the marketing site.
Deploying
This site is deployed to Google Cloud Run.
Build a new image
Be sure to increment the version in this command:
$ docker build -t gcr.io/usecontrast/contrast-web:v2 .
Test the new image
This will start the server locally at localhost:8080. Be sure to update the version in the image name.
$ docker run -d -p 8080:8080 gcr.io/usecontrast/contrast-web:v2
(To stop this, run docker ps in a new tab and note the container ID of the most recent one. Then run docker stop CONTAINER_ID.)
Push the image
Be sure to update the version number in the image name.
$ docker push gcr.io/usecontrast/contrast-web:v2
Deploy the new image
Be sure to update the version number in the image name.
$ gcloud beta run deploy contrast-web --image gcr.io/usecontrast/contrast-web:v2
You can also use the console.
Related Skills
node-connect
334.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
82.2kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
334.5kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
commit-push-pr
82.2kCommit, push, and open a PR
