snowspeeder/pi-web
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add dash favicon

Browse Source
This commit is contained in:
Federico Jaramillo Martinez
2026-05-21 15:52:17 +02:00
parent ffb2942ead
commit 13bb8e4227
10 changed files with 47 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.changeset/add-dash-favicon.md
+5
View File
@@ -0,0 +1,5 @@
---
"@jmfederico/pi-web": patch
---
Add a theme-aware dash favicon and uppercase PI WEB page titles.
docs/404.html
+3 -3
View File
@@ -3,12 +3,12 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Page not found — Pi Web</title>
<title>Page not found — PI WEB</title>
<meta name="description" content="The Pi Web page you requested does not exist." />
<meta name="robots" content="noindex" />
<meta property="og:title" content="Page not found — Pi Web" />
<meta property="og:title" content="Page not found — PI WEB" />
<meta property="og:image" content="/assets/pi-web-banner.png" />
<link rel="icon" href="data:," />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<script>
(() => {
const theme = window.localStorage.getItem("pi-web-theme");
docs/assets/favicon.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
<title id="title">piweb mark</title>
<desc id="desc">A horizontal brand bar.</desc>
<style>
.bar { fill: #00f0d8; }
@media (prefers-color-scheme: light) {
.bar { fill: #008c82; }
}
</style>
<rect class="bar" x="128" y="448" width="768" height="128"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 391 B

docs/faq.html
+3 -3
View File
@@ -3,11 +3,11 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Pi Web FAQ</title>
<title>PI WEB FAQ</title>
<meta name="description" content="Answers for common Pi Web install and runtime issues." />
<meta property="og:title" content="Pi Web FAQ" />
<meta property="og:title" content="PI WEB FAQ" />
<meta property="og:image" content="assets/pi-web-banner.png" />
<link rel="icon" href="data:," />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<script>
(() => {
const theme = window.localStorage.getItem("pi-web-theme");
docs/index.html
+3 -3
View File
@@ -3,18 +3,18 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Pi Web — persistent AI coding agents in your browser</title>
<title>PI WEB — persistent AI coding agents in your browser</title>
<meta
name="description"
content="Pi Web is a browser control plane for persistent Pi Coding Agent sessions running on your own machine or server."
/>
<meta property="og:title" content="Pi Web" />
<meta property="og:title" content="PI WEB" />
<meta
property="og:description"
content="Run AI coding agents in real workspaces, keep them alive, and control everything from a browser."
/>
<meta property="og:image" content="assets/pi-web-banner.png" />
<link rel="icon" href="data:," />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<script>
(() => {
const theme = window.localStorage.getItem("pi-web-theme");
docs/install.html
+3 -3
View File
@@ -3,11 +3,11 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Install Pi Web</title>
<title>Install PI WEB</title>
<meta name="description" content="Complete installation guide for Pi Web on Linux, macOS, and Windows WSL." />
<meta property="og:title" content="Install Pi Web" />
<meta property="og:title" content="Install PI WEB" />
<meta property="og:image" content="assets/pi-web-banner.png" />
<link rel="icon" href="data:," />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<script>
(() => {
const theme = window.localStorage.getItem("pi-web-theme");
docs/plugins.html
+3 -3
View File
@@ -3,11 +3,11 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Pi Web plugins</title>
<title>PI WEB plugins</title>
<meta name="description" content="Use and develop trusted local Pi Web UI plugins." />
<meta property="og:title" content="Pi Web plugins" />
<meta property="og:title" content="PI WEB plugins" />
<meta property="og:image" content="assets/pi-web-banner.png" />
<link rel="icon" href="data:," />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<script>
(() => {
const theme = window.localStorage.getItem("pi-web-theme");
docs/remote-first.html
+3 -3
View File
@@ -3,14 +3,14 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Remote-first development with Pi Web</title>
<title>Remote-first development with PI WEB</title>
<meta
name="description"
content="Why Pi Web is built for remote AI-driven development with persistent agents and browser-based control."
/>
<meta property="og:title" content="Remote-first development with Pi Web" />
<meta property="og:title" content="Remote-first development with PI WEB" />
<meta property="og:image" content="assets/pi-web-banner.png" />
<link rel="icon" href="data:," />
<link rel="icon" type="image/svg+xml" href="assets/favicon.svg" />
<script>
(() => {
const theme = window.localStorage.getItem("pi-web-theme");
src/client/index.html
+2 -1
View File
@@ -3,7 +3,8 @@
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<title>Pi Web</title>
<title>PI WEB</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<style>
:root {
color-scheme: dark;
src/client/public/favicon.svg
+11
View File
@@ -0,0 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
<title id="title">piweb mark</title>
<desc id="desc">A horizontal brand bar.</desc>
<style>
.bar { fill: #00f0d8; }
@media (prefers-color-scheme: light) {
.bar { fill: #008c82; }
}
</style>
<rect class="bar" x="128" y="448" width="768" height="128"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 391 B