Skip to content

Some Tweaks for Mobile #46

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

Merged
jowens merged 2 commits into from
Aug 31, 2026
Merged

Some Tweaks for Mobile #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a139191
Tweaks for Mobile
greggman Aug 31, 2026
dc75a55
Add meta tag to examples for mobile
greggman Aug 31, 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
1 change: 1 addition & 0 deletions benchmarking.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Benchmarking Sandbox</title>
</head>

Expand Down
25 changes: 20 additions & 5 deletions demos/interactive_demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,8 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Galaxy Stars - GridWise Visualization</title>
<style>
* {
Expand All @@ -10,12 +11,11 @@
box-sizing: border-box;
}

body {
body, html {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
background: #0a0a0f;
overflow: hidden;
width: 100vw;
height: 100vh;
height: 100%;
overscroll-behavior: none;
}

#canvas {
Expand All @@ -25,6 +25,7 @@
width: 100%;
height: 100%;
cursor: crosshair;
display: block;
}

#controls {
Expand Down Expand Up @@ -186,6 +187,20 @@
pointer-events: none;
box-shadow: 0 4px 16px rgba(0,0,0,0.5);
}

@media (height < 600px) or (width < 600px) {
#controls {
gap: 5px;

.button-group {
gap: 0px;

button {
padding: 5px;
}
}
}
}
</style>
</head>
<body>
Expand Down
1 change: 1 addition & 0 deletions examples/reduce_example.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Gridwise's Standalone WebGPU Reduce Primitive Test</title>
<link rel="stylesheet" href="gridwise.css" />
<link
Expand Down
1 change: 1 addition & 0 deletions examples/reduce_perf.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Standalone WebGPU Reduce Primitive Test, with Configuration Pane</title>
<link rel="stylesheet" href="gridwise.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" />
Expand Down
1 change: 1 addition & 0 deletions examples/regression.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Gridwise Regression Tests</title>
<link rel="stylesheet" href="gridwise.css" />
</head>
Expand Down
1 change: 1 addition & 0 deletions examples/scan_example.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Gridwise's Standalone WebGPU Scan/Reduce Primitive Test</title>
<link rel="stylesheet" href="gridwise.css" />
<link
Expand Down
1 change: 1 addition & 0 deletions examples/scan_pane_example.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Standalone WebGPU Scan/Reduce Primitive Test, with Configuration Pane</title>
<link rel="stylesheet" href="gridwise.css" />
</head>
Expand Down
1 change: 1 addition & 0 deletions examples/scan_sort_perf.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Standalone WebGPU Scan/Reduce/Sort Performance Test</title>
<link rel="stylesheet" href="gridwise.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css" />
Expand Down
1 change: 1 addition & 0 deletions examples/sort_example.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Gridwise's Standalone WebGPU Sort Primitive Test</title>
<link rel="stylesheet" href="gridwise.css" />
<link
Expand Down
1 change: 1 addition & 0 deletions examples/test_wgsl_functions.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,6 +2,7 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>WGSL Functions Unit Tests</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
Expand Down
1 change: 1 addition & 0 deletions standalone.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<title>Standalone WebGPU Primitive Test</title>
</head>

Expand Down
Loading