Skip to content

Add mobile browser remote control page for robot commands #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
borntoleave wants to merge 16 commits into
base: mobile
Choose a base branch
from
Draft

Add mobile browser remote control page for robot commands #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
51be1f6
Add mobile web remote control page with Bluetooth and Wi-Fi
cursoragent Mar 19, 2026
498c9b8
Rename index remote link to under-construction label
cursoragent Mar 19, 2026
77cd88f
Improve remote label wrapping and add Web Bluetooth fallback
cursoragent Mar 19, 2026
747c99f
Stack portal links vertically and improve Wi-Fi connect feedback
cursoragent Mar 19, 2026
f8d9e54
Show explicit Wi-Fi connect status for iOS debugging
cursoragent Mar 19, 2026
0fae87f
Remove clap quick action and add local-download fallback dialog
cursoragent Mar 19, 2026
cce1c19
Redesign joystick control and unify command encoding sender
cursoragent Mar 20, 2026
7f9f1f7
Center joystick reset and rotate on outer left-right ring
cursoragent Mar 20, 2026
e893309
Send kup on joystick release instead of d
cursoragent Mar 20, 2026
68da01a
Convert letters to ASCII in binary payload mode
cursoragent Mar 20, 2026
1fe02ec
Add GA4 tracking to mobile remote page
cursoragent Mar 20, 2026
a19475a
Rename controller page text and trim portal zh description
cursoragent Mar 20, 2026
2efd485
Rename index entry to Petoi Web Controller
cursoragent Mar 20, 2026
1e03941
Add Petoi logo favicon links for web controller tab
cursoragent Mar 21, 2026
3cc5791
Standardize Petoi logo favicon links across pages
cursoragent Mar 21, 2026
85a6d5f
Add adaptive mobile layout for Blockly coding page
cursoragent Mar 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion help.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,9 @@
gtag('config', 'G-6XRBBDPBJS');
</script>
<title>Petoi Web Coding Blocks - Help</title>
<link rel="icon" href="./assets/logo.svg" type="image/svg+xml" />
<link rel="icon" href="./assets/logo.svg" type="image/svg+xml" sizes="any" />
<link rel="shortcut icon" href="./assets/logo.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="./assets/logo.svg" />
<style>
* {
margin: 0;
Expand Down
26 changes: 24 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,9 @@
gtag('config', 'G-6XRBBDPBJS');
</script>
<title>Petoi Coding Portal</title>
<link rel="icon" href="./assets/logo.svg" type="image/svg+xml" sizes="any" />
<link rel="shortcut icon" href="./assets/logo.svg" type="image/svg+xml" />
<link rel="apple-touch-icon" href="./assets/logo.svg" />
<style>
:root {
color-scheme: light;
Expand Down Expand Up @@ -92,6 +95,12 @@
line-height: 1.6;
}

.links {
display: flex;
flex-direction: column;
gap: 10px;
}

.enter-link {
display: inline-block;
text-decoration: none;
Expand All @@ -100,6 +109,9 @@
background: var(--primary);
color: #fff;
font-weight: 600;
text-align: center;
line-height: 1.25;
width: 100%;
}

.enter-link:hover {
Expand Down Expand Up @@ -129,7 +141,10 @@ <h1 class="title" id="portalTitle">Petoi Coding Portal</h1>
Open the Blockly workspace and control your Petoi robot directly in your browser.
</p>

<a id="enterMainLink" class="enter-link" href="./main.html?lang=en">Petoi Web Coding Blocks</a>
<div class="links">
<a id="enterMainLink" class="enter-link" href="./main.html?lang=en">Petoi Web Coding Blocks</a>
<a id="enterRemoteLink" class="enter-link" href="./mobile_remote.html?lang=en">Petoi Web Controller (Under construction)</a>
</div>
<p class="footer-note" id="langHint">
The selected language will be used as the default language in the workspace.
</p>
Expand All @@ -143,18 +158,21 @@ <h1 class="title" id="portalTitle">Petoi Coding Portal</h1>
zh: {
appTitle: "Petoi编程门户",
enterButton: "Petoi陪拓网页编程积木",
portalDesc: "打开 Blockly 工作区，在浏览器中直接控制你的 Petoi 机器人。",
remoteButton: "Petoi Web Controller (Under construction)",
portalDesc: "在浏览器中直接控制你的 Petoi 机器人。",
langHint: "当前语言会自动传递给工作区，作为 main 页面默认语言。"
},
en: {
appTitle: "Petoi Coding Portal",
enterButton: "Petoi Web Coding Blocks",
remoteButton: "Petoi Web Controller (Under construction)",
portalDesc: "Open the Blockly workspace and control your Petoi robot directly in your browser.",
langHint: "The selected language will be used as the default language in the workspace."
},
ja: {
appTitle: "Petoiコーディングポータル",
enterButton: "Petoiウェブコーディングブロック",
remoteButton: "Petoi Web Controller (Under construction)",
portalDesc: "Blockly ワークスペースを開き、ブラウザから Petoi ロボットを直接操作できます。",
langHint: "選択した言語は自動的に main ページへ引き継がれ、初期言語として適用されます。"
}
Expand Down Expand Up @@ -231,6 +249,10 @@ <h1 class="title" id="portalTitle">Petoi Coding Portal</h1>
const mainLink = document.getElementById("enterMainLink");
mainLink.textContent = TEXTS[currentLang].enterButton || "Petoi Web Coding Blocks";
mainLink.href = "./main.html?lang=" + encodeURIComponent(currentLang);

const remoteLink = document.getElementById("enterRemoteLink");
remoteLink.textContent = TEXTS[currentLang].remoteButton || "Petoi Web Controller (Under construction)";
remoteLink.href = "./mobile_remote.html?lang=" + encodeURIComponent(currentLang);
}

function setLanguage(lang)
Expand Down
Loading
Loading